chore: update site

.github/ISSUE_TEMPLATE/bug-report.zh-CN.yml

@@ -1,5 +1,5 @@
 name: 反馈 Bug
-description: 通过 github 模板进行 Bug 反馈。
+description: 通过 GitHub 模板进行 Bug 反馈。
 title: "[组件名称] 描述问题的标题"
 labels: [🐞 bug, 🧐 unconfirmed]
 body:
@@ -11,13 +11,13 @@ body:
 
         在发布一个 Issue 前，请确保：
         - 在 [常见问题](https://tdesign.tencent.com/about/faq)、[更新日志](https://tdesign.tencent.com/about/release) 和 [旧Issue列表](https://github.com/Tencent/tdesign-miniprogram/issues?q=is%3Aissue) 中搜索过你的问题。（你的问题可能已有人提出，也可能已在最新版本中被修正）
-        - 如果你发现一个已经关闭的旧 Issue 在最新版本中仍然存在，不要在旧 Issue 下面留言，请建一个新的 issue。
+        - 如果你发现一个已经关闭的旧 Issue 在最新版本中仍然存在，不要在旧 Issue 下面留言，请建一个新的 Issue。
 
   - type: input
     id: version
     attributes:
       label: tdesign-miniprogram 版本
-      description: 请检查在最新项目版本中能否重现此 issue。
+      description: 请检查在最新项目版本中能否重现此 Issue。
       placeholder: 请填写
     validations:
       required: true

.github/ISSUE_TEMPLATE/feature-report.zh-CN.yml

@@ -1,5 +1,5 @@
 name: 反馈新功能
-description: 通过 github 模板进行新功能反馈。
+description: 通过 GitHub 模板进行新功能反馈。
 title: "[组件名称] 描述问题的标题"
 labels: [💪🏻 enhancement, 🧐 unconfirmed]
 body:
@@ -11,7 +11,7 @@ body:
 
         在发布一个 Issue 前，请确保：
         - 在 [常见问题](https://tdesign.tencent.com/about/faq)、[更新日志](https://tdesign.tencent.com/about/release) 和 [旧Issue列表](https://github.com/Tencent/tdesign-miniprogram/issues?q=is%3Aissue) 中搜索过你的问题。（你的问题可能已有人提出，也可能已在最新版本中被修正）
-        - 如果你发现一个已经关闭的旧 Issue 在最新版本中仍然存在，不要在旧 Issue 下面留言，请建一个新的 issue。
+        - 如果你发现一个已经关闭的旧 Issue 在最新版本中仍然存在，不要在旧 Issue 下面留言，请建一个新的 Issue。
 
   - type: textarea
     id: functionContent

.github/workflows/tag-push.yml

@@ -5,6 +5,9 @@ on: create
 jobs:
   TAG_PUSH:
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
     if: github.event.ref_type == 'tag'
     steps:
       - uses: actions/checkout@v4
@@ -24,12 +27,14 @@ jobs:
         env:
           MINI_APP_ID: ${{ secrets.TDESIGN_APP_ID }}
           MINI_APP_PRIVATE_KEY: ${{ secrets.TDESIGN_MINI_KEY }}
+
+      - run: sudo npm install -g npm@latest
+
       - id: publish
         name: publish NPM
         uses: JS-DevTools/npm-publish@v4
         with:
           package: packages/tdesign-miniprogram
-          token: ${{ secrets.TDESIGN_NPM_TOKEN }}
           tag: ${{ contains(github.ref_name, 'beta') && 'beta' || 'latest' }}
       - if: steps.publish.outputs.type != 'none'
         run: |

.vscode/settings.json

@@ -46,5 +46,5 @@
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
-  "cSpell.words": ["stylelint"]
+  "cSpell.words": ["stylelint", "cascader"]
 }

packages/components/action-sheet/README.en-US.md

@@ -29,6 +29,12 @@ cancel | \- | \-
 close | `(trigger: ActionSheetTriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/action-sheet/type.ts)。<br/>`type ActionSheetTriggerSource = 'overlay' \| 'command' \| 'select' `<br/>
 selected | `(selected: ActionSheetItem \| string, index: number)` | \-
 
+### ActionSheet Slots
+
+name | Description
+-- | --
+\- | \-
+
 ### ActionSheet External Classes
 
 className | Description

packages/components/action-sheet/README.md

@@ -117,6 +117,12 @@ cancel | \- | 点击取消按钮时触发
 close | `(trigger: ActionSheetTriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/action-sheet/type.ts)。<br/>`type ActionSheetTriggerSource = 'overlay' \| 'command' \| 'select' `<br/>
 selected | `(selected: ActionSheetItem \| string, index: number)` | 选择菜单项时触发
 
+### ActionSheet Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，自定义内容区域内容
+
 ### ActionSheet External Classes
 
 类名 | 描述

packages/components/action-sheet/action-sheet.ts

@@ -37,8 +37,13 @@ export default class ActionSheet extends SuperComponent {
   ];
 
   observers = {
-    'visible, items'(visible: boolean) {
-      if (!visible) return;
+    items() {
+      this.splitGridThemeActions();
+    },
+  };
+
+  lifetimes = {
+    ready() {
       this.init();
     },
   };

packages/components/avatar/README.en-US.md

@@ -24,6 +24,12 @@ name | params | description
 -- | -- | --
 error | - | trigger on image load failed
 
+### Avatar Slots
+
+name | Description
+-- | --
+\- | \-
+
 ### Avatar External Classes
 
 className | Description
@@ -42,7 +48,7 @@ name | type | default | description | required
 style | Object | - | CSS(Cascading Style Sheets) | N
 custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
 cascading | String | 'left-up' | multiple images cascading。options: left-up/right-up。Typescript：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/avatar-group/type.ts) | N
-collapse-avatar | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+collapse-avatar | String | - | \- | N
 max | Number | - | \- | N
 shape | String | - | shape。options: circle/round。Typescript：`ShapeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
 size | String | - | size | N
@@ -53,6 +59,13 @@ name | params | description
 -- | -- | --
 collapsed-item-click | - | \-
 
+### AvatarGroup Slots
+
+name | Description
+-- | --
+\- | \-
+collapse-avatar | \-
+
 ### AvatarGroup External Classes
 
 className | Description

packages/components/avatar/README.md

@@ -84,6 +84,12 @@ size | String | - | 尺寸，示例值：small/medium/large/24px/38px 等。优
 -- | -- | --
 error | - | 图片加载失败时触发
 
+### Avatar Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，自定义内容区域内容
+
 ### Avatar External Classes
 
 类名 | 描述
@@ -102,7 +108,7 @@ t-class-image | 图片样式类
 style | Object | - | 样式 | N
 custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N
 cascading | String | 'left-up' | 图片之间的层叠关系，可选值：左侧图片在上和右侧图片在上。可选项：left-up/right-up。TS 类型：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/avatar-group/type.ts) | N
-collapse-avatar | String / Slot | - | 头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+collapse-avatar | String | - | 头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多` | N
 max | Number | - | 能够同时显示的最多头像数量 | N
 shape | String | - | 形状。优先级低于 Avatar.shape。可选项：circle/round。TS 类型：`ShapeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
 size | String | - | 尺寸，示例值：small/medium/large/24px/38px 等。优先级低于 Avatar.size | N
@@ -113,6 +119,13 @@ size | String | - | 尺寸，示例值：small/medium/large/24px/38px 等。优
 -- | -- | --
 collapsed-item-click | - | 点击头像折叠元素触发
 
+### AvatarGroup Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，自定义内容区域内容
+collapse-avatar | 自定义 `collapse-avatar` 显示内容
+
 ### AvatarGroup External Classes
 
 类名 | 描述

packages/components/back-top/README.en-US.md

@@ -9,7 +9,7 @@ name | type | default | description | required
 style | Object | - | CSS(Cascading Style Sheets) | N
 custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
 fixed | Boolean | true | \- | N
-icon | String / Boolean / Object / Slot | true | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+icon | String / Boolean / Object | true | \- | N
 scroll-top | Number | 0 | \- | N
 text | String | '' | \- | N
 theme | String | round | options: round/half-round/round-dark/half-round-dark | N
@@ -21,6 +21,13 @@ name | params | description
 -- | -- | --
 to-top | \- | \-
 
+### BackTop Slots
+
+name | Description
+-- | --
+\- | \-
+icon | \-
+
 ### BackTop External Classes
 
 className | Description

packages/components/back-top/README.md

@@ -40,7 +40,7 @@ isComponent: true
 style | Object | - | 样式 | N
 custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N
 fixed | Boolean | true | 是否绝对定位固定到屏幕右下方 | N
-icon | String / Boolean / Object / Slot | true | 图标。值为 `false` 表示不显示图标。不传表示使用默认图标 `'backtop'`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+icon | String / Boolean / Object | true | 图标。值为 `false` 表示不显示图标。不传表示使用默认图标 `'backtop'` | N
 scroll-top | Number | 0 | 页面滚动距离 | N
 text | String | '' | 文案 | N
 theme | String | round | 预设的样式类型。可选项：round/half-round/round-dark/half-round-dark | N
@@ -52,6 +52,13 @@ visibility-height | Number | 200 | 滚动高度达到此参数值才出现 | N
 -- | -- | --
 to-top | \- | 点击触发
 
+### BackTop Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，自定义内容区域内容
+icon |  自定义图标内容
+
 ### BackTop External Classes
 
 类名 | 描述

packages/components/badge/README.en-US.md

@@ -10,14 +10,21 @@ style | Object | - | CSS(Cascading Style Sheets) | N
 custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
 color | String | - | \- | N
 content | String | - | \- | N
-count | String / Number / Slot | 0 | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+count | String / Number | 0 | \- | N
 dot | Boolean | false | \- | N
 max-count | Number | 99 | \- | N
 offset | Array | - | Typescript：`Array<string \| number>` | N
 shape | String | circle | options: circle/square/bubble/ribbon | N
 show-zero | Boolean | false | \- | N
 size | String | medium | options: medium/large | N
 
+### Badge Slots
+
+name | Description
+-- | --
+\- | \-
+count | \-
+
 ### Badge External Classes
 
 className | Description

packages/components/badge/README.md

@@ -51,14 +51,21 @@ style | Object | - | 样式 | N
 custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N
 color | String | - | 颜色 | N
 content | String | - | 徽标内容，示例：`content='自定义内容'`。也可以使用默认插槽定义 | N
-count | String / Number / Slot | 0 | 徽标右上角内容。可以是数字，也可以是文字。如：'new'/3/99+。特殊：值为空表示使用插槽渲染。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+count | String / Number | 0 | 徽标右上角内容。可以是数字，也可以是文字。如：'new'/3/99+。特殊：值为空表示使用插槽渲染 | N
 dot | Boolean | false | 是否为红点 | N
 max-count | Number | 99 | 封顶的数字值 | N
 offset | Array | - | 设置状态点的位置偏移，示例：[-10, 20] 或 ['10em', '8rem']。TS 类型：`Array<string \| number>` | N
 shape | String | circle | 形状。可选项：circle/square/bubble/ribbon | N
 show-zero | Boolean | false | 当数值为 0 时，是否展示徽标 | N
 size | String | medium | 尺寸。可选项：medium/large | N
 
+### Badge Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，自定义内容区域内容
+count | 徽标右上角内容
+
 ### Badge External Classes
 
 类名 | 描述

packages/components/button/README.en-US.md

@@ -75,7 +75,7 @@ style | Object | - | CSS(Cascading Style Sheets) | N
 custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
 app-parameter | String | - | \- | N
 block | Boolean | false | make button to be a block-level element | N
-content | String / Slot | - | button's children elements。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+content | String | - | button's children elements | N
 custom-dataset | any | - | \- | N
 disabled | Boolean | undefined | disable the button, make it can not be clicked | N
 ghost | Boolean | false | make background-color to be transparent | N
@@ -96,7 +96,6 @@ session-from | String | - | \- | N
 shape | String | rectangle | button shape。options: rectangle/square/round/circle | N
 show-message-card | Boolean | false | \- | N
 size | String | medium | a button has four size。options: extra-small/small/medium/large | N
-suffix | Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
 t-id | String | - | id | N
 theme | String | default | button theme。options: default/primary/danger/light | N
 type | String | - | type of button element, same as formType of Miniprogram。options: submit/reset | N
@@ -119,6 +118,14 @@ launchapp | \- | \-
 opensetting | \- | \-
 tap | `event` | \-
 
+### Button Slots
+
+name | Description
+-- | --
+\- | \-
+content | button's children elements
+suffix | \-
+
 ### Button External Classes
 
 className | Description

packages/components/button/README.md

@@ -77,7 +77,7 @@ style | Object | - | 样式 | N
 custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N
 app-parameter | String | - | 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 | N
 block | Boolean | false | 是否为块级元素 | N
-content | String / Slot | - | 按钮内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+content | String | - | 按钮内容 | N
 custom-dataset | any | - | 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取 | N
 disabled | Boolean | undefined | 禁用状态。优先级：Button.disabled > Form.disabled | N
 ghost | Boolean | false | 是否为幽灵按钮（镂空按钮） | N
@@ -98,7 +98,6 @@ session-from | String | - | 会话来源，open-type="contact"时有效 | N
 shape | String | rectangle | 按钮形状，有 4 种：长方形、正方形、圆角长方形、圆形。可选项：rectangle/square/round/circle | N
 show-message-card | Boolean | false | 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效 | N
 size | String | medium | 组件尺寸。可选项：extra-small/small/medium/large | N
-suffix | Slot | - | 右侧内容，可用于定义右侧图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
 t-id | String | - | 按钮标签id | N
 theme | String | default | 组件风格，依次为品牌色、危险色。可选项：default/primary/danger/light | N
 type | String | - | 同小程序的 formType。可选项：submit/reset | N
@@ -121,6 +120,14 @@ launchapp | \- | 打开 APP 成功的回调，`open-type=launchApp` 时有效
 opensetting | \- | 原生按钮属性，在打开授权设置页后回调，open-type=openSetting时有效
 tap | `event` | 点击按钮，当按钮不为加载或禁用状态时触发
 
+### Button Slots
+
+名称 | 描述
+-- | --
+\- | 默认插槽，作用同 `content` 插槽
+content | 自定义 `content` 显示内容
+suffix | 右侧内容，可用于定义右侧图标
+
 ### Button External Classes
 
 类名 | 描述

packages/components/calendar/README.en-US.md

@@ -9,15 +9,15 @@ name | type | default | description | required
 style | Object | - | CSS(Cascading Style Sheets) | N
 custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N
 auto-close | Boolean | true | `0.34.0` | N
-confirm-btn | String / Object / Slot | '' | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/calendar/type.ts) | N
+confirm-btn | String / Object | '' | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/calendar/type.ts) | N
 first-day-of-week | Number | 0 | \- | N
 format | Function | - | Typescript：`CalendarFormatType ` `type CalendarFormatType = (day: TDate) => TDate` `type TDateType = 'selected' \| 'disabled' \| 'start' \| 'centre' \| 'end' \| ''` `interface TDate { date: Date; day: number; type: TDateType; className?: string; prefix?: string; suffix?: string;}`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/calendar/type.ts) | N
 locale-text | Object | - | Typescript：`CalendarLocaleText` `interface CalendarLocaleText {title?: string; weekdays?: string[]; monthTitle?: string; months?: string[]; confirm?: string;}`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/calendar/type.ts) | N
 max-date | Number | - | \- | N
 min-date | Number | - | \- | N
 readonly | Boolean | - | `1.9.7` | N
 switch-mode | String | none | `1.8.2`。options: none/month/year-month | N
-title | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/components/common/common.ts) | N
+title | String | - | \- | N
 type | String | 'single' | options: single/multiple/range | N
 use-popup | Boolean | true | `0.32.0` | N
 using-custom-navbar | Boolean | false | \- | N
@@ -36,6 +36,13 @@ panel-change | `(detail: { year: number, month: number })` | `1.8.4`
 scroll | `({scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY})` | `1.4.6`。triggered when scrolling
 select | `(value: timestamp)` | `0.28.0`
 
+### Calendar Slots
+
+name | Description
+-- | --
+confirm-btn | \-
+title | \-
+
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.