website document optimization (#1314)

* feat: table slot * feat: compile files * feat: compile files * feat: form md * feat: demo fix * feat: demo fix * feat: demo fix * feat: demo fix
ant-design · Nov 28, 2024 · 030f9ce · 030f9ce
1 parent 8e7910d
commit 030f9ce
Show file tree

Hide file tree

Showing 82 changed files with 971 additions and 914 deletions.
diff --git a/.dumi/theme/builtins/SourceCode/index.tsx b/.dumi/theme/builtins/SourceCode/index.tsx
@@ -25,6 +25,11 @@ const MARKUP_REGEX = {
   wechat: /[\n]*?#if ALIPAY[\s\S]*?#endif[\n]*?/g, // 微信平台时，需要去掉支付宝标记的内容
 };
 
+const COMMENTS_MARKUP_REGEX = {
+  if: /#comments\s+if/g,
+  endif: /#comments\s+endif/g,
+};
+
 /**
  * define DSL which can be highlighted as similar language
  */
@@ -55,8 +60,12 @@ const SourceCode: FC<ISourceCodeProps> = (props) => {
 
     // 去掉所有的 #if ALIPAY, #endif 等标记
     result = result.replace(MARKUP_REGEX.all, '');
+
+    // 如果comments if 或 comments endif 需要处理一下
+    result = result.replace(COMMENTS_MARKUP_REGEX.if, '#if');
+    result = result.replace(COMMENTS_MARKUP_REGEX.endif, '#endif');
     return result;
-  }, [pChildren, platform, MARKUP_REGEX]);
+  }, [pChildren, platform, MARKUP_REGEX, COMMENTS_MARKUP_REGEX]);
 
   const timer = useRef<number>();
   const [isCopied, setIsCopied] = useState(false);

diff --git a/demo/pages/AutoResize/index.axml b/demo/pages/AutoResize/index.axml
@@ -3,66 +3,66 @@
 <ant-container title="基本用法">
   <ant-container title="中文">
     <ant-auto-resize text="页面遇到一些小问题" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">页面遇到一些小问题</view>
+      <view class="card" style="height: 60rpx;">页面遇到一些小问题</view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="英文">
     <ant-auto-resize text="The page is experiencing some minor issues" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         The page is experiencing some minor issues
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="英文-ratio">
     <ant-auto-resize text="The page is experiencing some minor issues" ratio="{{ 4 }}" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         The page is experiencing some minor issues
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="日文">
     <ant-auto-resize text="ページにいくつかの小さな問題が発生しています" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         ページにいくつかの小さな問題が発生しています
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="韩文">
     <ant-auto-resize text="페이지에 작은 문제가 발생했습니다" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">페이지에 작은 문제가 발생했습니다</view>
+      <view class="card" style="height: 60rpx;">페이지에 작은 문제가 발생했습니다</view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="阿拉伯">
     <ant-auto-resize text="تواجه الصفحة بعض المشكلات البسيطة"  minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         تواجه الصفحة بعض المشكلات البسيطة
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="西班牙">
     <ant-auto-resize text="La página ha encontrado algunos pequeños problemas" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         La página ha encontrado algunos pequeños problemas
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="俄语">
     <ant-auto-resize text="На странице возникли небольшие проблемы" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         На странице возникли небольшие проблемы
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="法语">
     <ant-auto-resize text="La page rencontre quelques problèmes mineurs" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         La page rencontre quelques problèmes mineurs
       </view>
     </ant-auto-resize>
   </ant-container>
   <ant-container title="德语">
     <ant-auto-resize text="Auf der Seite treten einige kleinere Probleme auf" minFontSize="24" maxFontSize="60">
-      <view style="background-color: #1677ff; color: #fff; height: 60rpx;">
+      <view class="card" style="height: 60rpx;">
         Auf der Seite treten einige kleinere Probleme auf
       </view>
     </ant-auto-resize>

diff --git a/demo/pages/AutoResize/index.less b/demo/pages/AutoResize/index.less
@@ -1,7 +1,10 @@
 page {
-  padding-top: 70px;
-
   /// #if WECHAT
   box-sizing: border-box;
   /// #endif
 }
+
+.card {
+  background-color: var(--color-grey-card);
+  color: var(--color-text-primary);
+}