diff --git a/content/basic/button/index-en-US.md b/content/basic/button/index-en-US.md index 371bf71c7b..44040e783b 100644 --- a/content/basic/button/index-en-US.md +++ b/content/basic/button/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 18 +order: 19 category: Input title: Button subTitle: Button diff --git a/content/basic/button/index.md b/content/basic/button/index.md index 0bbcb0a9d3..ecd7887f67 100644 --- a/content/basic/button/index.md +++ b/content/basic/button/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 18 +order: 19 category: 输入类 title: Button 按钮 icon: doc-button diff --git a/content/basic/divider/index-en-US.md b/content/basic/divider/index-en-US.md index dc271cf708..ddfb5b8dd1 100644 --- a/content/basic/divider/index-en-US.md +++ b/content/basic/divider/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 13 +order: 14 category: Basic title: Divider icon: doc-divider diff --git a/content/basic/divider/index.md b/content/basic/divider/index.md index 2babd3cd99..5341074eb0 100644 --- a/content/basic/divider/index.md +++ b/content/basic/divider/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 13 +order: 14 category: 基础 title: Divider 分割线 icon: doc-divider diff --git a/content/basic/grid/index-en-US.md b/content/basic/grid/index-en-US.md index d62427dc6c..4756ba6589 100644 --- a/content/basic/grid/index-en-US.md +++ b/content/basic/grid/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 14 +order: 15 category: Basic title: Grid icon: doc-grid diff --git a/content/basic/grid/index.md b/content/basic/grid/index.md index c2579a8d9e..0532683679 100644 --- a/content/basic/grid/index.md +++ b/content/basic/grid/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 14 +order: 15 category: 基础 title: Grid 栅格 icon: doc-grid diff --git a/content/basic/icon/index-en-US.md b/content/basic/icon/index-en-US.md index a2c2f9bc47..841c7f4e01 100644 --- a/content/basic/icon/index-en-US.md +++ b/content/basic/icon/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 15 +order: 16 category: Basic title: Icon subTitle: Icon diff --git a/content/basic/icon/index.md b/content/basic/icon/index.md index fb17e3ee5d..6eb7f68da8 100644 --- a/content/basic/icon/index.md +++ b/content/basic/icon/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 15 +order: 16 category: 基础 title: Icon 图标 icon: doc-icons diff --git a/content/basic/layout/index-en-US.md b/content/basic/layout/index-en-US.md index 0e20f149f6..9bf2e64c9b 100644 --- a/content/basic/layout/index-en-US.md +++ b/content/basic/layout/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 16 +order: 17 category: Basic title: Layout subTitle: Layout diff --git a/content/basic/layout/index.md b/content/basic/layout/index.md index 8eab743509..91963d7fb3 100644 --- a/content/basic/layout/index.md +++ b/content/basic/layout/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 16 +order: 17 category: 基础 title: Layout 布局 icon: doc-layout diff --git a/content/basic/space/index-en-US.md b/content/basic/space/index-en-US.md index 0374f69403..4edf92e1cd 100644 --- a/content/basic/space/index-en-US.md +++ b/content/basic/space/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 19 +order: 20 category: basic title: Space icon: doc-space diff --git a/content/basic/space/index.md b/content/basic/space/index.md index 2f499f3a39..c7db097f72 100644 --- a/content/basic/space/index.md +++ b/content/basic/space/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 19 +order: 20 category: 基础 title: Space 间距 icon: doc-space diff --git a/content/basic/tokens/index-en-US.md b/content/basic/tokens/index-en-US.md index c4bde8824e..0c25c5cbf3 100644 --- a/content/basic/tokens/index-en-US.md +++ b/content/basic/tokens/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 17 +order: 18 category: Basic title: Tokens icon: doc-token diff --git a/content/basic/tokens/index.md b/content/basic/tokens/index.md index beb8abfc47..6a64765312 100644 --- a/content/basic/tokens/index.md +++ b/content/basic/tokens/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 17 +order: 18 category: 基础 title: Tokens 设计变量 icon: doc-token diff --git a/content/basic/typography/index-en-US.md b/content/basic/typography/index-en-US.md index b2292f1946..32568bf905 100644 --- a/content/basic/typography/index-en-US.md +++ b/content/basic/typography/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 20 +order: 21 category: Basic title: Typography subTitle: Typography diff --git a/content/basic/typography/index.md b/content/basic/typography/index.md index 19456312f5..962ee22f87 100644 --- a/content/basic/typography/index.md +++ b/content/basic/typography/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 20 +order: 21 category: 基础 title: Typography 版式 icon: doc-typography diff --git a/content/feedback/banner/index-en-US.md b/content/feedback/banner/index-en-US.md index 586d103bb6..ee3bdda0c8 100644 --- a/content/feedback/banner/index-en-US.md +++ b/content/feedback/banner/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 69 +order: 70 category: Feedback title: Banner subTitle: Banner diff --git a/content/feedback/banner/index.md b/content/feedback/banner/index.md index a6404d2ba5..45a280a7ed 100644 --- a/content/feedback/banner/index.md +++ b/content/feedback/banner/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 69 +order: 70 category: 反馈类 title: Banner 通知横幅 icon: doc-banner diff --git a/content/feedback/notification/index-en-US.md b/content/feedback/notification/index-en-US.md index 64b2abf6e8..7f9a54b481 100644 --- a/content/feedback/notification/index-en-US.md +++ b/content/feedback/notification/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 70 +order: 71 category: Feedback title: Notification subTitle: Notification diff --git a/content/feedback/notification/index.md b/content/feedback/notification/index.md index 048656cb1e..9750173d47 100644 --- a/content/feedback/notification/index.md +++ b/content/feedback/notification/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 70 +order: 71 category: 反馈类 title: Notification 通知 icon: doc-notification diff --git a/content/feedback/popconfirm/index-en-US.md b/content/feedback/popconfirm/index-en-US.md index 5fb08b0a26..10a61d2c76 100644 --- a/content/feedback/popconfirm/index-en-US.md +++ b/content/feedback/popconfirm/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 71 +order: 72 category: Feedback title: Popconfirm subTitle: Popconfirm diff --git a/content/feedback/popconfirm/index.md b/content/feedback/popconfirm/index.md index eddc5f9c1e..a488c0f661 100644 --- a/content/feedback/popconfirm/index.md +++ b/content/feedback/popconfirm/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 71 +order: 72 category: 反馈类 title: Popconfirm 气泡确认框 icon: doc-popconfirm diff --git a/content/feedback/progress/index-en-US.md b/content/feedback/progress/index-en-US.md index c7be7ac1a7..d10c489bee 100644 --- a/content/feedback/progress/index-en-US.md +++ b/content/feedback/progress/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 72 +order: 73 category: Feedback title: Progress subTitle: Progress diff --git a/content/feedback/progress/index.md b/content/feedback/progress/index.md index dc89c19b38..76cb2228f1 100644 --- a/content/feedback/progress/index.md +++ b/content/feedback/progress/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 72 +order: 73 category: 反馈类 title: Progress 进度条 icon: doc-progress diff --git a/content/feedback/skeleton/index-en-US.md b/content/feedback/skeleton/index-en-US.md index 2339897949..078774bfaf 100644 --- a/content/feedback/skeleton/index-en-US.md +++ b/content/feedback/skeleton/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 73 +order: 74 category: Feedback title: Skeleton subTitle: Skeleton diff --git a/content/feedback/skeleton/index.md b/content/feedback/skeleton/index.md index dcf843a9b6..560623ad32 100644 --- a/content/feedback/skeleton/index.md +++ b/content/feedback/skeleton/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 73 +order: 74 category: 反馈类 title: Skeleton 骨架屏 icon: doc-skeleton diff --git a/content/feedback/spin/index-en-US.md b/content/feedback/spin/index-en-US.md index f5ef9227ce..ae4f9d7157 100644 --- a/content/feedback/spin/index-en-US.md +++ b/content/feedback/spin/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 74 +order: 75 category: Feedback title: Spin subTitle: Spin diff --git a/content/feedback/spin/index.md b/content/feedback/spin/index.md index b3c35646ae..254fb54a40 100644 --- a/content/feedback/spin/index.md +++ b/content/feedback/spin/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 74 +order: 75 category: 反馈类 title: Spin 加载器 icon: doc-spin diff --git a/content/feedback/toast/index-en-US.md b/content/feedback/toast/index-en-US.md index 1797d16699..e4dc8db866 100644 --- a/content/feedback/toast/index-en-US.md +++ b/content/feedback/toast/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 75 +order: 76 category: Feedback title: Toast subTitle: Toast diff --git a/content/feedback/toast/index.md b/content/feedback/toast/index.md index 9454feca8a..278936b483 100644 --- a/content/feedback/toast/index.md +++ b/content/feedback/toast/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 75 +order: 76 category: 反馈类 title: Toast 提示 icon: doc-toast diff --git a/content/input/autocomplete/index-en-US.md b/content/input/autocomplete/index-en-US.md index 3d52e8465d..42cda40b04 100644 --- a/content/input/autocomplete/index-en-US.md +++ b/content/input/autocomplete/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 21 +order: 22 category: Input title: AutoComplete icon: doc-autocomplete diff --git a/content/input/autocomplete/index.md b/content/input/autocomplete/index.md index f7f61888c3..f8175ecce7 100644 --- a/content/input/autocomplete/index.md +++ b/content/input/autocomplete/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 21 +order: 22 category: 输入类 title: AutoComplete 自动完成 icon: doc-autocomplete diff --git a/content/input/cascader/index-en-US.md b/content/input/cascader/index-en-US.md index 1a97c41629..ea78066737 100644 --- a/content/input/cascader/index-en-US.md +++ b/content/input/cascader/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 22 +order: 23 category: Input title: Cascader subTitle: Cascade diff --git a/content/input/cascader/index.md b/content/input/cascader/index.md index f1554f3248..6fd1c69332 100644 --- a/content/input/cascader/index.md +++ b/content/input/cascader/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 22 +order: 23 category: 输入类 title: Cascader 级联选择 icon: doc-cascader diff --git a/content/input/checkbox/index-en-US.md b/content/input/checkbox/index-en-US.md index 5cdcfd86b7..7b8075a6ac 100644 --- a/content/input/checkbox/index-en-US.md +++ b/content/input/checkbox/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 23 +order: 24 category: Input title: Checkbox subTitle: Checkbox diff --git a/content/input/checkbox/index.md b/content/input/checkbox/index.md index eb1ec8e1e0..2ab9694dd7 100644 --- a/content/input/checkbox/index.md +++ b/content/input/checkbox/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 23 +order: 24 category: 输入类 title: Checkbox 复选框 icon: doc-checkbox diff --git a/content/input/datepicker/index-en-US.md b/content/input/datepicker/index-en-US.md index ba7aa33fdc..3aed600161 100644 --- a/content/input/datepicker/index-en-US.md +++ b/content/input/datepicker/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 24 +order: 25 category: Input title: DatePicker subTitle: Date Selector diff --git a/content/input/datepicker/index.md b/content/input/datepicker/index.md index 7310fffc6e..ae57d1c361 100644 --- a/content/input/datepicker/index.md +++ b/content/input/datepicker/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 24 +order: 25 category: 输入类 title: DatePicker 日期选择器 icon: doc-datepicker diff --git a/content/input/form/index-en-US.md b/content/input/form/index-en-US.md index ce1d77db59..2620f15e68 100644 --- a/content/input/form/index-en-US.md +++ b/content/input/form/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 25 +order: 26 category: Input title: Form subTitle: Form diff --git a/content/input/form/index.md b/content/input/form/index.md index e4b1d0fe62..6bfcecf847 100644 --- a/content/input/form/index.md +++ b/content/input/form/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 25 +order: 26 category: 输入类 title: Form 表单 icon: doc-form diff --git a/content/input/input/index-en-US.md b/content/input/input/index-en-US.md index 3670b7d111..7492159bb3 100644 --- a/content/input/input/index-en-US.md +++ b/content/input/input/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 26 +order: 27 category: Input title: Input subTitle: Input diff --git a/content/input/input/index.md b/content/input/input/index.md index a4804300c8..afb96b1805 100644 --- a/content/input/input/index.md +++ b/content/input/input/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 26 +order: 27 category: 输入类 title: Input 输入框 icon: doc-input diff --git a/content/input/inputnumber/index-en-US.md b/content/input/inputnumber/index-en-US.md index 4dfd7a60ab..2efd3b8ec5 100644 --- a/content/input/inputnumber/index-en-US.md +++ b/content/input/inputnumber/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 27 +order: 28 category: Input title: InputNumber subTitle: InputNumber diff --git a/content/input/inputnumber/index.md b/content/input/inputnumber/index.md index 36d51ce793..de3978500f 100644 --- a/content/input/inputnumber/index.md +++ b/content/input/inputnumber/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 27 +order: 28 category: 输入类 title: InputNumber 数字输入框 icon: doc-inputnumber diff --git a/content/input/radio/index-en-US.md b/content/input/radio/index-en-US.md index 60674ddca5..5bd1179d49 100644 --- a/content/input/radio/index-en-US.md +++ b/content/input/radio/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 28 +order: 29 category: Input title: Radio subTitle: Radio diff --git a/content/input/radio/index.md b/content/input/radio/index.md index 4eab8bda96..1f061ceb7b 100644 --- a/content/input/radio/index.md +++ b/content/input/radio/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 28 +order: 29 category: 输入类 title: Radio 单选框 icon: doc-radio diff --git a/content/input/rating/index-en-US.md b/content/input/rating/index-en-US.md index 1493829ab0..d9315cd440 100644 --- a/content/input/rating/index-en-US.md +++ b/content/input/rating/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 29 +order: 30 category: Input title: Rating subTitle: Rating diff --git a/content/input/rating/index.md b/content/input/rating/index.md index da3a6c993e..4c7f695e96 100644 --- a/content/input/rating/index.md +++ b/content/input/rating/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 29 +order: 30 category: 输入类 title: Rating 评分 icon: doc-rating diff --git a/content/input/select/index-en-US.md b/content/input/select/index-en-US.md index 4990fcb2df..98971e8bd7 100644 --- a/content/input/select/index-en-US.md +++ b/content/input/select/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 30 +order: 31 category: Input title: Select subTitle: Select diff --git a/content/input/select/index.md b/content/input/select/index.md index 50ca70680a..87cb5fdd78 100644 --- a/content/input/select/index.md +++ b/content/input/select/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 30 +order: 31 category: 输入类 title: Select 选择器 icon: doc-select diff --git a/content/input/slider/index-en-US.md b/content/input/slider/index-en-US.md index 1c5b92073e..f9d659818c 100644 --- a/content/input/slider/index-en-US.md +++ b/content/input/slider/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 31 +order: 32 category: Input title: Slider subTitle: Slider diff --git a/content/input/slider/index.md b/content/input/slider/index.md index 8d87fe5746..0805d8b3f5 100644 --- a/content/input/slider/index.md +++ b/content/input/slider/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 31 +order: 32 category: 输入类 title: Slider 滑动选择器 icon: doc-slider diff --git a/content/input/switch/index-en-US.md b/content/input/switch/index-en-US.md index ac56208f82..01e6fcc0b1 100644 --- a/content/input/switch/index-en-US.md +++ b/content/input/switch/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 32 +order: 33 category: Input title: Switch subTitle: Switch diff --git a/content/input/switch/index.md b/content/input/switch/index.md index b9bbc0fc21..091fcd358e 100644 --- a/content/input/switch/index.md +++ b/content/input/switch/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 32 +order: 33 category: 输入类 title: Switch 开关 icon: doc-switch diff --git a/content/input/taginput/index-en-US.md b/content/input/taginput/index-en-US.md index 66baf1d679..c39e304071 100644 --- a/content/input/taginput/index-en-US.md +++ b/content/input/taginput/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 33 +order: 34 category: Input title: TagInput subTitle: TagInput diff --git a/content/input/taginput/index.md b/content/input/taginput/index.md index 705c0384d3..b6f5b4228b 100644 --- a/content/input/taginput/index.md +++ b/content/input/taginput/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 33 +order: 34 category: 输入类 title: TagInput 标签输入框 icon: doc-tagInput diff --git a/content/input/timepicker/index-en-US.md b/content/input/timepicker/index-en-US.md index fd4118eeba..f62c9d5ca4 100644 --- a/content/input/timepicker/index-en-US.md +++ b/content/input/timepicker/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 34 +order: 35 category: Input title: TimePicker subTitle: TimePicker diff --git a/content/input/timepicker/index.md b/content/input/timepicker/index.md index a66642db72..075cbafb88 100644 --- a/content/input/timepicker/index.md +++ b/content/input/timepicker/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 34 +order: 35 category: 输入类 title: TimePicker 时间选择器 icon: doc-timepicker diff --git a/content/input/transfer/index-en-US.md b/content/input/transfer/index-en-US.md index ec707c1583..2129990a4a 100644 --- a/content/input/transfer/index-en-US.md +++ b/content/input/transfer/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 35 +order: 36 category: Input title: Transfer icon: doc-transfer diff --git a/content/input/transfer/index.md b/content/input/transfer/index.md index d566f84d1e..54838fbd0d 100644 --- a/content/input/transfer/index.md +++ b/content/input/transfer/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 35 +order: 36 category: 输入类 title: Transfer 穿梭框 icon: doc-transfer diff --git a/content/input/treeselect/index-en-US.md b/content/input/treeselect/index-en-US.md index 4c8eb09f1a..c77d32353f 100644 --- a/content/input/treeselect/index-en-US.md +++ b/content/input/treeselect/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 36 +order: 37 category: Input title: TreeSelect subTitle: TreeSelect diff --git a/content/input/treeselect/index.md b/content/input/treeselect/index.md index e86ea55d71..731ccb477c 100644 --- a/content/input/treeselect/index.md +++ b/content/input/treeselect/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 36 +order: 37 category: 输入类 title: TreeSelect 树选择器 icon: doc-treeselect diff --git a/content/input/upload/index-en-US.md b/content/input/upload/index-en-US.md index 56ae0e9adf..424aa22589 100644 --- a/content/input/upload/index-en-US.md +++ b/content/input/upload/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 37 +order: 38 category: Input title: Upload icon: doc-upload diff --git a/content/input/upload/index.md b/content/input/upload/index.md index ec5aa33dcd..21b63cb855 100644 --- a/content/input/upload/index.md +++ b/content/input/upload/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 37 +order: 38 category: 输入类 title: Upload 上传 icon: doc-upload diff --git a/content/navigation/anchor/index-en-US.md b/content/navigation/anchor/index-en-US.md index 415763c269..6508640723 100644 --- a/content/navigation/anchor/index-en-US.md +++ b/content/navigation/anchor/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 38 +order: 39 category: Navigation title: Anchor subTitle: Anchor diff --git a/content/navigation/anchor/index.md b/content/navigation/anchor/index.md index 3ff512d4c2..84dbc65d8f 100644 --- a/content/navigation/anchor/index.md +++ b/content/navigation/anchor/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 38 +order: 39 category: 导航类 title: Anchor 锚点 icon: doc-anchor diff --git a/content/navigation/backtop/index-en-US.md b/content/navigation/backtop/index-en-US.md index 491e1f216d..cdd05be2b5 100644 --- a/content/navigation/backtop/index-en-US.md +++ b/content/navigation/backtop/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 39 +order: 40 category: Navigation title: BackTop subTitle: BackTop diff --git a/content/navigation/backtop/index.md b/content/navigation/backtop/index.md index 5c32e74edc..064e27ff0c 100644 --- a/content/navigation/backtop/index.md +++ b/content/navigation/backtop/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 39 +order: 40 category: 导航类 title: BackTop 回到顶部 icon: doc-backtop diff --git a/content/navigation/breadcrumb/index-en-US.md b/content/navigation/breadcrumb/index-en-US.md index e8bdcbf486..db64f80f82 100644 --- a/content/navigation/breadcrumb/index-en-US.md +++ b/content/navigation/breadcrumb/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 40 +order: 41 category: Navigation title: Breadcrumb subTitle: Breadcrumb diff --git a/content/navigation/breadcrumb/index.md b/content/navigation/breadcrumb/index.md index 72d2ab3146..5446157de3 100644 --- a/content/navigation/breadcrumb/index.md +++ b/content/navigation/breadcrumb/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 40 +order: 41 category: 导航类 title: Breadcrumb 面包屑 icon: doc-breadcrumb diff --git a/content/navigation/navigation/index-en-US.md b/content/navigation/navigation/index-en-US.md index 6f51cc42a8..41e8623cc5 100644 --- a/content/navigation/navigation/index-en-US.md +++ b/content/navigation/navigation/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 41 +order: 42 category: Navigation title: Navigation subTitle: Navigation diff --git a/content/navigation/navigation/index.md b/content/navigation/navigation/index.md index 4e3ce73261..6d91d2831c 100644 --- a/content/navigation/navigation/index.md +++ b/content/navigation/navigation/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 41 +order: 42 category: 导航类 title: Navigation 导航 icon: doc-navigation diff --git a/content/navigation/pagination/index-en-US.md b/content/navigation/pagination/index-en-US.md index e542bb90ff..0d962156d7 100644 --- a/content/navigation/pagination/index-en-US.md +++ b/content/navigation/pagination/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 42 +order: 43 category: Navigation title: Pagination subTitle: Pagination diff --git a/content/navigation/pagination/index.md b/content/navigation/pagination/index.md index 2147a2f0e5..695c7429f1 100644 --- a/content/navigation/pagination/index.md +++ b/content/navigation/pagination/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 42 +order: 43 category: 导航类 title: Pagination 翻页器 icon: doc-pagination diff --git a/content/navigation/steps/index-en-US.md b/content/navigation/steps/index-en-US.md index de554449dd..0d449237bb 100644 --- a/content/navigation/steps/index-en-US.md +++ b/content/navigation/steps/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 43 +order: 44 category: Navigation title: Steps subTitle: Steps diff --git a/content/navigation/steps/index.md b/content/navigation/steps/index.md index d2afdecb84..94cd6cbbe5 100644 --- a/content/navigation/steps/index.md +++ b/content/navigation/steps/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 43 +order: 44 category: 导航类 title: Steps 步骤 icon: doc-steps diff --git a/content/navigation/tabs/index-en-US.md b/content/navigation/tabs/index-en-US.md index 78489dcdf3..51b80b988f 100644 --- a/content/navigation/tabs/index-en-US.md +++ b/content/navigation/tabs/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 44 +order: 45 category: Navigation title: Tabs subTitle: Tabs diff --git a/content/navigation/tabs/index.md b/content/navigation/tabs/index.md index bf27f18b47..2e7265f353 100644 --- a/content/navigation/tabs/index.md +++ b/content/navigation/tabs/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 44 +order: 45 category: 导航类 title: Tabs 标签栏 icon: doc-tabs diff --git a/content/navigation/tree/index-en-US.md b/content/navigation/tree/index-en-US.md index b0b2bf73cf..7e11fe30a3 100644 --- a/content/navigation/tree/index-en-US.md +++ b/content/navigation/tree/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 45 +order: 46 category: Navigation title: Tree subTitle: Tree diff --git a/content/navigation/tree/index.md b/content/navigation/tree/index.md index d9494c002a..a9391043f6 100644 --- a/content/navigation/tree/index.md +++ b/content/navigation/tree/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 45 +order: 46 category: 导航类 title: Tree 树形控件 icon: doc-tree diff --git a/content/order.js b/content/order.js index b81d3ef4d1..6d98cee0a9 100644 --- a/content/order.js +++ b/content/order.js @@ -8,6 +8,7 @@ const order = [ 'overview', 'faq', "tailwind", + "web-components", 'content-guidelines', 'changelog', 'update-to-v2', diff --git a/content/other/configprovider/index-en-US.md b/content/other/configprovider/index-en-US.md index 2b12e20824..7ea690d2f9 100644 --- a/content/other/configprovider/index-en-US.md +++ b/content/other/configprovider/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 76 +order: 77 category: Other title: ConfigProvider icon: doc-configprovider diff --git a/content/other/configprovider/index.md b/content/other/configprovider/index.md index 515603a199..ed38abda74 100644 --- a/content/other/configprovider/index.md +++ b/content/other/configprovider/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 76 +order: 77 category: 其他 title: ConfigProvider 全局配置 icon: doc-configprovider diff --git a/content/other/locale/index-en-US.md b/content/other/locale/index-en-US.md index 68d0b853ef..353f3794e0 100644 --- a/content/other/locale/index-en-US.md +++ b/content/other/locale/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 77 +order: 78 category: Other title: LocaleProvider subTitle: LocaleProvider diff --git a/content/other/locale/index.md b/content/other/locale/index.md index bdcc286538..9f0598aa4a 100644 --- a/content/other/locale/index.md +++ b/content/other/locale/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 77 +order: 78 category: 其他 title: LocaleProvider 多语言 icon: doc-i18n diff --git a/content/show/avatar/index-en-US.md b/content/show/avatar/index-en-US.md index 188f259105..6501162f25 100644 --- a/content/show/avatar/index-en-US.md +++ b/content/show/avatar/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 46 +order: 47 category: Show title: Avatar subTitle: avatar diff --git a/content/show/avatar/index.md b/content/show/avatar/index.md index 6c4417597e..3a0a91343c 100644 --- a/content/show/avatar/index.md +++ b/content/show/avatar/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 46 +order: 47 category: 展示类 title: Avatar 头像 icon: doc-avatar diff --git a/content/show/badge/index-en-US.md b/content/show/badge/index-en-US.md index a9f0e3b232..fd7d785193 100644 --- a/content/show/badge/index-en-US.md +++ b/content/show/badge/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 47 +order: 48 category: Show title: Badge subTitle: Badge diff --git a/content/show/badge/index.md b/content/show/badge/index.md index d46d9493aa..3b94794437 100644 --- a/content/show/badge/index.md +++ b/content/show/badge/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 47 +order: 48 category: 展示类 title: Badge 徽章 icon: doc-badge diff --git a/content/show/calendar/index-en-US.md b/content/show/calendar/index-en-US.md index 033e63710b..336d0801dc 100644 --- a/content/show/calendar/index-en-US.md +++ b/content/show/calendar/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 48 +order: 49 category: Show title: Calendar subTitle: Calendar diff --git a/content/show/calendar/index.md b/content/show/calendar/index.md index bd7e2b938e..5d0e96bb1b 100644 --- a/content/show/calendar/index.md +++ b/content/show/calendar/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 48 +order: 49 category: 展示类 title: Calendar 日历 icon: doc-calendar diff --git a/content/show/card/index-en-US.md b/content/show/card/index-en-US.md index 3ee581816d..8d4256221f 100644 --- a/content/show/card/index-en-US.md +++ b/content/show/card/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 49 +order: 50 category: Show title: Card subTitle: Card diff --git a/content/show/card/index.md b/content/show/card/index.md index 3baf21685e..614d518706 100644 --- a/content/show/card/index.md +++ b/content/show/card/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 49 +order: 50 category: 展示类 title: Card 卡片 subTitle: 卡片 diff --git a/content/show/carousel/index-en-US.md b/content/show/carousel/index-en-US.md index 16ebc450aa..a46605bd49 100644 --- a/content/show/carousel/index-en-US.md +++ b/content/show/carousel/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 50 +order: 51 category: Show title: Carousel subTitle: Carousel diff --git a/content/show/carousel/index.md b/content/show/carousel/index.md index d48f238d12..501cd286b3 100644 --- a/content/show/carousel/index.md +++ b/content/show/carousel/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 50 +order: 51 category: 展示类 title: Carousel 轮播图 icon: doc-carousel diff --git a/content/show/chart/index-en-US.md b/content/show/chart/index-en-US.md index 66260bf479..d72192885f 100644 --- a/content/show/chart/index-en-US.md +++ b/content/show/chart/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 68 +order: 69 category: Show title: Data Visualization icon: doc-vchart diff --git a/content/show/chart/index.md b/content/show/chart/index.md index d865618625..cbfe666dd3 100644 --- a/content/show/chart/index.md +++ b/content/show/chart/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 68 +order: 69 category: 展示类 title: Data Visualization 数据可视化 icon: doc-vchart diff --git a/content/show/collapse/index-en-US.md b/content/show/collapse/index-en-US.md index 006cfa4fba..53a5e49466 100644 --- a/content/show/collapse/index-en-US.md +++ b/content/show/collapse/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 51 +order: 52 category: Show title: Collapse subTitle: Collapse diff --git a/content/show/collapse/index.md b/content/show/collapse/index.md index 60a9694e05..22ee8152cf 100644 --- a/content/show/collapse/index.md +++ b/content/show/collapse/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 51 +order: 52 category: 展示类 title: Collapse 折叠面板 icon: doc-accordion diff --git a/content/show/collapsible/index-en-US.md b/content/show/collapsible/index-en-US.md index 133f29c1c3..be4d92bebe 100644 --- a/content/show/collapsible/index-en-US.md +++ b/content/show/collapsible/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 52 +order: 53 category: Show title: Collapsible subTitle: Collapsible diff --git a/content/show/collapsible/index.md b/content/show/collapsible/index.md index a5a3690808..15ecb36a56 100644 --- a/content/show/collapsible/index.md +++ b/content/show/collapsible/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 52 +order: 53 category: 展示类 title: Collapsible 折叠 icon: doc-collapsible diff --git a/content/show/descriptions/index-en-US.md b/content/show/descriptions/index-en-US.md index 9f6363dd76..865bdea1a3 100644 --- a/content/show/descriptions/index-en-US.md +++ b/content/show/descriptions/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 53 +order: 54 category: Show title: Description subTitle: Descriptions diff --git a/content/show/descriptions/index.md b/content/show/descriptions/index.md index 2d24337f2d..069585f9b8 100644 --- a/content/show/descriptions/index.md +++ b/content/show/descriptions/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 53 +order: 54 category: 展示类 title: Descriptions 描述列表 icon: doc-descriptions diff --git a/content/show/dropdown/index-en-US.md b/content/show/dropdown/index-en-US.md index 7e9b90ad2b..5cf393f874 100644 --- a/content/show/dropdown/index-en-US.md +++ b/content/show/dropdown/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 54 +order: 55 category: Show title: Dropdown subTitle: Dropdown diff --git a/content/show/dropdown/index.md b/content/show/dropdown/index.md index ecd55af190..38baca3638 100644 --- a/content/show/dropdown/index.md +++ b/content/show/dropdown/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 54 +order: 55 category: 展示类 title: Dropdown 下拉框 icon: doc-dropdown diff --git a/content/show/empty/index-en-US.md b/content/show/empty/index-en-US.md index dcb4a9eedd..292490ce1f 100644 --- a/content/show/empty/index-en-US.md +++ b/content/show/empty/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 55 +order: 56 category: Show title: Empty subTitle: Empty diff --git a/content/show/empty/index.md b/content/show/empty/index.md index 6bf6f75c9b..a83e372e46 100644 --- a/content/show/empty/index.md +++ b/content/show/empty/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 55 +order: 56 category: 展示类 title: Empty 空状态 icon: doc-empty diff --git a/content/show/highlight/index-en-US.md b/content/show/highlight/index-en-US.md index a6970f61a0..b51fadb7ed 100644 --- a/content/show/highlight/index-en-US.md +++ b/content/show/highlight/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 56 +order: 57 category: Show title: Highlight icon: doc-highlight diff --git a/content/show/highlight/index.md b/content/show/highlight/index.md index fe2916bedc..63449dd1ed 100644 --- a/content/show/highlight/index.md +++ b/content/show/highlight/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 56 +order: 57 category: 展示类 title: Highlight 高亮文本 icon: doc-highlight diff --git a/content/show/image/index-en-US.md b/content/show/image/index-en-US.md index 387403b664..00659724d4 100644 --- a/content/show/image/index-en-US.md +++ b/content/show/image/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 57 +order: 58 category: Show title: Image icon: doc-image diff --git a/content/show/image/index.md b/content/show/image/index.md index c7f1d62c72..6375ac186d 100644 --- a/content/show/image/index.md +++ b/content/show/image/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 57 +order: 58 category: 展示类 title: Image 图片 icon: doc-image diff --git a/content/show/list/index-en-US.md b/content/show/list/index-en-US.md index cbedb1319d..5e7f9f2f9c 100644 --- a/content/show/list/index-en-US.md +++ b/content/show/list/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 58 +order: 59 category: Show title: List subTitle: List diff --git a/content/show/list/index.md b/content/show/list/index.md index 0db68f649a..de02164358 100644 --- a/content/show/list/index.md +++ b/content/show/list/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 58 +order: 59 category: 展示类 title: List 列表 icon: doc-list diff --git a/content/show/modal/index-en-US.md b/content/show/modal/index-en-US.md index f596a4a7d1..8a4ff2eb04 100644 --- a/content/show/modal/index-en-US.md +++ b/content/show/modal/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 59 +order: 60 category: Show title: Modal subTitle: Modal diff --git a/content/show/modal/index.md b/content/show/modal/index.md index 56679792cc..07794c0f7b 100644 --- a/content/show/modal/index.md +++ b/content/show/modal/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 59 +order: 60 category: 展示类 title: Modal 模态对话框 icon: doc-modal diff --git a/content/show/overflowlist/index-en-US.md b/content/show/overflowlist/index-en-US.md index 85fc0b9054..2e92379db0 100644 --- a/content/show/overflowlist/index-en-US.md +++ b/content/show/overflowlist/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 60 +order: 61 category: Show title: OverflowList subTitle: OverflowList diff --git a/content/show/overflowlist/index.md b/content/show/overflowlist/index.md index 93407b2c5a..74a1b284e8 100644 --- a/content/show/overflowlist/index.md +++ b/content/show/overflowlist/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 60 +order: 61 category: 展示类 title: OverflowList 折叠列表 icon: doc-overflowList diff --git a/content/show/popover/index-en-US.md b/content/show/popover/index-en-US.md index 99d7d60c2b..d333cb8553 100644 --- a/content/show/popover/index-en-US.md +++ b/content/show/popover/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 61 +order: 62 category: Show title: Popover subTitle: Popover diff --git a/content/show/popover/index.md b/content/show/popover/index.md index 0d0b265a4d..2abfd34771 100644 --- a/content/show/popover/index.md +++ b/content/show/popover/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 61 +order: 62 category: 展示类 title: Popover 气泡卡片 icon: doc-popover diff --git a/content/show/scrolllist/index-en-US.md b/content/show/scrolllist/index-en-US.md index 136a9efc72..6e3d22372a 100644 --- a/content/show/scrolllist/index-en-US.md +++ b/content/show/scrolllist/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 62 +order: 63 category: Show title: ScrollList subTitle: ScrollList diff --git a/content/show/scrolllist/index.md b/content/show/scrolllist/index.md index fd650b610b..edd24eb482 100644 --- a/content/show/scrolllist/index.md +++ b/content/show/scrolllist/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 62 +order: 63 category: 展示类 title: ScrollList 滚动列表 icon: doc-scrolllist diff --git a/content/show/sidesheet/index-en-US.md b/content/show/sidesheet/index-en-US.md index 1e42b83435..144883f50f 100644 --- a/content/show/sidesheet/index-en-US.md +++ b/content/show/sidesheet/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 63 +order: 64 category: Show title: SideSheet subTitle: SideSheet diff --git a/content/show/sidesheet/index.md b/content/show/sidesheet/index.md index 90131185cc..0147b328b3 100644 --- a/content/show/sidesheet/index.md +++ b/content/show/sidesheet/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 63 +order: 64 category: 展示类 title: SideSheet 滑动侧边栏 icon: doc-sidesheet diff --git a/content/show/table/index-en-US.md b/content/show/table/index-en-US.md index e859afe494..6a54c54f65 100644 --- a/content/show/table/index-en-US.md +++ b/content/show/table/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 64 +order: 65 category: Show title: Table subTitle: Table diff --git a/content/show/table/index.md b/content/show/table/index.md index fa22b0a0cc..785b5a8540 100644 --- a/content/show/table/index.md +++ b/content/show/table/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 64 +order: 65 category: 展示类 title: Table 表格 icon: doc-table diff --git a/content/show/tag/index-en-US.md b/content/show/tag/index-en-US.md index 74299fd2c9..20886a77c7 100644 --- a/content/show/tag/index-en-US.md +++ b/content/show/tag/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 65 +order: 66 category: Show title: Tag subTitle: Tag diff --git a/content/show/tag/index.md b/content/show/tag/index.md index 097e5680d2..b851625ee0 100644 --- a/content/show/tag/index.md +++ b/content/show/tag/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 65 +order: 66 category: 展示类 title: Tag 标签 icon: doc-tag diff --git a/content/show/timeline/index-en-US.md b/content/show/timeline/index-en-US.md index 4b3759fd56..46ec396f00 100644 --- a/content/show/timeline/index-en-US.md +++ b/content/show/timeline/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 66 +order: 67 category: Show title: Timeline subTitle: Timeline diff --git a/content/show/timeline/index.md b/content/show/timeline/index.md index dd5085fe35..455dccfb9e 100644 --- a/content/show/timeline/index.md +++ b/content/show/timeline/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 66 +order: 67 category: 展示类 title: Timeline 时间轴 icon: doc-timeline diff --git a/content/show/tooltip/index-en-US.md b/content/show/tooltip/index-en-US.md index 41186301d0..6178c804a9 100644 --- a/content/show/tooltip/index-en-US.md +++ b/content/show/tooltip/index-en-US.md @@ -1,6 +1,6 @@ --- localeCode: en-US -order: 67 +order: 68 category: Show title: Tooltip subTitle: Tooltip diff --git a/content/show/tooltip/index.md b/content/show/tooltip/index.md index 10aa8a21aa..a1584b1d24 100644 --- a/content/show/tooltip/index.md +++ b/content/show/tooltip/index.md @@ -1,6 +1,6 @@ --- localeCode: zh-CN -order: 67 +order: 68 category: 展示类 title: Tooltip 工具提示 icon: doc-tooltip diff --git a/content/start/changelog/index-en-US.md b/content/start/changelog/index-en-US.md index e23bbbf449..fd5789c3e8 100644 --- a/content/start/changelog/index-en-US.md +++ b/content/start/changelog/index-en-US.md @@ -4,7 +4,7 @@ title: Change Log subTitle: Change Log icon: doc-changelog localeCode: en-US -order: 11 +order: 12 brief: About Semi Design For React Optimization and Updat. We provide Changelog Diff between versions, you can call out the Diff control by hovering the version number. If you want to view the change history of a single component, you can view it through the Version Diff button of the corresponding component documentation --- diff --git a/content/start/changelog/index.md b/content/start/changelog/index.md index 7ecfca4b3a..e2458576b7 100644 --- a/content/start/changelog/index.md +++ b/content/start/changelog/index.md @@ -3,7 +3,7 @@ category: 开始 title: Change Log 更新日志 icon: doc-changelog localeCode: zh-CN -order: 11 +order: 12 brief: 关于 Semi Design For React 优化与更新。我们提供了版本间的 Changelog Diff，你可以通过 hover 版本号唤出 Diff 控件。如果你想查看单个组件的变更历史，可以通过对应组件文档的 版本对比 按钮查看 --- diff --git a/content/start/content-guidelines/index-en-US.md b/content/start/content-guidelines/index-en-US.md index 3059dbfce0..7fe8e23b97 100644 --- a/content/start/content-guidelines/index-en-US.md +++ b/content/start/content-guidelines/index-en-US.md @@ -3,7 +3,7 @@ category: Getting Started title: Content Guidelines icon: doc-contentguidelines localeCode: en-US -order: 10 +order: 11 brief: We are all keen to use Semi to create products that users like, and copywriting is the most direct communication method between products and users, and outputting correct and consistent copywriting is an indispensable part of product design. --- diff --git a/content/start/content-guidelines/index.md b/content/start/content-guidelines/index.md index aab5f5269b..3fc9c893bc 100644 --- a/content/start/content-guidelines/index.md +++ b/content/start/content-guidelines/index.md @@ -3,7 +3,7 @@ category: 开始 title: Content Guidelines 文案规范 icon: doc-contentguidelines localeCode: zh-CN -order: 10 +order: 11 brief: 我们都热衷于使用 Semi 创造用户喜欢的产品，而文案是产品与用户最直接的沟通方式，输出正确、一致的文案，是产品设计中不可或缺的一部分。 --- diff --git a/content/start/update-to-v2/index-en-US.md b/content/start/update-to-v2/index-en-US.md index ef1a57be25..16aab40256 100644 --- a/content/start/update-to-v2/index-en-US.md +++ b/content/start/update-to-v2/index-en-US.md @@ -3,7 +3,7 @@ category: Getting Started title: From 1.x to 2.0 icon: doc-updateV2 localeCode: en-US -order: 12 +order: 13 --- ## Start upgrade diff --git a/content/start/update-to-v2/index.md b/content/start/update-to-v2/index.md index 0afe433f91..f07b4856e8 100644 --- a/content/start/update-to-v2/index.md +++ b/content/start/update-to-v2/index.md @@ -3,7 +3,7 @@ category: 开始 title: Update 从 1.x 到 2.0 icon: doc-updateV2 localeCode: zh-CN -order: 12 +order: 13 --- ### 升级准备 diff --git a/content/start/web-components/index-en-US.md b/content/start/web-components/index-en-US.md new file mode 100644 index 0000000000..bfdee8dfbd --- /dev/null +++ b/content/start/web-components/index-en-US.md @@ -0,0 +1,228 @@ +--- +category: Getting Started +title: Web Components +icon: doc-webcomponents +localeCode: en-US +order: 10 +brief: Semi UI 在 web components 中使用的最佳实践 +--- + +[Web components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) is a set of techniques for creating reusable custom elements that are compatible across browsers and frameworks , has good encapsulation and reusability, and is widely used in developing browser plug-ins and cross-frame components. + +More efficient custom element development can be achieved with the help of component libraries, but the [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM) technology in web components has style isolation and DOM encapsulation features can cause some problems when using component library components. Most component libraries cannot work properly in the shadow DOM without additional adaptations. Generally speaking, there will be the following problems: + +## Problems + +** 1. Component style does not take effect ** + +In the ordinary compilation process, the component style information of the component library will appear in the style tag of the head part after compilation, or in the file specified by the link tag href. Due to the style isolation mechanism, styles cannot cross the shadow DOM boundary and therefore cannot take effect inside the shadow DOM. + +** 2. Css variable does not take effect ** + +In order to achieve theme customization, most modern UI component libraries use css variables to declare design tokens. In order to take effect globally and avoid repeated declarations, these css tokens are often appended under the root node, such as html or body. Semi also adopts this method to achieve theme customization.
+Inserting style information into the shadow DOM can solve problem 1 and make the component's style class name effective. However, since there is no body or html in the shadow DOM, the css variable cannot take effect, and the component style still does not meet expectations. + +** 3. Abnormal behavior when closing the pop-up layer component ** + +For pop-up layer components (such as Tooltip, Select, Dropdown, etc.), a common scenario in the front-end component library is to trigger the opening and closing of the pop-up layer by clicking. A common solution used by front-end component libraries is to delegate the click event to the document after the pop-up layer is opened to monitor whether the user clicks on other page elements outside the pop-up layer component to close the pop-up layer.
+When an event triggered in the shadow DOM is passed outside the shadow DOM, due to DOM isolation, the correct event triggering object cannot be obtained through the target API of the event.
+When the click behavior occurs in the shadow DOM, the target obtained by the event Event on the document is the shadow host (the node where the shadow DOM is appended), not the actual triggering element of the event, which often leads to abnormal closing behavior of the pop-up layer component. + +## Recommended usage + +### Semi version requirements + +In response to the above common problems, Semi UI has been adapted and transformed without additional development costs. If you need shadow DOM to use with Semi UI. We recommend that you upgrade to v2.59.0 and above, and refer to the [Use Plugins to Complete Style Insertion](#use-plugins-to-complete-style-insertion) section below to enable compilation configuration as needed. + + +### Use Plugins to Complete Style Insertion + +#### Usage + + It is recommended to manage dependent packages through npm. If you use yarn/pnpm to manage dependent packages, you need to specify the actual path of @douyinfe/semi-ui, @douyinfe/semi-icons, and @douyinfe/semi-foundation through resolve.alias + + +** 1. Enable Semi plugin (>= 2.59.0); ** + +(For ByteDance users, if you are using the company’s internal engineering solutions, please refer to the Lark documentation for configuration: Plugin configuration) + +For webpack project： + +```bash +yarn add -D @douyinfe/semi-webpack-plugin +``` + +For rspack project： + +```bash +yarn add -D @douyinfe/semi-rspack-plugin +``` + +** 2. Introduce the Semi webpack plugin into the project configuration file (webpack.config.js, etc.) and configure the webComponentPath parameter; ** + +```js +// webComponentPath: Specify the path of the shadow DOM where the style needs to be inserted. +// 1. Support Boolean type, pass in true, which is the default path src/* +// 2. Supports RegExp regular expressions, matching paths through regular expressions +webComponentPath: Boolean | RegExp +``` + +For example, if the shadow DOM is under the path src/components, configure the following: + +For webpack project: +```js +// Configuration file: such as webpack.config.js +const SemiPlugin = require('@douyinfe/semi-webpack-plugin').default; + +module.exports = { + /*...other settings */ + plugin: [ + /*...other plugins */ + new SemiPlugin({ + webComponentPath: /\(src\/components\)/ + }), + ] +} +``` + +For rspack project: +```js +// Rspack project configuration file: such as rsbuild.config.mjs +import { defineConfig } from '@rsbuild/core'; +const RspackPlugin = require('@douyinfe/semi-rspack-plugin').SemiRspackPlugin; + +export default defineConfig({ + /*...other settings */ + tools: { + rspack: (config, { addRules }) => { + config.module?.rules?.forEach((rule) => { + if ((rule?.test)?.toString() === '/\\.s(?:a|c)ss$/' ) { + rule['exclude'] = /@douyinfe\/semi-(ui|icons|foundation)\/lib\/.+\.scss$/; + } + }); + + config.plugins.push(new SemiPlugin({ + webComponentPath: true, + })); + } + } + /*...other settings */ +}); +``` + + +** 3. In the code of the shadow DOM where the style needs to be inserted, call the `importSemiComponentStyle` function ** + +```js +function importSemiComponentStyle( + // Component string that needs to be inserted into the style, fixed format + // Starts with SEMI_INSERT_STYLE_BEGIN + // End with SEMI_INSERT_STYLE_END + // The middle is the component array, + insertComponentStr: string, + // The shadow root where the style is inserted + root: ShadowRoot, + // Callback + cb?: function, +) +``` + +For example, if Button and Select components are used in shadow DOM, configure them as follows + +```js +// src/components/index.js +class TestShadowDom extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: "open" }); + } + connectedCallback() { + const root = this.shadowRoot; + + /* You need to use @ts-ignore in ts projects to ignore importSemiComponentStyle errors. + The Semi plugin will parse the following statement during the compilation phase and + insert the specific implementation of the importSemiComponentStyle function into the file. + */ + importSemiComponentStyle( + 'SEMI_INSERT_STYLE_BEGIN["Button", "Select"]SEMI_INSERT_STYLE_END', + this.shadowRoot， + () => {} + ); + const container = document.createElement('div'); + this.shadowRoot?.appendChild(container); + + ReactDOM.render(, container); + } +} + +customElements.define("test-shadow-dom", TestShadowDom); +``` + +#### Principle + +The plugin operates as follows: + +1. During the code compilation phase, the plugin determines whether `importSemiComponentStyle` is called under the code under the path based on the path configured in `webComponentPath`; if not, no operation is performed. If so, the following steps are performed. +2. The plugin gets the component that needs to be inserted into the style based on the function parameters. The plugin parses all style files that these components depend on (base styles, component styles, sub-component styles that components depend on, etc.) +3. The plugin completes the implementation of the `importSemiComponentStyle` function, which contains all style file insertion logic +4. The plugin inserts the function implementation into the file called by `importSemiComponentStyle` + +For example. In the file src/components/index.js, call importSemiComponentStyle to specify the style insertion of the Button component. + +```js +// src/components/index.js +class TestShadowDom extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: "open" }); + } + connectedCallback() { + const root = this.shadowRoot; + + importSemiComponentStyle( + 'SEMI_INSERT_STYLE_BEGIN["Button"]SEMI_INSERT_STYLE_END', + this.shadowRoot， + () => {} + ); + const container = document.createElement('div'); + this.shadowRoot?.appendChild(container); + + ReactDOM.render(, container); + } +} + + +customElements.define("test-shadow-dom", TestShadowDom); +``` + +The importSemiComponentStyle function generated by the plugin based on the above definition is as follows: + +```js + +async function importSemiComponentStyle(componentsStr, root, cb){ + const modules = await Promise.all([ + // Basic style + import("@douyinfe/semi-ui/lib/es/_base/base.scss"), + // Dependent component styles + import("@douyinfe/semi-icons/lib/es/styles/icons.scss"), + // Component style + import("@douyinfe/semi-foundation/lib/es/button/button.scss") + ]); + const styleStr = modules.map(module => { + const cssContent = module.default; + return cssContent; + }); + styleStr.forEach(css => { + const style = document.createElement('style'); + style.innerHTML = css; + root.prepend(style); + }); + if(typeof cb === 'function') { + cb(); + } +} +``` + +The plugin inserts the `importSemiComponentStyle` function into the `src/components/index.js` file. + +If you want to know more details, you can refer to [How Semi component library adapts to web components](https://bytedance.larkoffice.com/docx/NtqrdoSrIoXruwxlst3cDzlZn6g) \ No newline at end of file diff --git a/content/start/web-components/index.md b/content/start/web-components/index.md new file mode 100644 index 0000000000..652d4c4f4a --- /dev/null +++ b/content/start/web-components/index.md @@ -0,0 +1,226 @@ +--- +category: 开始 +title: Web components 适配 +icon: doc-webcomponents +localeCode: zh-CN +order: 10 +brief: Best practices for using Semi UI in web components +--- + +[Web components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) 是一套用于创建可重用自定义元素的技术，可实现跨浏览器和框架兼容，具备良好的封装性和可重用性，被广泛应用于开发浏览器插件、跨框架的组件中。 + +借助组件库可实现更高效的自定义元素开发，但是 web components 中的 [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM) 技术具备的样式隔离和 DOM 封装特性会给组件库组件的使用带来一些问题。大多数组件库如果不做额外适配，都无法正常在 shadow DOM 内正常工作，一般来说会存在以下问题： + +## 问题 + +** 1. 组件样式不生效 ** + +普通的编译流程中，组件库的组件样式信息在编译后会出现在 head 部分 的 style 标签内，或者 link 标签 href 指定的文件中。由于样式隔离的机制，样式无法穿过 shadow DOM 边界，因此无法在 shadow DOM 内部生效。 + +** 2. Css variable 不生效 ** + +现代化的 UI 组件库，为实现主题定制，大多都会借助 css variable 做 design token 的声明，为了能全局生效，避免重复声明，这些 css token 往往都是挂载在根节点下的，例如 html 或 body。Semi 也是采取的此方式实现主题定制。
+将样式信息插入到 shadow DOM 可以解决问题1，使得组件上的样式类名生效，但由于 shadow DOM 中无 body 或者 html，css variable 无法生效，组件样式仍不符合预期。 + +** 3. 弹出层组件关闭行为异常 ** + +对于弹出层组件（如Tooltip、Select、Dropdown 等），在前端组件库中常用的场景是通过点击触发弹出层的打开和关闭。前端组件库常用的方案是在弹出层打开后，将点击事件委托到 document 上，以用于监听用户是否点击弹出层组件外的其他页面元素来关闭弹出层。
+在 shadow DOM 中触发的事件传递到 shadow DOM 外时，由于 DOM 隔离，无法通过事件 Event 的 target API 拿到正确的事件触发对象。
+当点击行为发生在 shadow DOM 内，在 document 上的事件 Event 拿到的 target 是 shadow host（shadow DOM 所挂载的节点），不是事件实际触发元素，往往会导致弹出层组件关闭行为异常。 + +## 建议使用方式 + +### Semi 版本要求 + +针对上述普遍存在的问题，Semi UI 已经做了适配改造， 无需额外开发成本。如果你需要 shadow DOM 与 Semi UI 搭配使用。我们建议你升级到 v2.59.0 版本及以上，并且参考下方[使用插件完成样式插入](#使用插件完成样式插入)章节，按需开启编译配置。 + + +### 使用插件完成样式插入 + +#### 配置详情 + + + 我们建议通过 npm 管理依赖包，如果使用 yarn/pnpm 管理依赖包，需要在通过 resolve.alias 指定 @douyinfe/semi-ui， @douyinfe/semi-icons，@douyinfe/semi-foundation 的实际路径 + + +** 1.开启 Semi 插件（>= 2.59.0) ** + +（字节跳动用户，若使用的是公司内部相关工程化方案，配置请查阅飞书文档：插件配置） + +webpack 项目： +```bash +yarn add -D @douyinfe/semi-webpack-plugin +``` + +Rspack 项目： +```bash +yarn add -D @douyinfe/semi-rspack-plugin +``` + +** 2. 在项目的配置文件（webpack.config.js 等）引入 Semi webpack 插件，配置 webComponentPath 参数；** + +```js +// webComponentPath：指定需要插入样式的 shadow DOM 的路径 +// 1. 支持 Boolean 类型，传入 true，为默认路径 src/* +// 2. 支持 RegExp 正则表达式，通过正则表达式匹配路径 +webComponentPath: Boolean | RegExp +``` + +举个 🌰，如果 shadow DOM 在路径 src/components 下，则进行如下配置： + +对于 wepack 项目： +```js +//配置文件：如 webpack.config.js +const SemiPlugin = require('@douyinfe/semi-webpack-plugin').default; + +module.exports = { + /*...other settings */ + plugin: [ + /*...other plugins */ + new SemiPlugin({ + webComponentPath: /\(src\/components\)/ + }), + ] +} +``` + +对于 rspack 项目 +```js +//rspack 项目配置文件：如 rsbuild.config.mjs +import { defineConfig } from '@rsbuild/core'; +const RspackPlugin = require('@douyinfe/semi-rspack-plugin').SemiRspackPlugin; + +export default defineConfig({ + /*...other settings */ + tools: { + rspack: (config, { addRules }) => { + config.module?.rules?.forEach((rule) => { + if ((rule?.test)?.toString() === '/\\.s(?:a|c)ss$/' ) { + rule['exclude'] = /@douyinfe\/semi-(ui|icons|foundation)\/lib\/.+\.scss$/; + } + }); + + config.plugins.push(new SemiPlugin({ + webComponentPath: true, + })); + } + } + /*...other settings */ +}); +``` + +** 3. 在需要插入样式的 shadow DOM 的代码中，调用 `importSemiComponentStyle` 函数 ** + +```js +function importSemiComponentStyle( + // 需要插入样式的组件字符串，固定格式 + // 开头为 SEMI_INSERT_STYLE_BEGIN + // 结束为 SEMI_INSERT_STYLE_END + // 中间为组件数组， + insertComponentStr: string, + // 样式插入位置的 shadow root + root: ShadowRoot, + // 回调函数 + cb?: function, +) +``` + +举个 🌰，如果在 shadow DOM 中用到了 Button，Select 组件，则按照如下方式进行配置 + +```js +// src/components/index.js +class TestShadowDom extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: "open" }); + } + connectedCallback() { + const root = this.shadowRoot; + + // ts 项目中需使用 @ts-ignore 忽略 importSemiComponentStyle 报错 + // Semi 插件在编译阶段将解析以下语句，将 importSemiComponentStyle 函数具体实现插入到该文件中 + importSemiComponentStyle( + 'SEMI_INSERT_STYLE_BEGIN["Button", "Select"]SEMI_INSERT_STYLE_END', + root， + () => {} + ); + const container = document.createElement('div'); + root?.appendChild(container); + + ReactDOM.render(, container); + } +} + +customElements.define("test-shadow-dom", TestShadowDom); +``` + +#### 原理 + +插件运行原理如下： + +1. 在代码编译阶段，插件根据 `webComponentPath` 配置的路径，判断该路径下的代码下是否调用 `importSemiComponentStyle`；如无，则不做任何操作，若有，则执行下方步骤 +2. 插件根据函数参数拿到需要插入样式的组件。插件解析这些组件所依赖的所有样式文件（基础样式，组件样式，组件依赖的子组件样式等） +3. 插件完成对此 `importSemiComponentStyle` 函数的实现，函数中包含所有样式文件插入逻辑 +4. 插件将函数定义插入 `importSemiComponentStyle` 调用的文件中 + +举个 🌰 + +在文件 src/components/index.js中， 调用 importSemiComponentStyle， 指定 Button 组件的样式插入 + +```js +// src/components/index.js +class TestShadowDom extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: "open" }); + } + connectedCallback() { + const root = this.shadowRoot; + + importSemiComponentStyle( + 'SEMI_INSERT_STYLE_BEGIN["Button"]SEMI_INSERT_STYLE_END', + this.shadowRoot， + () => {} + ); + const container = document.createElement('div'); + this.shadowRoot?.appendChild(container); + + ReactDOM.render(, container); + } +} + + +customElements.define("test-shadow-dom", TestShadowDom); +``` + +插件根据上述定义生成的 importSemiComponentStyle 函数如下： + +```js + +async function importSemiComponentStyle(componentsStr, root, cb){ + const modules = await Promise.all([ + // 基础样式 + import("@douyinfe/semi-ui/lib/es/_base/base.scss"), + // 依赖的组件样式 + import("@douyinfe/semi-icons/lib/es/styles/icons.scss"), + // 组件样式 + import("@douyinfe/semi-foundation/lib/es/button/button.scss") + ]); + const styleStr = modules.map(module => { + const cssContent = module.default; + return cssContent; + }); + styleStr.forEach(css => { + const style = document.createElement('style'); + style.innerHTML = css; + root.prepend(style); + }); + if(typeof cb === 'function') { + cb(); + } +} +``` + +插件会将此 `importSemiComponentStyle` 函数插入到 `src/components/index.js` 文件中。 + +如果想要了解更多细节，可参考 [Semi 组件库如何适配 web components](https://bytedance.larkoffice.com/docx/NtqrdoSrIoXruwxlst3cDzlZn6g) \ No newline at end of file diff --git a/src/images/docIcons/doc-webcomponents.svg b/src/images/docIcons/doc-webcomponents.svg new file mode 100644 index 0000000000..197c628c45 --- /dev/null +++ b/src/images/docIcons/doc-webcomponents.svg @@ -0,0 +1,6 @@ + + + + + +