From bd6a8ebbd4fb10f110801a7e749f945dd2e002b3 Mon Sep 17 00:00:00 2001 From: novlan1 <1576271227@qq.com> Date: Wed, 15 Oct 2025 23:29:46 +0800 Subject: [PATCH 1/2] chore: update css generation script --- .../components/dropdown-menu/README.en-US.md | 1 - packages/components/dropdown-menu/README.md | 1 - packages/components/form-item/README.en-US.md | 10 ++++ packages/components/form-item/README.md | 10 ++++ packages/components/form/README.en-US.md | 14 ++++++ packages/components/form/README.md | 14 ++++++ .../components/indexes-anchor/README.en-US.md | 2 +- packages/components/indexes-anchor/README.md | 2 +- packages/components/progress/README.md | 32 ++++++------ packages/components/side-bar/README.en-US.md | 1 - packages/components/side-bar/README.md | 1 - packages/components/skeleton/README.en-US.md | 1 - packages/components/skeleton/README.md | 1 - packages/components/slider/README.en-US.md | 1 - packages/components/slider/README.md | 1 - packages/components/tab-bar/README.en-US.md | 2 - packages/components/tab-bar/README.md | 2 - packages/components/tag/README.en-US.md | 50 +------------------ packages/components/tag/README.md | 50 +------------------ packages/components/watermark/README.en-US.md | 14 ++++++ packages/components/watermark/README.md | 14 ++++++ .../site/docs/dark-mode.md | 2 +- .../site/scripts/generate-css-vars.mjs | 20 ++++++-- 23 files changed, 114 insertions(+), 132 deletions(-) diff --git a/packages/components/dropdown-menu/README.en-US.md b/packages/components/dropdown-menu/README.en-US.md index 8d6fb8a0e..84a5fcf7b 100644 --- a/packages/components/dropdown-menu/README.en-US.md +++ b/packages/components/dropdown-menu/README.en-US.md @@ -83,7 +83,6 @@ Name | Default Value | Description --td-dropdown-menu-height | 96rpx | - --td-dropdown-menu-icon-size | 40rpx | - --td-dropdown-body-max-height | 560rpx | - ---td-dropdown-menu-bg-color | @bg-color-container | - --td-tree-bg-color | @bg-color-container | - --td-tree-item-active-color | @brand-color | - --td-tree-item-font-size | 32rpx | - diff --git a/packages/components/dropdown-menu/README.md b/packages/components/dropdown-menu/README.md index 5f8254380..04a1de89c 100644 --- a/packages/components/dropdown-menu/README.md +++ b/packages/components/dropdown-menu/README.md @@ -130,7 +130,6 @@ t-class-footer | 底部样式类 --td-dropdown-menu-height | 96rpx | - --td-dropdown-menu-icon-size | 40rpx | - --td-dropdown-body-max-height | 560rpx | - ---td-dropdown-menu-bg-color | @bg-color-container | - --td-tree-bg-color | @bg-color-container | - --td-tree-item-active-color | @brand-color | - --td-tree-item-font-size | 32rpx | - diff --git a/packages/components/form-item/README.en-US.md b/packages/components/form-item/README.en-US.md index 34f3a9863..47d91d17c 100644 --- a/packages/components/form-item/README.en-US.md +++ b/packages/components/form-item/README.en-US.md @@ -18,3 +18,13 @@ name | String | - | \- | N required-mark | Boolean | undefined | \- | N rules | Array | - | Typescript：`Array` | N show-error-message | Boolean | undefined | \- | N + +### CSS Variables + +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-form-item-horizontal-padding | 32rpx | - +--td-form-item-justify-content | space-between | - +--td-form-item-label-width | 160rpx | - +--td-form-item-vertical-padding | 32rpx | - \ No newline at end of file diff --git a/packages/components/form-item/README.md b/packages/components/form-item/README.md index cc29a0cee..2af592d0c 100644 --- a/packages/components/form-item/README.md +++ b/packages/components/form-item/README.md @@ -18,3 +18,13 @@ name | String | - | 表单字段名称 | N required-mark | Boolean | undefined | 是否显示必填符号（*），优先级高于 Form.requiredMark | N rules | Array | - | 【开发中】 | N show-error-message | Boolean | undefined | 校验不通过时，是否显示错误提示信息，优先级高于 `Form.showErrorMessage` | N + +### CSS Variables + +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-form-item-horizontal-padding | 32rpx | - +--td-form-item-justify-content | space-between | - +--td-form-item-label-width | 160rpx | - +--td-form-item-vertical-padding | 32rpx | - \ No newline at end of file diff --git a/packages/components/form/README.en-US.md b/packages/components/form/README.en-US.md index 35133baa8..d9dd7e007 100644 --- a/packages/components/form/README.en-US.md +++ b/packages/components/form/README.en-US.md @@ -106,3 +106,17 @@ telnumber | String | - | \- | N url | String | - | \- | N validator | String | - | \- | N whitespace | String | - | \- | N + +### CSS Variables + +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-form-bg-color | @bg-color-container | - +--td-form-border-radius | 0 | - +--td-form-padding | 0 | - +--td-form-readonly-bg-color | @bg-color-secondarycontainer | - +--td-form-item-horizontal-padding | 32rpx | - +--td-form-item-justify-content | space-between | - +--td-form-item-label-width | 160rpx | - +--td-form-item-vertical-padding | 32rpx | - \ No newline at end of file diff --git a/packages/components/form/README.md b/packages/components/form/README.md index 05303fca1..2fafc98e1 100644 --- a/packages/components/form/README.md +++ b/packages/components/form/README.md @@ -106,3 +106,17 @@ telnumber | String | - | 手机号号码校验不通过时的表单项显示文 url | String | - | 链接校验规则不通过时的表单项显示文案，全局配置默认是：`'请输入正确的${name}'` | N validator | String | - | 自定义校验规则校验不通过时的表单项显示文案，全局配置默认是：'${name}不符合要求' | N whitespace | String | - | 值为空格校验不通过时表单项显示文案，全局配置默认是：`'${name}不能为空` | N + +### CSS Variables + +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-form-bg-color | @bg-color-container | - +--td-form-border-radius | 0 | - +--td-form-padding | 0 | - +--td-form-readonly-bg-color | @bg-color-secondarycontainer | - +--td-form-item-horizontal-padding | 32rpx | - +--td-form-item-justify-content | space-between | - +--td-form-item-label-width | 160rpx | - +--td-form-item-vertical-padding | 32rpx | - \ No newline at end of file diff --git a/packages/components/indexes-anchor/README.en-US.md b/packages/components/indexes-anchor/README.en-US.md index 4abdff508..aabb00390 100644 --- a/packages/components/indexes-anchor/README.en-US.md +++ b/packages/components/indexes-anchor/README.en-US.md @@ -22,4 +22,4 @@ Name | Default Value | Description --td-indexes-anchor-font-size | 28rpx | - --td-indexes-anchor-line-height | 44rpx | - --td-indexes-anchor-padding | 8rpx 32rpx | - ---td-indexes-anchor-top | 0 | - +--td-indexes-anchor-top | 0 | - \ No newline at end of file diff --git a/packages/components/indexes-anchor/README.md b/packages/components/indexes-anchor/README.md index dd3602224..3d3c880e1 100644 --- a/packages/components/indexes-anchor/README.md +++ b/packages/components/indexes-anchor/README.md @@ -26,4 +26,4 @@ t-class | 根节点样式类 --td-indexes-anchor-font-size | 28rpx | - --td-indexes-anchor-line-height | 44rpx | - --td-indexes-anchor-padding | 8rpx 32rpx | - ---td-indexes-anchor-top | 0 | - +--td-indexes-anchor-top | 0 | - \ No newline at end of file diff --git a/packages/components/progress/README.md b/packages/components/progress/README.md index 26c60a8b4..309a900b2 100644 --- a/packages/components/progress/README.md +++ b/packages/components/progress/README.md @@ -80,21 +80,21 @@ t-class-label | 标签样式类 ### CSS Variables 组件提供了下列 CSS 变量，可用于自定义样式。 -名称 | 默认值 | 描述 +名称 | 默认值 | 描述 -- | -- | -- ---td-progress-info-dark-color | @text-color-primary | - ---td-progress-info-light-color | @text-color-anti | - ---td-progress-inner-bg-color-active | @bg-color-container | - ---td-progress-inner-bg-color-error | @error-color | - ---td-progress-inner-bg-color-success | @success-color | - ---td-progress-inner-bg-color-warning | @warning-color | - ---td-progress-circle-inner-bg-color | @text-color-anti | - ---td-progress-circle-label-font-size | 40rpx | - ---td-progress-circle-label-font-weight | 700 | - ---td-progress-circle-label-line-height | 56rpx | - ---td-progress-circle-width | 224rpx | - ---td-progress-inner-bg-color | @brand-color | - ---td-progress-line-stroke-width | 12rpx | - ---td-progress-stroke-circle-width | 12rpx | - ---td-progress-stroke-plump-width | 40rpx | - +--td-progress-info-dark-color | @text-color-primary | - +--td-progress-info-light-color | @text-color-anti | - +--td-progress-inner-bg-color-active | @bg-color-container | - +--td-progress-inner-bg-color-error | @error-color | - +--td-progress-inner-bg-color-success | @success-color | - +--td-progress-inner-bg-color-warning | @warning-color | - +--td-progress-circle-inner-bg-color | @text-color-anti | - +--td-progress-circle-label-font-size | 40rpx | - +--td-progress-circle-label-font-weight | 700 | - +--td-progress-circle-label-line-height | 56rpx | - +--td-progress-circle-width | 224rpx | - +--td-progress-inner-bg-color | @brand-color | - +--td-progress-line-stroke-width | 12rpx | - +--td-progress-stroke-circle-width | 12rpx | - +--td-progress-stroke-plump-width | 40rpx | - --td-progress-track-bg-color | @bg-color-component | - \ No newline at end of file diff --git a/packages/components/side-bar/README.en-US.md b/packages/components/side-bar/README.en-US.md index cf24613b7..5ba00c11d 100644 --- a/packages/components/side-bar/README.en-US.md +++ b/packages/components/side-bar/README.en-US.md @@ -40,7 +40,6 @@ Name | Default Value | Description --td-side-bar-height | 100% | - --td-side-bar-width | 206rpx | - --td-side-bar-active-color | @brand-color | - ---td-side-bar-bg-color | @bg-color-secondarycontainer | - --td-side-bar-border-radius | 18rpx | - --td-side-bar-color | @text-color-primary | - --td-side-bar-disabled-color | @text-color-disabled | - diff --git a/packages/components/side-bar/README.md b/packages/components/side-bar/README.md index 2f1a1d000..bbf19c0bb 100644 --- a/packages/components/side-bar/README.md +++ b/packages/components/side-bar/README.md @@ -90,7 +90,6 @@ value | String / Number | - | 当前选项的值 | N --td-side-bar-height | 100% | - --td-side-bar-width | 206rpx | - --td-side-bar-active-color | @brand-color | - ---td-side-bar-bg-color | @bg-color-secondarycontainer | - --td-side-bar-border-radius | 18rpx | - --td-side-bar-color | @text-color-primary | - --td-side-bar-disabled-color | @text-color-disabled | - diff --git a/packages/components/skeleton/README.en-US.md b/packages/components/skeleton/README.en-US.md index 404380a87..bf0c48104 100644 --- a/packages/components/skeleton/README.en-US.md +++ b/packages/components/skeleton/README.en-US.md @@ -31,7 +31,6 @@ Name | Default Value | Description --td-skeleton-animation-flashed | rgba(90%, 90%, 90%, 0.3) | - --td-skeleton-animation-gradient | rgba(0, 0, 0, 4%) | - --td-skeleton-bg-color | @bg-color-secondarycontainer | - ---td-skeleton-circle-border-radius | @radius-circle | - --td-skeleton-circle-height | 96rpx | - --td-skeleton-rect-border-radius | @radius-default | - --td-skeleton-rect-height | 32rpx | - diff --git a/packages/components/skeleton/README.md b/packages/components/skeleton/README.md index 39bf9271a..cd5a33421 100644 --- a/packages/components/skeleton/README.md +++ b/packages/components/skeleton/README.md @@ -79,7 +79,6 @@ t-class-row | 列样式类 --td-skeleton-animation-flashed | rgba(90%, 90%, 90%, 0.3) | - --td-skeleton-animation-gradient | rgba(0, 0, 0, 4%) | - --td-skeleton-bg-color | @bg-color-secondarycontainer | - ---td-skeleton-circle-border-radius | @radius-circle | - --td-skeleton-circle-height | 96rpx | - --td-skeleton-rect-border-radius | @radius-default | - --td-skeleton-rect-height | 32rpx | - diff --git a/packages/components/slider/README.en-US.md b/packages/components/slider/README.en-US.md index a79e51aec..e1e129aa5 100644 --- a/packages/components/slider/README.en-US.md +++ b/packages/components/slider/README.en-US.md @@ -54,7 +54,6 @@ Name | Default Value | Description --td-slider-capsule-bar-width | 48rpx | - --td-slider-capsule-line-heihgt | 36rpx | - --td-slider-default-color | @bg-color-component | - ---td-slider-default-color | @bg-color-component-disabled | - --td-slider-disabled-color | @brand-color-disabled | - --td-slider-disabled-text-color | @text-color-disabled | - --td-slider-dot-bg-color | #fff | - diff --git a/packages/components/slider/README.md b/packages/components/slider/README.md index a63b8aa3c..f9600cc33 100644 --- a/packages/components/slider/README.md +++ b/packages/components/slider/README.md @@ -130,7 +130,6 @@ t-class-cursor | 游标样式类 --td-slider-capsule-bar-width | 48rpx | - --td-slider-capsule-line-heihgt | 36rpx | - --td-slider-default-color | @bg-color-component | - ---td-slider-default-color | @bg-color-component-disabled | - --td-slider-disabled-color | @brand-color-disabled | - --td-slider-disabled-text-color | @text-color-disabled | - --td-slider-dot-bg-color | #fff | - diff --git a/packages/components/tab-bar/README.en-US.md b/packages/components/tab-bar/README.en-US.md index 34c969f26..a88b032c2 100644 --- a/packages/components/tab-bar/README.en-US.md +++ b/packages/components/tab-bar/README.en-US.md @@ -51,8 +51,6 @@ Name | Default Value | Description --td-tab-bar-round-shadow | @shadow-3 | - --td-tab-bar-active-bg | @brand-color-light | - --td-tab-bar-active-color | @brand-color | - ---td-tab-bar-bg-color | @bg-color-container | - ---td-tab-bar-border-color | @border-color | - --td-tab-bar-color | @text-color-primary | - --td-tab-bar-height | 80rpx | - --td-tab-bar-hover-bg-color | rgba(0, 0, 0, 0.05) | - diff --git a/packages/components/tab-bar/README.md b/packages/components/tab-bar/README.md index 41efc8891..e1dc78080 100644 --- a/packages/components/tab-bar/README.md +++ b/packages/components/tab-bar/README.md @@ -108,8 +108,6 @@ value | String / Number | - | 标识符 | N --td-tab-bar-round-shadow | @shadow-3 | - --td-tab-bar-active-bg | @brand-color-light | - --td-tab-bar-active-color | @brand-color | - ---td-tab-bar-bg-color | @bg-color-container | - ---td-tab-bar-border-color | @border-color | - --td-tab-bar-color | @text-color-primary | - --td-tab-bar-height | 80rpx | - --td-tab-bar-hover-bg-color | rgba(0, 0, 0, 0.05) | - diff --git a/packages/components/tag/README.en-US.md b/packages/components/tag/README.en-US.md index 7dbc42d3e..901547566 100644 --- a/packages/components/tag/README.en-US.md +++ b/packages/components/tag/README.en-US.md @@ -88,6 +88,7 @@ Name | Default Value | Description --td-tag-medium-height | 48rpx | - --td-tag-medium-icon-size | 28rpx | - --td-tag-medium-padding | 16rpx - 1px | - +--td-tag-outline-bg-color | @bg-color-container | - --td-tag-primary-color | @brand-color | - --td-tag-primary-light-color | @brand-color-light | - --td-tag-round-border-radius | 999px | - @@ -99,51 +100,4 @@ Name | Default Value | Description --td-tag-success-color | @success-color | - --td-tag-success-light-color | @success-color-1 | - --td-tag-warning-color | @warning-color | - ---td-tag-warning-light-color | @warning-color-1 | - -ant -@tag-outline-bg-color: var(--td-tag-outline-bg-color | @bg-color-container | - -ant = dark | @@theme-color, @@theme-light-color | - -ant = dark | @text-color-anti, @@theme-color | - -ant = light | @@theme-light-color, @@theme-color | - -ant) { - @themes: default | primary, success, warning, dange | - ---td-tag-danger-color | @error-color | - ---td-tag-danger-light-color | @error-color-1 | - ---td-tag-default-color | @bg-color-component | - ---td-tag-default-font-color | @text-color-primary | - ---td-tag-default-light-color | @bg-color-secondarycontainer | - ---td-tag-disabled-background-color | @bg-color-component-disabled | - ---td-tag-disabled-border-color | @component-border | - ---td-tag-disabled-color | @text-color-disabled | - ---td-tag-extra-large-font-size | @font-size-base | - ---td-tag-extra-large-height | 80rpx | - ---td-tag-extra-large-icon-size | 32rpx | - ---td-tag-extra-large-padding | 32rpx - 1px | - ---td-tag-large-font-size | @font-size-base | - ---td-tag-large-height | 56rpx | - ---td-tag-large-icon-size | 32rpx | - ---td-tag-large-padding | 16rpx - 1px | - ---td-tag-mark-border-radius | @tag-round-border-radius | - ---td-tag-medium-font-size | @font-size-s | - ---td-tag-medium-height | 48rpx | - ---td-tag-medium-icon-size | 28rpx | - ---td-tag-medium-padding | 16rpx - 1px | - ---td-tag-primary-color | @brand-color | - ---td-tag-primary-light-color | @brand-color-light | - ---td-tag-round-border-radius | 999px | - ---td-tag-small-font-size | @font-size | - ---td-tag-small-height | 40rpx | - ---td-tag-small-icon-size | 24rpx | - ---td-tag-small-padding | 12rpx - 1px | - ---td-tag-square-border-radius | 8rpx | - ---td-tag-success-color | @success-color | - ---td-tag-success-light-color | @success-color-1 | - ---td-tag-warning-color | @warning-color | - ---td-tag-warning-light-color | @warning-color-1 | - -ant -@tag-outline-bg-color: var(--td-tag-outline-bg-color | @bg-color-container | - -ant = dark | @@theme-color, @@theme-light-color | - -ant = dark | @text-color-anti, @@theme-color | - -ant = light | @@theme-light-color, @@theme-color | - -ant) { - @themes: default | primary, success, warning, dange | - \ No newline at end of file +--td-tag-warning-light-color | @warning-color-1 | - \ No newline at end of file diff --git a/packages/components/tag/README.md b/packages/components/tag/README.md index 60c4989b2..234eac72b 100644 --- a/packages/components/tag/README.md +++ b/packages/components/tag/README.md @@ -136,6 +136,7 @@ t-class | 根节点样式类 --td-tag-medium-height | 48rpx | - --td-tag-medium-icon-size | 28rpx | - --td-tag-medium-padding | 16rpx - 1px | - +--td-tag-outline-bg-color | @bg-color-container | - --td-tag-primary-color | @brand-color | - --td-tag-primary-light-color | @brand-color-light | - --td-tag-round-border-radius | 999px | - @@ -147,51 +148,4 @@ t-class | 根节点样式类 --td-tag-success-color | @success-color | - --td-tag-success-light-color | @success-color-1 | - --td-tag-warning-color | @warning-color | - ---td-tag-warning-light-color | @warning-color-1 | - -ant -@tag-outline-bg-color: var(--td-tag-outline-bg-color | @bg-color-container | - -ant = dark | @@theme-color, @@theme-light-color | - -ant = dark | @text-color-anti, @@theme-color | - -ant = light | @@theme-light-color, @@theme-color | - -ant) { - @themes: default | primary, success, warning, dange | - ---td-tag-danger-color | @error-color | - ---td-tag-danger-light-color | @error-color-1 | - ---td-tag-default-color | @bg-color-component | - ---td-tag-default-font-color | @text-color-primary | - ---td-tag-default-light-color | @bg-color-secondarycontainer | - ---td-tag-disabled-background-color | @bg-color-component-disabled | - ---td-tag-disabled-border-color | @component-border | - ---td-tag-disabled-color | @text-color-disabled | - ---td-tag-extra-large-font-size | @font-size-base | - ---td-tag-extra-large-height | 80rpx | - ---td-tag-extra-large-icon-size | 32rpx | - ---td-tag-extra-large-padding | 32rpx - 1px | - ---td-tag-large-font-size | @font-size-base | - ---td-tag-large-height | 56rpx | - ---td-tag-large-icon-size | 32rpx | - ---td-tag-large-padding | 16rpx - 1px | - ---td-tag-mark-border-radius | @tag-round-border-radius | - ---td-tag-medium-font-size | @font-size-s | - ---td-tag-medium-height | 48rpx | - ---td-tag-medium-icon-size | 28rpx | - ---td-tag-medium-padding | 16rpx - 1px | - ---td-tag-primary-color | @brand-color | - ---td-tag-primary-light-color | @brand-color-light | - ---td-tag-round-border-radius | 999px | - ---td-tag-small-font-size | @font-size | - ---td-tag-small-height | 40rpx | - ---td-tag-small-icon-size | 24rpx | - ---td-tag-small-padding | 12rpx - 1px | - ---td-tag-square-border-radius | 8rpx | - ---td-tag-success-color | @success-color | - ---td-tag-success-light-color | @success-color-1 | - ---td-tag-warning-color | @warning-color | - ---td-tag-warning-light-color | @warning-color-1 | - -ant -@tag-outline-bg-color: var(--td-tag-outline-bg-color | @bg-color-container | - -ant = dark | @@theme-color, @@theme-light-color | - -ant = dark | @text-color-anti, @@theme-color | - -ant = light | @@theme-light-color, @@theme-color | - -ant) { - @themes: default | primary, success, warning, dange | - \ No newline at end of file +--td-tag-warning-light-color | @warning-color-1 | - \ No newline at end of file diff --git a/packages/components/watermark/README.en-US.md b/packages/components/watermark/README.en-US.md index 577d2bca1..34029a314 100644 --- a/packages/components/watermark/README.en-US.md +++ b/packages/components/watermark/README.en-US.md @@ -41,3 +41,17 @@ name | type | default | description | required -- | -- | -- | -- | -- is-grayscale | Boolean | false | \- | N url | String | - | \- | N + +### CSS Variables + +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--watermark-left-0 | --watermark-left-0 | - +--watermark-left-25 | --watermark-left-25 | - +--watermark-left-50 | --watermark-left-50 | - +--watermark-left-75 | --watermark-left-75 | - +--watermark-top-0 | --watermark-top-0 | - +--watermark-top-25 | --watermark-top-25 | - +--watermark-top-50 | --watermark-top-50 | - +--watermark-top-75 | --watermark-top-75 | - \ No newline at end of file diff --git a/packages/components/watermark/README.md b/packages/components/watermark/README.md index d2bad203c..736c65040 100644 --- a/packages/components/watermark/README.md +++ b/packages/components/watermark/README.md @@ -102,3 +102,17 @@ text | String | - | 水印文本内容 | N -- | -- | -- | -- | -- is-grayscale | Boolean | false | 水印图片是否需要灰阶显示 | N url | String | - | 水印图片源地址，为了显示清楚，建议导出 2 倍或 3 倍图 | N + +### CSS Variables + +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--watermark-left-0 | --watermark-left-0 | - +--watermark-left-25 | --watermark-left-25 | - +--watermark-left-50 | --watermark-left-50 | - +--watermark-left-75 | --watermark-left-75 | - +--watermark-top-0 | --watermark-top-0 | - +--watermark-top-25 | --watermark-top-25 | - +--watermark-top-50 | --watermark-top-50 | - +--watermark-top-75 | --watermark-top-75 | - \ No newline at end of file diff --git a/packages/tdesign-miniprogram/site/docs/dark-mode.md b/packages/tdesign-miniprogram/site/docs/dark-mode.md index e60d46e53..2ca42da3c 100644 --- a/packages/tdesign-miniprogram/site/docs/dark-mode.md +++ b/packages/tdesign-miniprogram/site/docs/dark-mode.md @@ -19,7 +19,7 @@ spline: design-mode ## 实现方案 -TDesign Minirogram 基于 Design Token 变量和媒体查询 `prefers-color-scheme` 实现了深色模式。默认情况下，每个组件自带了组件级别 light 样式变量，无需手动引入。如需使用深色模式，请按照以下步骤操作。 +TDesign Miniprogram 基于 Design Token 变量和媒体查询 `prefers-color-scheme` 实现了深色模式。默认情况下，每个组件自带了组件级别 light 样式变量，无需手动引入。如需使用深色模式，请按照以下步骤操作。 ## 使用方式 diff --git a/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs b/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs index bdda03c7d..b9387809b 100644 --- a/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs +++ b/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs @@ -3,7 +3,7 @@ import resolveCwd from './utils.mjs'; const COMPONENT_NAME = process.argv[process.argv.indexOf('--NAME') + 1]; // 在 --NAME 后面 const ROOT_DIR = COMPONENT_NAME.includes('chat') - ? resolveCwd('../../../packages/components') + ? resolveCwd('../../../packages/pro-components') : resolveCwd('../../../packages/components'); const combine = { @@ -37,6 +37,7 @@ const getAllComponentName = async (dirPath) => { const generateCssVariables = async (componentName) => { const lessPath = []; + const parsedKeys = []; let cssVariableBodyContent = ''; if (combine[componentName]) { @@ -53,14 +54,23 @@ const generateCssVariables = async (componentName) => { const fileContents = await Promise.all(validPaths.map((item) => fs.promises.readFile(item, 'utf8'))); fileContents.forEach((file) => { - const matchReg = /(?<=var)[\s\S]*?(?=;)/g; + const matchReg = /(?<=var)\([\s\S]*?(?=;)/g; const list = file.match(matchReg)?.sort(); list?.forEach((item) => { - cssVariableBodyContent += `${item.slice(1, item.indexOf(',')).trim()} | ${item + const key = item.slice(1, item.indexOf(',')).trim() + const value = item .slice(item.indexOf(',') + 2, item.length - 1) - .trim()} | -${' \n'}`; + .trim(); + if (!key || !value) { + throw new Error('⚠️ 解析失败，请检查 less 文件') + } + if (!parsedKeys.includes(key)) { + parsedKeys.push(key); + cssVariableBodyContent += `${key} | ${value} | -${' \n'}`; + } + }); }); @@ -99,7 +109,7 @@ const processAllComponents = async () => { let COMPONENT_NAMES = []; if (COMPONENT_NAME === 'all') { - COMPONENT_NAMES = await getAllComponentName(resolveCwd(ROOT_DIR)); + COMPONENT_NAMES = await getAllComponentName((ROOT_DIR)); } else { COMPONENT_NAMES = [COMPONENT_NAME]; } From d16381ea14de6a5fc5cdd8c85023460ac0cb0ed4 Mon Sep 17 00:00:00 2001 From: novlan1 <1576271227@qq.com> Date: Wed, 15 Oct 2025 23:36:22 +0800 Subject: [PATCH 2/2] chore: update script --- packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs b/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs index b9387809b..2c1a04d64 100644 --- a/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs +++ b/packages/tdesign-miniprogram/site/scripts/generate-css-vars.mjs @@ -109,7 +109,7 @@ const processAllComponents = async () => { let COMPONENT_NAMES = []; if (COMPONENT_NAME === 'all') { - COMPONENT_NAMES = await getAllComponentName((ROOT_DIR)); + COMPONENT_NAMES = await getAllComponentName(ROOT_DIR); } else { COMPONENT_NAMES = [COMPONENT_NAME]; }