diff --git a/db/TDesign.db b/db/TDesign.db index 6f63ee0f6..59b77fc73 100644 Binary files a/db/TDesign.db and b/db/TDesign.db differ diff --git a/packages/products/tdesign-miniprogram/src/button/README.en-US.md b/packages/products/tdesign-miniprogram/src/button/README.en-US.md index 01f7f3b1d..9ed8cfe86 100644 --- a/packages/products/tdesign-miniprogram/src/button/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/button/README.en-US.md @@ -11,48 +11,48 @@ custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on v 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/src/common/common.ts) | N -custom-dataset | Object | - | Typescript：``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 -hover-class \| String \| - \| \- \| N -hover-start-time \| Number \| 20 \| \- \| N -hover-stay-time \| Number \| 70 \| \- \| N -hover-stop-propagation \| Boolean \| false \| \- \| N -icon \| String / Object \| - \| icon name \| N -lang \| String \| - \| message language。options: en/zh_CN/zh_TW \| N -loading \| Boolean \| false \| set button to be loading state \| N -loading-props \| Object \| - \| Typescript：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/button/type.ts) \| N -open-type \| String \| - \| open type of button, [Miniprogram Button](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。options: contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar/agreePrivacyAuthorization \| N -phone-number-no-quota-toast \| Boolean \| true \| \- \| N -send-message-img \| String \| 截图 \| \- \| N -send-message-path \| String \| 当前分享路径 \| \- \| N -send-message-title \| String \| 当前标题 \| \- \| N -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/src/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 -variant \| String \| base \| variant of button。options: base/outline/dashed/text \| N +custom-dataset | Object | - | Typescript：`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 +hover-class | String | - | \- | N +hover-start-time | Number | 20 | \- | N +hover-stay-time | Number | 70 | \- | N +hover-stop-propagation | Boolean | false | \- | N +icon | String / Object | - | icon name | N +lang | String | - | message language。options: en/zh_CN/zh_TW | N +loading | Boolean | false | set button to be loading state | N +loading-props | Object | - | Typescript：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/button/type.ts) | N +open-type | String | - | open type of button, [Miniprogram Button](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。options: contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar/agreePrivacyAuthorization | N +phone-number-no-quota-toast | Boolean | true | \- | N +send-message-img | String | 截图 | \- | N +send-message-path | String | 当前分享路径 | \- | N +send-message-title | String | 当前标题 | \- | N +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/src/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 +variant | String | base | variant of button。options: base/outline/dashed/text | N ### Button Events -name \| params \| description --- \| -- \| -- -agreeprivacyauthorization \| \- \| \- -chooseavatar \| \- \| \- -click \| `(e: MouseEvent)` \| trigger on click -contact \| \- \| \- -createliveactivity \| \- \| \- -error \| \- \| \- -getphonenumber \| \- \| \- -getrealtimephonenumber \| \- \| \- -getuserinfo \| \- \| \- -launchapp \| \- \| \- -opensetting \| \- \| \- -tap \| `event` | \- +name | params | description +-- | -- | -- +agreeprivacyauthorization | \- | \- +chooseavatar | \- | \- +click | `(e: MouseEvent)` | trigger on click +contact | \- | \- +createliveactivity | \- | \- +error | \- | \- +getphonenumber | \- | \- +getrealtimephonenumber | \- | \- +getuserinfo | \- | \- +launchapp | \- | \- +opensetting | \- | \- +tap | `event` | \- ### Button External Classes diff --git a/packages/products/tdesign-miniprogram/src/button/README.md b/packages/products/tdesign-miniprogram/src/button/README.md index 22b39b899..e4374ddaf 100644 --- a/packages/products/tdesign-miniprogram/src/button/README.md +++ b/packages/products/tdesign-miniprogram/src/button/README.md @@ -11,48 +11,48 @@ custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场 app-parameter | String | - | 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 | N block | Boolean | false | 是否为块级元素 | N content | String / Slot | - | 按钮内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -custom-dataset | Object | - | 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取。。TS 类型：``any`` \| N -disabled \| Boolean \| undefined \| 禁用状态。优先级：Button.disabled > Form.disabled \| N -ghost \| Boolean \| false \| 是否为幽灵按钮（镂空按钮） \| N -hover-class \| String \| - \| 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果 \| N -hover-start-time \| Number \| 20 \| 按住后多久出现点击态，单位毫秒 \| N -hover-stay-time \| Number \| 70 \| 手指松开后点击态保留时间，单位毫秒 \| N -hover-stop-propagation \| Boolean \| false \| 指定是否阻止本节点的祖先节点出现点击态 \| N -icon \| String / Object \| - \| 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 \| N -lang \| String \| - \| 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。。
具体释义：
`en` 英文；
`zh_CN` 简体中文；
`zh_TW` 繁体中文。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。。可选项：en/zh_CN/zh_TW \| N -loading \| Boolean \| false \| 是否显示为加载状态 \| N -loading-props \| Object \| - \| 透传 Loading 组件全部属性。TS 类型：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/button/type.ts) \| N -open-type \| String \| - \| 微信开放能力。
具体释义：
`contact` 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 （*小程序插件中不能使用*）；
`share` 触发用户转发，使用前建议先阅读使用指引；
`getPhoneNumber` 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，具体说明 （*小程序插件中不能使用*）；
`getUserInfo` 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用*）；
`launchApp` 打开APP，可以通过 app-parameter 属性设定向 APP 传的参数具体说明；
`openSetting` 打开授权设置页；
`feedback` 打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容；
`chooseAvatar` 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息；
`agreePrivacyAuthorization`用户同意隐私协议按钮。用户点击一次此按钮后，所有隐私接口可以正常调用。可通过`bindagreeprivacyauthorization`监听用户同意隐私协议事件。隐私合规开发指南详情可见《小程序隐私协议开发指南》。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。。可选项：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar/agreePrivacyAuthorization \| N -phone-number-no-quota-toast \| Boolean \| true \| 原生按钮属性，当手机号快速验证或手机号实时验证额度用尽时，是否对用户展示“申请获取你的手机号，但该功能使用次数已达当前小程序上限，暂时无法使用”的提示，默认展示，open-type="getPhoneNumber" 或 open-type="getRealtimePhoneNumber" 时有效 \| N -send-message-img \| String \| 截图 \| 会话内消息卡片图片，open-type="contact"时有效 \| N -send-message-path \| String \| 当前分享路径 \| 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 \| N -send-message-title \| String \| 当前标题 \| 会话内消息卡片标题，open-type="contact"时有效 \| N -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/src/common/common.ts) \| N -t-id \| String \| - \| 按钮标签id \| N -theme \| String \| default \| 组件风格，依次为品牌色、危险色。可选项：default/primary/danger/light \| N -type \| String \| - \| 同小程序的 formType。。可选项：submit/reset \| N -variant \| String \| base \| 按钮形式，基础、线框、虚线、文字。可选项：base/outline/dashed/text \| N +custom-dataset | Object | - | 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取。。TS 类型：`any` | N +disabled | Boolean | undefined | 禁用状态。优先级：Button.disabled > Form.disabled | N +ghost | Boolean | false | 是否为幽灵按钮（镂空按钮） | N +hover-class | String | - | 指定按钮按下去的样式类，按钮不为加载或禁用状态时有效。当 `hover-class="none"` 时，没有点击态效果 | N +hover-start-time | Number | 20 | 按住后多久出现点击态，单位毫秒 | N +hover-stay-time | Number | 70 | 手指松开后点击态保留时间，单位毫秒 | N +hover-stop-propagation | Boolean | false | 指定是否阻止本节点的祖先节点出现点击态 | N +icon | String / Object | - | 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N +lang | String | - | 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。。
具体释义：
`en` 英文；
`zh_CN` 简体中文；
`zh_TW` 繁体中文。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。。可选项：en/zh_CN/zh_TW | N +loading | Boolean | false | 是否显示为加载状态 | N +loading-props | Object | - | 透传 Loading 组件全部属性。TS 类型：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/button/type.ts) | N +open-type | String | - | 微信开放能力。
具体释义：
`contact` 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 （*小程序插件中不能使用*）；
`share` 触发用户转发，使用前建议先阅读使用指引；
`getPhoneNumber` 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，具体说明 （*小程序插件中不能使用*）；
`getUserInfo` 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 （*小程序插件中不能使用*）；
`launchApp` 打开APP，可以通过 app-parameter 属性设定向 APP 传的参数具体说明；
`openSetting` 打开授权设置页；
`feedback` 打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容；
`chooseAvatar` 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息；
`agreePrivacyAuthorization`用户同意隐私协议按钮。用户点击一次此按钮后，所有隐私接口可以正常调用。可通过`bindagreeprivacyauthorization`监听用户同意隐私协议事件。隐私合规开发指南详情可见《小程序隐私协议开发指南》。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)。。可选项：contact/share/getPhoneNumber/getUserInfo/launchApp/openSetting/feedback/chooseAvatar/agreePrivacyAuthorization | N +phone-number-no-quota-toast | Boolean | true | 原生按钮属性，当手机号快速验证或手机号实时验证额度用尽时，是否对用户展示“申请获取你的手机号，但该功能使用次数已达当前小程序上限，暂时无法使用”的提示，默认展示，open-type="getPhoneNumber" 或 open-type="getRealtimePhoneNumber" 时有效 | N +send-message-img | String | 截图 | 会话内消息卡片图片，open-type="contact"时有效 | N +send-message-path | String | 当前分享路径 | 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 | N +send-message-title | String | 当前标题 | 会话内消息卡片标题，open-type="contact"时有效 | N +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/src/common/common.ts) | N +t-id | String | - | 按钮标签id | N +theme | String | default | 组件风格，依次为品牌色、危险色。可选项：default/primary/danger/light | N +type | String | - | 同小程序的 formType。。可选项：submit/reset | N +variant | String | base | 按钮形式，基础、线框、虚线、文字。可选项：base/outline/dashed/text | N ### Button Events -名称 \| 参数 \| 描述 --- \| -- \| -- -agreeprivacyauthorization \| \- \| 原生按钮属性，用户同意隐私协议事件回调，open-type=agreePrivacyAuthorization时有效 （Tips: 如果使用 onNeedPrivacyAuthorization 接口，需要在 bindagreeprivacyauthorization 触发后再调用 resolve({ event: "agree", buttonId })） -chooseavatar \| \- \| 原生按钮属性，获取用户头像回调，`open-type=chooseAvatar` 时有效。返回 `e.detail.avatarUrl` 为头像临时文件链接 -click \| `(e: MouseEvent)` \| 点击时触发 -contact \| \- \| 原生按钮属性，客服消息回调，`open-type="contact"` 时有效 -createliveactivity \| \- \| 新的一次性订阅消息下发机制回调，`open-type=liveActivity` 时有效 -error \| \- \| 原生按钮属性，当使用开放能力时，发生错误的回调，`open-type=launchApp` 时有效 -getphonenumber \| \- \| 原生按钮属性，手机号快速验证回调，open-type=getPhoneNumber时有效。Tips：在触发 bindgetphonenumber 回调后应立即隐藏手机号按钮组件，或置为 disabled 状态，避免用户重复授权手机号产生额外费用 -getrealtimephonenumber \| \- \| 原生按钮属性，手机号实时验证回调，open-type=getRealtimePhoneNumber 时有效。Tips：在触发 bindgetrealtimephonenumber 回调后应立即隐藏手机号按钮组件，或置为 disabled 状态，避免用户重复授权手机号产生额外费用 -getuserinfo \| \- \| 原生按钮属性，用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效 -launchapp \| \- \| 打开 APP 成功的回调，`open-type=launchApp` 时有效 -opensetting \| \- \| 原生按钮属性，在打开授权设置页后回调，open-type=openSetting时有效 -tap \| `event` | 点击按钮，当按钮不为加载或禁用状态时触发 +名称 | 参数 | 描述 +-- | -- | -- +agreeprivacyauthorization | \- | 原生按钮属性，用户同意隐私协议事件回调，open-type=agreePrivacyAuthorization时有效 （Tips: 如果使用 onNeedPrivacyAuthorization 接口，需要在 bindagreeprivacyauthorization 触发后再调用 resolve({ event: "agree", buttonId })） +chooseavatar | \- | 原生按钮属性，获取用户头像回调，`open-type=chooseAvatar` 时有效。返回 `e.detail.avatarUrl` 为头像临时文件链接 +click | `(e: MouseEvent)` | 点击时触发 +contact | \- | 原生按钮属性，客服消息回调，`open-type="contact"` 时有效 +createliveactivity | \- | 新的一次性订阅消息下发机制回调，`open-type=liveActivity` 时有效 +error | \- | 原生按钮属性，当使用开放能力时，发生错误的回调，`open-type=launchApp` 时有效 +getphonenumber | \- | 原生按钮属性，手机号快速验证回调，open-type=getPhoneNumber时有效。Tips：在触发 bindgetphonenumber 回调后应立即隐藏手机号按钮组件，或置为 disabled 状态，避免用户重复授权手机号产生额外费用 +getrealtimephonenumber | \- | 原生按钮属性，手机号实时验证回调，open-type=getRealtimePhoneNumber 时有效。Tips：在触发 bindgetrealtimephonenumber 回调后应立即隐藏手机号按钮组件，或置为 disabled 状态，避免用户重复授权手机号产生额外费用 +getuserinfo | \- | 原生按钮属性，用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效 +launchapp | \- | 打开 APP 成功的回调，`open-type=launchApp` 时有效 +opensetting | \- | 原生按钮属性，在打开授权设置页后回调，open-type=openSetting时有效 +tap | `event` | 点击按钮，当按钮不为加载或禁用状态时触发 ### Button External Classes diff --git a/packages/products/tdesign-miniprogram/src/button/props.ts b/packages/products/tdesign-miniprogram/src/button/props.ts index d1a6e1d50..053849d69 100644 --- a/packages/products/tdesign-miniprogram/src/button/props.ts +++ b/packages/products/tdesign-miniprogram/src/button/props.ts @@ -83,17 +83,17 @@ const props: TdButtonProps = { /** 会话内消息卡片图片，open-type="contact"时有效 */ sendMessageImg: { type: String, - value: '', + value: '截图', }, /** 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 */ sendMessagePath: { type: String, - value: '', + value: '当前分享路径', }, /** 会话内消息卡片标题，open-type="contact"时有效 */ sendMessageTitle: { type: String, - value: '', + value: '当前标题', }, /** 会话来源，open-type="contact"时有效 */ sessionFrom: { diff --git a/packages/products/tdesign-miniprogram/src/button/type.ts b/packages/products/tdesign-miniprogram/src/button/type.ts index 99551686a..e6c8cef48 100644 --- a/packages/products/tdesign-miniprogram/src/button/type.ts +++ b/packages/products/tdesign-miniprogram/src/button/type.ts @@ -35,7 +35,7 @@ export interface TdButtonProps { */ customDataset?: { type: ObjectConstructor; - value?: `any`; + value?: any; }; /** * 禁用状态。优先级：Button.disabled > Form.disabled diff --git a/packages/products/tdesign-miniprogram/src/cell/README.en-US.md b/packages/products/tdesign-miniprogram/src/cell/README.en-US.md index 50a296447..496b5aed5 100644 --- a/packages/products/tdesign-miniprogram/src/cell/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/cell/README.en-US.md @@ -9,16 +9,16 @@ 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 align | String | middle | options: top/middle/bottom | N -arrow | Boolean | false | \- | N +arrow | Boolean / Object | false | \- | N bordered | Boolean | true | \- | N description | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N hover | Boolean | - | \- | N image | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N jump-type | String | navigateTo | options: switchTab/reLaunch/redirectTo/navigateTo | N -left-icon | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +left-icon | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N note | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N required | Boolean | false | \- | N -right-icon | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +right-icon | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N title | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N url | String | - | \- | N diff --git a/packages/products/tdesign-miniprogram/src/cell/README.md b/packages/products/tdesign-miniprogram/src/cell/README.md index 452b9d125..6963edd8d 100644 --- a/packages/products/tdesign-miniprogram/src/cell/README.md +++ b/packages/products/tdesign-miniprogram/src/cell/README.md @@ -9,16 +9,16 @@ style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N align | String | middle | 内容的对齐方式，默认居中对齐。可选项：top/middle/bottom | N -arrow | Boolean | false | 是否显示右侧箭头 | N +arrow | Boolean / Object | false | 是否显示右侧箭头 | N bordered | Boolean | true | 是否显示下边框 | N description | String / Slot | - | 下方内容描述。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N hover | Boolean | - | 是否开启点击反馈 | N image | String / Slot | - | 主图。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N jump-type | String | navigateTo | 链接跳转类型。可选项：switchTab/reLaunch/redirectTo/navigateTo | N -left-icon | String / Slot | - | 左侧图标，出现在单元格标题的左侧。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +left-icon | String / Object / Slot | - | 左侧图标，出现在单元格标题的左侧。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N note | String / Slot | - | 和标题同行的说明文字。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N required | Boolean | false | 是否显示表单必填星号 | N -right-icon | String / Slot | - | 最右侧图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +right-icon | String / Object / Slot | - | 最右侧图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N title | String / Slot | - | 标题。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N url | String | - | 点击后跳转链接地址。如果值为空，则表示不需要跳转 | N diff --git a/packages/products/tdesign-miniprogram/src/cell/props.ts b/packages/products/tdesign-miniprogram/src/cell/props.ts index 73cbb291c..45632070e 100644 --- a/packages/products/tdesign-miniprogram/src/cell/props.ts +++ b/packages/products/tdesign-miniprogram/src/cell/props.ts @@ -13,7 +13,7 @@ const props: TdCellProps = { }, /** 是否显示右侧箭头 */ arrow: { - type: Boolean, + type: null, value: false, }, /** 是否显示下边框 */ @@ -25,10 +25,6 @@ const props: TdCellProps = { description: { type: String, }, - /** 组件类名，分别用于设置 组件外层类名、标题类名、右侧说明文字类名、下方描述内容类名、图片类名、激活态类名、左侧图标类名、右侧图标类名 等 */ - externalClasses: { - type: Array, - }, /** 是否开启点击反馈 */ hover: { type: Boolean, @@ -44,7 +40,7 @@ const props: TdCellProps = { }, /** 左侧图标，出现在单元格标题的左侧 */ leftIcon: { - type: String, + type: null, }, /** 和标题同行的说明文字 */ note: { @@ -57,12 +53,7 @@ const props: TdCellProps = { }, /** 最右侧图标 */ rightIcon: { - type: String, - }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', + type: null, }, /** 标题 */ title: { diff --git a/packages/products/tdesign-miniprogram/src/cell/type.ts b/packages/products/tdesign-miniprogram/src/cell/type.ts index 09dbeebbe..2a16bac24 100644 --- a/packages/products/tdesign-miniprogram/src/cell/type.ts +++ b/packages/products/tdesign-miniprogram/src/cell/type.ts @@ -18,8 +18,8 @@ export interface TdCellProps { * @default false */ arrow?: { - type: BooleanConstructor; - value?: boolean; + type: null; + value?: boolean | object; }; /** * 是否显示下边框 @@ -36,22 +36,6 @@ export interface TdCellProps { type: StringConstructor; value?: string; }; - /** - * 组件类名，分别用于设置 组件外层类名、标题类名、右侧说明文字类名、下方描述内容类名、图片类名、激活态类名、左侧图标类名、右侧图标类名 等 - */ - externalClasses?: { - type: ArrayConstructor; - value?: [ - 't-class', - 't-class-title', - 't-class-note', - 't-class-description', - 't-class-thumb', - 't-class-hover', - 't-class-left', - 't-class-right', - ]; - }; /** * 是否开启点击反馈 */ @@ -78,8 +62,8 @@ export interface TdCellProps { * 左侧图标，出现在单元格标题的左侧 */ leftIcon?: { - type: StringConstructor; - value?: string; + type: null; + value?: string | object; }; /** * 和标题同行的说明文字 @@ -100,16 +84,8 @@ export interface TdCellProps { * 最右侧图标 */ rightIcon?: { - type: StringConstructor; - value?: string; - }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; + type: null; + value?: string | object; }; /** * 标题 diff --git a/packages/products/tdesign-miniprogram/src/count-down/props.ts b/packages/products/tdesign-miniprogram/src/count-down/props.ts index 66cf6f2e3..4fd7b1f20 100644 --- a/packages/products/tdesign-miniprogram/src/count-down/props.ts +++ b/packages/products/tdesign-miniprogram/src/count-down/props.ts @@ -36,11 +36,6 @@ const props: TdCountDownProps = { type: Boolean, value: false, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 倒计时风格 */ theme: { type: String, diff --git a/packages/products/tdesign-miniprogram/src/count-down/type.ts b/packages/products/tdesign-miniprogram/src/count-down/type.ts index 6fffbc924..d7c95d926 100644 --- a/packages/products/tdesign-miniprogram/src/count-down/type.ts +++ b/packages/products/tdesign-miniprogram/src/count-down/type.ts @@ -53,14 +53,6 @@ export interface TdCountDownProps { type: BooleanConstructor; value?: boolean; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 倒计时风格 * @default 'default' @@ -76,5 +68,6 @@ export interface TdCountDownProps { time: { type: NumberConstructor; value?: number; + required?: boolean; }; } diff --git a/packages/products/tdesign-miniprogram/src/date-time-picker/README.en-US.md b/packages/products/tdesign-miniprogram/src/date-time-picker/README.en-US.md index e0031b8a0..0bf46a7a6 100644 --- a/packages/products/tdesign-miniprogram/src/date-time-picker/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/date-time-picker/README.en-US.md @@ -21,6 +21,7 @@ show-week | Boolean | false | \- | N start | String / Number | - | \- | N steps | Object | - | \- | N title | String | - | title of picker | N +use-popup | Boolean | true | \- | N value | String / Number | - | Typescript：`DateValue` `type DateValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts) | N default-value | String / Number | undefined | uncontrolled property。Typescript：`DateValue` `type DateValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts) | N visible | Boolean | false | \- | N diff --git a/packages/products/tdesign-miniprogram/src/date-time-picker/README.md b/packages/products/tdesign-miniprogram/src/date-time-picker/README.md index 528c52ef8..19ee1acea 100644 --- a/packages/products/tdesign-miniprogram/src/date-time-picker/README.md +++ b/packages/products/tdesign-miniprogram/src/date-time-picker/README.md @@ -21,6 +21,7 @@ show-week | Boolean | false | 【开发中】是否在日期旁边显示周几 start | String / Number | - | 选择器的最小可选时间，默认为当前时间-10年 | N steps | Object | - | 时间间隔步数，示例：`{ minute: 5 }` | N title | String | - | 标题 | N +use-popup | Boolean | true | 是否使用弹出层包裹 | N value | String / Number | - | 选中值。TS 类型：`DateValue` `type DateValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts) | N default-value | String / Number | undefined | 选中值。非受控属性。TS 类型：`DateValue` `type DateValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts) | N visible | Boolean | false | 是否显示 | N diff --git a/packages/products/tdesign-miniprogram/src/date-time-picker/props.ts b/packages/products/tdesign-miniprogram/src/date-time-picker/props.ts index 04136a9db..2fc477473 100644 --- a/packages/products/tdesign-miniprogram/src/date-time-picker/props.ts +++ b/packages/products/tdesign-miniprogram/src/date-time-picker/props.ts @@ -9,7 +9,7 @@ const props: TdDateTimePickerProps = { /** 取消按钮文字 */ cancelBtn: { type: String, - value: '', + value: '取消', }, /** 确定按钮文字 */ confirmBtn: { @@ -67,6 +67,11 @@ const props: TdDateTimePickerProps = { type: String, value: '', }, + /** 是否使用弹出层包裹 */ + usePopup: { + type: Boolean, + value: true, + }, /** 选中值 */ value: { type: null, diff --git a/packages/products/tdesign-miniprogram/src/date-time-picker/type.ts b/packages/products/tdesign-miniprogram/src/date-time-picker/type.ts index 70e2ee521..652f71ded 100644 --- a/packages/products/tdesign-miniprogram/src/date-time-picker/type.ts +++ b/packages/products/tdesign-miniprogram/src/date-time-picker/type.ts @@ -107,6 +107,14 @@ export interface TdDateTimePickerProps { type: StringConstructor; value?: string; }; + /** + * 是否使用弹出层包裹 + * @default true + */ + usePopup?: { + type: BooleanConstructor; + value?: boolean; + }; /** * 选中值 */ diff --git a/packages/products/tdesign-miniprogram/src/dropdown-item/props.ts b/packages/products/tdesign-miniprogram/src/dropdown-item/props.ts index 05998bf20..1982c3def 100644 --- a/packages/products/tdesign-miniprogram/src/dropdown-item/props.ts +++ b/packages/products/tdesign-miniprogram/src/dropdown-item/props.ts @@ -6,11 +6,6 @@ import { TdDropdownItemProps } from './type'; const props: TdDropdownItemProps = { - /** 自定义组件样式 */ - customStyle: { - type: String, - value: '', - }, /** 是否禁用操作项 */ disabled: { type: Boolean, diff --git a/packages/products/tdesign-miniprogram/src/dropdown-item/type.ts b/packages/products/tdesign-miniprogram/src/dropdown-item/type.ts index 628fc3e64..320ba2c81 100644 --- a/packages/products/tdesign-miniprogram/src/dropdown-item/type.ts +++ b/packages/products/tdesign-miniprogram/src/dropdown-item/type.ts @@ -7,14 +7,6 @@ import { KeysType } from '../common/common'; export interface TdDropdownItemProps { - /** - * 自定义组件样式 - * @default '' - */ - customStyle?: { - type: StringConstructor; - value?: string; - }; /** * 是否禁用操作项 * @default false diff --git a/packages/products/tdesign-miniprogram/src/dropdown-menu/props.ts b/packages/products/tdesign-miniprogram/src/dropdown-menu/props.ts index 0f8740f3d..5424ba466 100644 --- a/packages/products/tdesign-miniprogram/src/dropdown-menu/props.ts +++ b/packages/products/tdesign-miniprogram/src/dropdown-menu/props.ts @@ -21,10 +21,6 @@ const props: TdDropdownMenuProps = { type: null, value: 200, }, - /** 组件类名，分别用于设置 组件外层类名、菜单标签、菜单图标类名 等 */ - externalClasses: { - type: Array, - }, /** 是否显示遮罩层 */ showOverlay: { type: Boolean, diff --git a/packages/products/tdesign-miniprogram/src/dropdown-menu/type.ts b/packages/products/tdesign-miniprogram/src/dropdown-menu/type.ts index 256a64c49..821baa27c 100644 --- a/packages/products/tdesign-miniprogram/src/dropdown-menu/type.ts +++ b/packages/products/tdesign-miniprogram/src/dropdown-menu/type.ts @@ -29,13 +29,6 @@ export interface TdDropdownMenuProps { type: null; value?: string | number; }; - /** - * 组件类名，分别用于设置 组件外层类名、菜单标签、菜单图标类名 等 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-item', 't-class-label', 't-class-icon']; - }; /** * 是否显示遮罩层 * @default true diff --git a/packages/products/tdesign-miniprogram/src/empty/README.en-US.md b/packages/products/tdesign-miniprogram/src/empty/README.en-US.md index af0cd1fd8..c1ef991bb 100644 --- a/packages/products/tdesign-miniprogram/src/empty/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/empty/README.en-US.md @@ -11,7 +11,7 @@ custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on v action | Slot | - | action block。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N description | String / Slot | - | empty component description。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N icon | String / Object | - | \- | N -image | String / Slot | - | image url, or Image component props, or custom any node you need.。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/empty/type.ts) | N +image | String / Slot | - | image url, or Image component props, or custom any node you need.。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N ### Empty External Classes className | Description diff --git a/packages/products/tdesign-miniprogram/src/empty/README.md b/packages/products/tdesign-miniprogram/src/empty/README.md index 69da656b4..92862bf29 100644 --- a/packages/products/tdesign-miniprogram/src/empty/README.md +++ b/packages/products/tdesign-miniprogram/src/empty/README.md @@ -11,7 +11,7 @@ custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场 action | Slot | - | 操作按钮。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N description | String / Slot | - | 描述文字。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N icon | String / Object | - | 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N -image | String / Slot | - | 图片地址。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/empty/type.ts) | N +image | String / Slot | - | 图片地址。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N ### Empty External Classes 类名 | 描述 diff --git a/packages/products/tdesign-miniprogram/src/empty/props.ts b/packages/products/tdesign-miniprogram/src/empty/props.ts index c38e4f143..a3a97a8da 100644 --- a/packages/products/tdesign-miniprogram/src/empty/props.ts +++ b/packages/products/tdesign-miniprogram/src/empty/props.ts @@ -14,7 +14,7 @@ const props: TdEmptyProps = { externalClasses: { type: Array, }, - /** 图标名称。值为字符串表示图标名称，值为 Object 类型，表示透传至 icon */ + /** 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 */ icon: { type: null, }, @@ -22,11 +22,6 @@ const props: TdEmptyProps = { image: { type: String, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, }; export default props; diff --git a/packages/products/tdesign-miniprogram/src/empty/type.ts b/packages/products/tdesign-miniprogram/src/empty/type.ts index 7f58aad5b..7b5149efa 100644 --- a/packages/products/tdesign-miniprogram/src/empty/type.ts +++ b/packages/products/tdesign-miniprogram/src/empty/type.ts @@ -20,7 +20,7 @@ export interface TdEmptyProps { value?: ['t-class', 't-class-description', 't-class-image', 't-class-actions']; }; /** - * 图标名称。值为字符串表示图标名称，值为 Object 类型，表示透传至 icon + * 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 */ icon?: { type: null; @@ -33,12 +33,4 @@ export interface TdEmptyProps { type: StringConstructor; value?: string; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; } diff --git a/packages/products/tdesign-miniprogram/src/footer/props.ts b/packages/products/tdesign-miniprogram/src/footer/props.ts index a8f403386..9497e6909 100644 --- a/packages/products/tdesign-miniprogram/src/footer/props.ts +++ b/packages/products/tdesign-miniprogram/src/footer/props.ts @@ -15,11 +15,6 @@ const props: TdFooterProps = { logo: { type: Object, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 版权信息 */ text: { type: String, diff --git a/packages/products/tdesign-miniprogram/src/footer/type.ts b/packages/products/tdesign-miniprogram/src/footer/type.ts index a8bdda3b8..4537fbf7a 100644 --- a/packages/products/tdesign-miniprogram/src/footer/type.ts +++ b/packages/products/tdesign-miniprogram/src/footer/type.ts @@ -20,14 +20,6 @@ export interface TdFooterProps { type: ObjectConstructor; value?: FooterLogo; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 版权信息 * @default '' diff --git a/packages/products/tdesign-miniprogram/src/grid-item/props.ts b/packages/products/tdesign-miniprogram/src/grid-item/props.ts new file mode 100644 index 000000000..c2e31f468 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/grid-item/props.ts @@ -0,0 +1,51 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdGridItemProps } from './type'; +const props: TdGridItemProps = { + /** 透传至 Badge 属性 */ + badgeProps: { + type: Object, + value: null, + }, + /** 文本以外的更多描述，辅助信息。可以通过 Props 传入文本，也可以自定义标题节点 */ + description: { + type: String, + }, + /** 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon` */ + icon: { + type: null, + }, + /** 图片，可以是图片地址，也可以自定义图片节点，值为 slot 的时候才能使用插槽 */ + image: { + type: String, + }, + /** 透传至 Image 组件 */ + imageProps: { + type: Object, + }, + /** 链接跳转类型 */ + jumpType: { + type: String, + value: 'navigate-to', + }, + /** 内容布局方式 */ + layout: { + type: String, + value: 'vertical', + }, + /** 文本，可以通过 Props 传入文本，也可以自定义标题节点 */ + text: { + type: String, + }, + /** 点击后的跳转链接 */ + url: { + type: String, + value: '', + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/grid-item/type.ts b/packages/products/tdesign-miniprogram/src/grid-item/type.ts new file mode 100644 index 000000000..c9d94ef9b --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/grid-item/type.ts @@ -0,0 +1,78 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { BadgeProps } from '../badge/index'; +import { ImageProps } from '../image/index'; + +export interface TdGridItemProps { + /** + * 透传至 Badge 属性 + * @default null + */ + badgeProps?: { + type: ObjectConstructor; + value?: BadgeProps; + }; + /** + * 文本以外的更多描述，辅助信息。可以通过 Props 传入文本，也可以自定义标题节点 + */ + description?: { + type: StringConstructor; + value?: string; + }; + /** + * 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon` + */ + icon?: { + type: null; + value?: string | object; + }; + /** + * 图片，可以是图片地址，也可以自定义图片节点，值为 slot 的时候才能使用插槽 + */ + image?: { + type: StringConstructor; + value?: string; + }; + /** + * 透传至 Image 组件 + */ + imageProps?: { + type: ObjectConstructor; + value?: ImageProps; + }; + /** + * 链接跳转类型 + * @default navigate-to + */ + jumpType?: { + type: StringConstructor; + value?: 'redirect-to' | 'switch-tab' | 'relaunch' | 'navigate-to'; + }; + /** + * 内容布局方式 + * @default vertical + */ + layout?: { + type: StringConstructor; + value?: 'vertical' | 'horizontal'; + }; + /** + * 文本，可以通过 Props 传入文本，也可以自定义标题节点 + */ + text?: { + type: StringConstructor; + value?: string; + }; + /** + * 点击后的跳转链接 + * @default '' + */ + url?: { + type: StringConstructor; + value?: string; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/grid/README.en-US.md b/packages/products/tdesign-miniprogram/src/grid/README.en-US.md index a4590bf81..954679409 100644 --- a/packages/products/tdesign-miniprogram/src/grid/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/grid/README.en-US.md @@ -21,25 +21,6 @@ className | Description t-class | \- -### Col Props - -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 -offset | String / Number | - | \- | N -span | String / Number | - | \- | N - - -### Row Props - -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 -gutter | String / Number | - | \- | N - - ### GridItem Props name | type | default | description | required diff --git a/packages/products/tdesign-miniprogram/src/grid/README.md b/packages/products/tdesign-miniprogram/src/grid/README.md index c2a407fa8..f474e16b0 100644 --- a/packages/products/tdesign-miniprogram/src/grid/README.md +++ b/packages/products/tdesign-miniprogram/src/grid/README.md @@ -21,25 +21,6 @@ theme | String | default | 宫格的风格。可选项：default/card | N t-class | 根节点样式类 -### Col Props - -名称 | 类型 | 默认值 | 描述 | 必传 --- | -- | -- | -- | -- -style | Object | - | 样式 | N -custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N -offset | String / Number | - | 列的偏移量（默认单位px） | N -span | String / Number | - | 列的宽度（默认单位px） | N - - -### Row Props - -名称 | 类型 | 默认值 | 描述 | 必传 --- | -- | -- | -- | -- -style | Object | - | 样式 | N -custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N -gutter | String / Number | - | 列之间的间距（默认单位px） | N - - ### GridItem Props 名称 | 类型 | 默认值 | 描述 | 必传 diff --git a/packages/products/tdesign-miniprogram/src/grid/props.ts b/packages/products/tdesign-miniprogram/src/grid/props.ts index 2322a9795..4caed6f95 100644 --- a/packages/products/tdesign-miniprogram/src/grid/props.ts +++ b/packages/products/tdesign-miniprogram/src/grid/props.ts @@ -16,15 +16,11 @@ const props: TdGridProps = { type: null, value: false, }, - /** 每一行的列数量 */ + /** 每一行的列数量；为 0 时等于固定大小 */ column: { type: Number, value: 4, }, - /** 组件类名，用于设置组件外层元素类名 */ - externalClasses: { - type: Array, - }, /** 间隔大小 */ gutter: { type: Number, @@ -34,10 +30,10 @@ const props: TdGridProps = { type: Boolean, value: false, }, - /** 自定义组件样式 */ - style: { + /** 宫格的风格 */ + theme: { type: String, - value: '', + value: 'default', }, }; diff --git a/packages/products/tdesign-miniprogram/src/grid/type.ts b/packages/products/tdesign-miniprogram/src/grid/type.ts index 58fcf35aa..247fe742c 100644 --- a/packages/products/tdesign-miniprogram/src/grid/type.ts +++ b/packages/products/tdesign-miniprogram/src/grid/type.ts @@ -4,8 +4,6 @@ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC * */ -import { BadgeProps } from '../badge/index'; - export interface TdGridProps { /** * 内容对齐方式 @@ -30,20 +28,13 @@ export interface TdGridProps { }; }; /** - * 每一行的列数量 + * 每一行的列数量；为 0 时等于固定大小 * @default 4 */ column?: { type: NumberConstructor; value?: number; }; - /** - * 组件类名，用于设置组件外层元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class']; - }; /** * 间隔大小 */ @@ -60,81 +51,11 @@ export interface TdGridProps { value?: boolean; }; /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; -} - -export interface TdGridItemProps { - /** - * 头像右上角提示信息，继承 Badge 组件的全部特性。如：小红点，或者数字 - */ - badgeProps?: { - type: ObjectConstructor; - value?: BadgeProps; - }; - /** - * 文本以外的更多描述，辅助信息。可以通过 Props 传入文本，也可以自定义标题节点 - */ - description?: { - type: StringConstructor; - value?: string; - }; - /** - * 组件类名，分别用于设置组件外层元素、图片、文本、描述等元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-image', 't-class-text', 't-class-description']; - }; - /** - * 图片，可以是图片地址，也可以自定义图片节点 - */ - image?: { - type: StringConstructor; - value?: string; - }; - /** - * 链接跳转类型 - * @default navigate-to - */ - jumpType?: { - type: StringConstructor; - value?: 'redirect-to' | 'switch-tab' | 'relaunch' | 'navigate-to'; - }; - /** - * 内容布局方式 - * @default vertical - */ - layout?: { - type: StringConstructor; - value?: 'vertical' | 'horizontal'; - }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; - /** - * 文本，可以通过 Props 传入文本，也可以自定义标题节点 - */ - text?: { - type: StringConstructor; - value?: string; - }; - /** - * 点击后的跳转链接 - * @default '' + * 宫格的风格 + * @default default */ - url?: { + theme?: { type: StringConstructor; - value?: string; + value?: 'default' | 'card'; }; } diff --git a/packages/products/tdesign-miniprogram/src/icon/props.ts b/packages/products/tdesign-miniprogram/src/icon/props.ts new file mode 100644 index 000000000..21856b05e --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/icon/props.ts @@ -0,0 +1,31 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdIconProps } from './type'; +const props: TdIconProps = { + /** 图标颜色 */ + color: { + type: String, + value: '', + }, + /** 图标名称或图片链接 */ + name: { + type: String, + value: '', + required: true, + }, + /** 自定义图标前缀 */ + prefix: { + type: String, + value: '', + }, + /** 图标大小, 如 `20`, `20px`, `48rpx`, 默认单位是 `px` */ + size: { + type: null, + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/icon/type.ts b/packages/products/tdesign-miniprogram/src/icon/type.ts new file mode 100644 index 000000000..6f6f957c5 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/icon/type.ts @@ -0,0 +1,40 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +export interface TdIconProps { + /** + * 图标颜色 + * @default '' + */ + color?: { + type: StringConstructor; + value?: string; + }; + /** + * 图标名称或图片链接 + * @default '' + */ + name: { + type: StringConstructor; + value?: string; + required?: boolean; + }; + /** + * 自定义图标前缀 + * @default '' + */ + prefix?: { + type: StringConstructor; + value?: string; + }; + /** + * 图标大小, 如 `20`, `20px`, `48rpx`, 默认单位是 `px` + */ + size?: { + type: null; + value?: string | number; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/image/props.ts b/packages/products/tdesign-miniprogram/src/image/props.ts index 243ece655..dbf1f50ab 100644 --- a/packages/products/tdesign-miniprogram/src/image/props.ts +++ b/packages/products/tdesign-miniprogram/src/image/props.ts @@ -11,20 +11,25 @@ const props: TdImageProps = { type: String, value: 'default', }, - /** 组件类名，分别用于设置加载组件外层元素，中间内容等元素类名 */ - externalClasses: { - type: Array, + /** 高度，默认单位为`px` */ + height: { + type: null, }, /** 是否开启图片懒加载 */ lazy: { type: Boolean, value: false, }, - /** 加载态内容。值为 `default` 则表示使用默认加载中风格；值为空或者 `slot` 表示使用插槽渲染，插槽名称为 `loading`；值为其他则表示普通文本内容，如“加载中” */ + /** 加载态内容。值为 `default` 则表示使用默认加载中风格；值为其他则表示普通文本内容，如“加载中” */ loading: { type: String, value: 'default', }, + /** 图片裁剪、缩放的模式；[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/image.html) */ + mode: { + type: String, + value: 'scaleToFill', + }, /** 图片圆角类型 */ shape: { type: String, @@ -40,20 +45,19 @@ const props: TdImageProps = { type: String, value: '', }, - /** 自定义组件样式 */ - style: { + /** 图片标签id */ + tId: { type: String, value: '', }, - /** */ - mode: { - type: 只支持 scaleToFill/aspectFit/aspectFill/widthFix/heightFix，其余暂未支持，表现为居中, - required: true, - }, - /** */ + /** 默认不解析 webP 格式，只支持网络资源 */ webp: { - type: 无需指定，默认支持, - required: true, + type: Boolean, + value: false, + }, + /** 宽度，默认单位为`px` */ + width: { + type: null, }, }; diff --git a/packages/products/tdesign-miniprogram/src/image/type.ts b/packages/products/tdesign-miniprogram/src/image/type.ts index 9e2b017cc..1fa751e35 100644 --- a/packages/products/tdesign-miniprogram/src/image/type.ts +++ b/packages/products/tdesign-miniprogram/src/image/type.ts @@ -4,4 +4,105 @@ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC * */ -[object Object] \ No newline at end of file +export interface TdImageProps { + /** + * 加载失败时显示的内容。值为 `default` 则表示使用默认加载失败风格；值为空或者 `slot` 表示使用插槽渲染，插槽名称为 `error`；值为其他则表示普通文本内容，如“加载失败” + * @default 'default' + */ + error?: { + type: StringConstructor; + value?: string; + }; + /** + * 高度，默认单位为`px` + */ + height?: { + type: null; + value?: string | number; + }; + /** + * 是否开启图片懒加载 + * @default false + */ + lazy?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 加载态内容。值为 `default` 则表示使用默认加载中风格；值为其他则表示普通文本内容，如“加载中” + * @default 'default' + */ + loading?: { + type: StringConstructor; + value?: string; + }; + /** + * 图片裁剪、缩放的模式；[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/image.html) + * @default scaleToFill + */ + mode?: { + type: StringConstructor; + value?: + | 'scaleToFill' + | 'aspectFit' + | 'aspectFill' + | 'widthFix' + | 'heightFix' + | 'top' + | 'bottom' + | 'center' + | 'left' + | 'right' + | 'top left' + | 'top right' + | 'bottom left' + | 'bottom right'; + }; + /** + * 图片圆角类型 + * @default square + */ + shape?: { + type: StringConstructor; + value?: 'circle' | 'round' | 'square'; + }; + /** + * 长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单。 + * @default false + */ + showMenuByLongpress?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 图片链接 + * @default '' + */ + src?: { + type: StringConstructor; + value?: string; + }; + /** + * 图片标签id + * @default '' + */ + tId?: { + type: StringConstructor; + value?: string; + }; + /** + * 默认不解析 webP 格式，只支持网络资源 + * @default false + */ + webp?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 宽度，默认单位为`px` + */ + width?: { + type: null; + value?: string | number; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/indexes-anchor/props.ts b/packages/products/tdesign-miniprogram/src/indexes-anchor/props.ts new file mode 100644 index 000000000..5884d3aab --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/indexes-anchor/props.ts @@ -0,0 +1,15 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdIndexesAnchorProps } from './type'; +const props: TdIndexesAnchorProps = { + /** 索引字符 */ + index: { + type: null, + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/indexes-anchor/type.ts b/packages/products/tdesign-miniprogram/src/indexes-anchor/type.ts new file mode 100644 index 000000000..4e42ff3dd --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/indexes-anchor/type.ts @@ -0,0 +1,15 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +export interface TdIndexesAnchorProps { + /** + * 索引字符 + */ + index?: { + type: null; + value?: string | number; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/indexes/README.en-US.md b/packages/products/tdesign-miniprogram/src/indexes/README.en-US.md index 87c942d8e..cf8b8012a 100644 --- a/packages/products/tdesign-miniprogram/src/indexes/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/indexes/README.en-US.md @@ -19,3 +19,19 @@ name | params | description -- | -- | -- change | `(index: string \| number)` | `0.34.0` select | `(index: string \| number)` | \- + + +### IndexesAnchor Props + +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 +index | String / Number | - | \- | N +### IndexesAnchor External Classes + +className | Description +-- | -- +t-class | class name of root node +t-class-sidebar | \- +t-class-sidebar-item | \- diff --git a/packages/products/tdesign-miniprogram/src/indexes/README.md b/packages/products/tdesign-miniprogram/src/indexes/README.md index 4a79f77fb..8006fc72f 100644 --- a/packages/products/tdesign-miniprogram/src/indexes/README.md +++ b/packages/products/tdesign-miniprogram/src/indexes/README.md @@ -19,3 +19,19 @@ sticky-offset | Number | 0 | `1.0.0`。锚点吸顶时与顶部的距离 | N -- | -- | -- change | `(index: string \| number)` | `0.34.0`。索引发生变更时触发事件 select | `(index: string \| number)` | 点击侧边栏时触发事件 + + +### IndexesAnchor Props + +名称 | 类型 | 默认值 | 描述 | 必传 +-- | -- | -- | -- | -- +style | Object | - | 样式 | N +custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N +index | String / Number | - | 索引字符 | N +### IndexesAnchor External Classes + +类名 | 描述 +-- | -- +t-class | 根节点样式类 +t-class-sidebar | 侧边栏样式类 +t-class-sidebar-item | 侧边栏选项样式类 diff --git a/packages/products/tdesign-miniprogram/src/indexes/props.ts b/packages/products/tdesign-miniprogram/src/indexes/props.ts index 94da8b5f6..ece1bf77b 100644 --- a/packages/products/tdesign-miniprogram/src/indexes/props.ts +++ b/packages/products/tdesign-miniprogram/src/indexes/props.ts @@ -6,25 +6,19 @@ import { TdIndexesProps } from './type'; const props: TdIndexesProps = { - /** 列表高度，未设置默认占满设备高度 */ - height: { - type: Number, - }, - /** 索引列表的列表数据。每个元素包含三个子元素，index(string)：索引值，例如1，2，3，...或A，B，C等；title(string): 索引标题，可不填将默认设为索引值；children(Array<{title: string}>): 子元素列表，title为子元素的展示文案。 */ - list: { + /** 索引字符列表。不传默认 `A-Z` */ + indexList: { type: Array, - value: [], - required: true, }, /** 索引是否吸顶，默认为true */ sticky: { type: Boolean, value: true, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', + /** 锚点吸顶时与顶部的距离 */ + stickyOffset: { + type: Number, + value: 0, }, }; diff --git a/packages/products/tdesign-miniprogram/src/indexes/type.ts b/packages/products/tdesign-miniprogram/src/indexes/type.ts index 7aae9bff2..55419cc7e 100644 --- a/packages/products/tdesign-miniprogram/src/indexes/type.ts +++ b/packages/products/tdesign-miniprogram/src/indexes/type.ts @@ -6,19 +6,11 @@ export interface TdIndexesProps { /** - * 列表高度，未设置默认占满设备高度 + * 索引字符列表。不传默认 `A-Z` */ - height?: { - type: NumberConstructor; - value?: number; - }; - /** - * 索引列表的列表数据。每个元素包含三个子元素，index(string)：索引值，例如1，2，3，...或A，B，C等；title(string): 索引标题，可不填将默认设为索引值；children(Array<{title: string}>): 子元素列表，title为子元素的展示文案。 - * @default [] - */ - list: { + indexList?: { type: ArrayConstructor; - value?: ListItem[]; + value?: string[] | number[]; }; /** * 索引是否吸顶，默认为true @@ -29,17 +21,11 @@ export interface TdIndexesProps { value?: Boolean; }; /** - * 自定义组件样式 - * @default '' + * 锚点吸顶时与顶部的距离 + * @default 0 */ - style?: { - type: StringConstructor; - value?: string; + stickyOffset?: { + type: NumberConstructor; + value?: number; }; } - -export interface ListItem { - title: string; - index: string; - children: { title: string; [key: string]: any }[]; -} diff --git a/packages/products/tdesign-miniprogram/src/input/README.en-US.md b/packages/products/tdesign-miniprogram/src/input/README.en-US.md index 4a2dbb6c5..78383ec95 100644 --- a/packages/products/tdesign-miniprogram/src/input/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/input/README.en-US.md @@ -12,7 +12,7 @@ adjust-position | Boolean | true | \- | N align | String | left | text align type。options: left/center/right | N always-embed | Boolean | false | \- | N auto-focus | Boolean | false | \- | N -borderless | Boolean | false | \- | N +borderless | Boolean | false | input without border | N clear-trigger | String | always | show clear icon, clicked to clear input value。options: always / focus | N clearable | Boolean / Object | false | show clear icon, clicked to clear input value | N confirm-hold | Boolean | false | \- | N @@ -43,7 +43,7 @@ safe-password-time-stamp | Number | - | \- | N selection-end | Number | -1 | \- | N selection-start | Number | -1 | \- | N size | String | medium | `deprecated`。options: small/medium。Typescript：`'medium' \| 'small'` | N -status | String | - | options: success/warning/error | N +status | String | default | options: default/success/warning/error | N suffix | String / Slot | - | suffix content before suffixIcon。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N suffix-icon | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N tips | String / Slot | - | tips on the bottom of input, different `status` can make tips to be different color。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N diff --git a/packages/products/tdesign-miniprogram/src/input/README.md b/packages/products/tdesign-miniprogram/src/input/README.md index a046adb7b..ce76a53b2 100644 --- a/packages/products/tdesign-miniprogram/src/input/README.md +++ b/packages/products/tdesign-miniprogram/src/input/README.md @@ -43,7 +43,7 @@ safe-password-time-stamp | Number | - | 安全键盘加密时间戳 | N selection-end | Number | -1 | 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 | N selection-start | Number | -1 | 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 | N size | String | medium | 已废弃。输入框尺寸。可选项：small/medium。TS 类型：`'medium' \| 'small'` | N -status | String | - | 输入框状态。可选项：success/warning/error | N +status | String | default | 输入框状态。可选项：default/success/warning/error | N suffix | String / Slot | - | 后置图标前的后置内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N suffix-icon | String / Object / Slot | - | 后置文本内容。值为字符串则表示图标名称，值为 `Object` 类型，表示透传至 `icon`。。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N tips | String / Slot | - | 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N diff --git a/packages/products/tdesign-miniprogram/src/input/props.ts b/packages/products/tdesign-miniprogram/src/input/props.ts index 295e82a40..e0f5809a7 100644 --- a/packages/products/tdesign-miniprogram/src/input/props.ts +++ b/packages/products/tdesign-miniprogram/src/input/props.ts @@ -66,10 +66,6 @@ const props: TdInputProps = { type: Boolean, value: false, }, - /** 组件类名，用于设置组件外层元素、输入框、占位符、错误信息等元素类名 */ - externalClasses: { - type: Array, - }, /** 获取焦点 */ focus: { type: Boolean, @@ -168,11 +164,7 @@ const props: TdInputProps = { /** 输入框状态 */ status: { type: String, - }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', + value: 'default', }, /** 后置图标前的后置内容 */ suffix: { diff --git a/packages/products/tdesign-miniprogram/src/input/type.ts b/packages/products/tdesign-miniprogram/src/input/type.ts index 082d93908..c7183157b 100644 --- a/packages/products/tdesign-miniprogram/src/input/type.ts +++ b/packages/products/tdesign-miniprogram/src/input/type.ts @@ -83,6 +83,7 @@ export interface TdInputProps { cursor: { type: NumberConstructor; value?: number; + required?: boolean; }; /** * 指定光标与键盘的距离，取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离 @@ -100,13 +101,6 @@ export interface TdInputProps { type: BooleanConstructor; value?: boolean; }; - /** - * 组件类名，用于设置组件外层元素、输入框、占位符、错误信息等元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-input', 't-class-placeholder', 't-class-error-msg']; - }; /** * 获取焦点 * @default false @@ -182,6 +176,7 @@ export interface TdInputProps { placeholderStyle: { type: StringConstructor; value?: string; + required?: boolean; }; /** * 组件前置图标。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon` @@ -262,18 +257,11 @@ export interface TdInputProps { }; /** * 输入框状态 + * @default default */ status?: { type: StringConstructor; - value?: 'success' | 'warning' | 'error'; - }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; + value?: 'default' | 'success' | 'warning' | 'error'; }; /** * 后置图标前的后置内容 diff --git a/packages/products/tdesign-miniprogram/src/link/README.en-US.md b/packages/products/tdesign-miniprogram/src/link/README.en-US.md index 8bcb527ef..e8c2c2924 100644 --- a/packages/products/tdesign-miniprogram/src/link/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/link/README.en-US.md @@ -11,7 +11,7 @@ custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on v content | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N disabled | Boolean | false | make link to be disabled | N hover | Boolean | - | \- | N -navigator-props | Object | - | Typescript：`NavigatorProps` `import { NavigatorProps } from '@Navigator'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/link/type.ts) | N +navigator-props | Object | - | \- | N prefix-icon | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N size | String | medium | options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N status | String | normal | `deprecated`。options: normal/active/disabled | N diff --git a/packages/products/tdesign-miniprogram/src/link/README.md b/packages/products/tdesign-miniprogram/src/link/README.md index 5e8279abd..104debfc5 100644 --- a/packages/products/tdesign-miniprogram/src/link/README.md +++ b/packages/products/tdesign-miniprogram/src/link/README.md @@ -11,7 +11,7 @@ custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场 content | String / Slot | - | 链接内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N disabled | Boolean | false | 是否为禁用态 | N hover | Boolean | - | 是否开启点击反馈 | N -navigator-props | Object | - | 与 navigator 原生组件属性保持一致，具体使用参考：[微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html)。使用时请将形如 `open-type` 风格的属性名改为 `openType` 风格。TS 类型：`NavigatorProps` `import { NavigatorProps } from '@Navigator'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/link/type.ts) | N +navigator-props | Object | - | 与 navigator 原生组件属性保持一致，具体使用参考：[微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html)。使用时请将形如 `open-type` 风格的属性名改为 `openType` 风格 | N prefix-icon | String / Object / Slot | - | 前置图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N size | String | medium | 尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N status | String | normal | 已废弃。组件状态。可选项：normal/active/disabled | N diff --git a/packages/products/tdesign-miniprogram/src/link/props.ts b/packages/products/tdesign-miniprogram/src/link/props.ts new file mode 100644 index 000000000..848d14019 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/link/props.ts @@ -0,0 +1,50 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdLinkProps } from './type'; +const props: TdLinkProps = { + /** 链接内容 */ + content: { + type: String, + }, + /** 是否为禁用态 */ + disabled: { + type: Boolean, + value: false, + }, + /** 是否开启点击反馈 */ + hover: { + type: Boolean, + }, + /** 与 navigator 原生组件属性保持一致，具体使用参考：[微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html)。使用时请将形如 `open-type` 风格的属性名改为 `openType` 风格 */ + navigatorProps: { + type: Object, + }, + /** 前置图标 */ + prefixIcon: { + type: null, + }, + /** 尺寸 */ + size: { + type: String, + value: 'medium', + }, + /** 后置图标 */ + suffixIcon: { + type: null, + }, + /** 组件风格，依次为默认色、品牌色、危险色、警告色、成功色 */ + theme: { + type: String, + value: 'default', + }, + /** 是否显示链接下划线 */ + underline: { + type: Boolean, + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/link/type.ts b/packages/products/tdesign-miniprogram/src/link/type.ts new file mode 100644 index 000000000..855b2f40f --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/link/type.ts @@ -0,0 +1,76 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { SizeEnum } from '../common/common'; + +export interface TdLinkProps { + /** + * 链接内容 + */ + content?: { + type: StringConstructor; + value?: string; + }; + /** + * 是否为禁用态 + * @default false + */ + disabled?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 是否开启点击反馈 + */ + hover?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 与 navigator 原生组件属性保持一致，具体使用参考：[微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html)。使用时请将形如 `open-type` 风格的属性名改为 `openType` 风格 + */ + navigatorProps?: { + type: ObjectConstructor; + value?: object; + }; + /** + * 前置图标 + */ + prefixIcon?: { + type: null; + value?: string | object; + }; + /** + * 尺寸 + * @default medium + */ + size?: { + type: StringConstructor; + value?: SizeEnum; + }; + /** + * 后置图标 + */ + suffixIcon?: { + type: null; + value?: string | object; + }; + /** + * 组件风格，依次为默认色、品牌色、危险色、警告色、成功色 + * @default default + */ + theme?: { + type: StringConstructor; + value?: 'default' | 'primary' | 'danger' | 'warning' | 'success'; + }; + /** + * 是否显示链接下划线 + */ + underline?: { + type: BooleanConstructor; + value?: boolean; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/message/README.en-US.md b/packages/products/tdesign-miniprogram/src/message/README.en-US.md index 9c56bf764..f66d211d1 100644 --- a/packages/products/tdesign-miniprogram/src/message/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/message/README.en-US.md @@ -8,15 +8,17 @@ 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 -action | String / Slot | - | operation。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +action | String / Slot | - | `deprecated`。operation。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N align | String | left | options: left/center。Typescript：`MessageAlignType` `type MessageAlignType = 'left' \| 'center'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N close-btn | String / Boolean / Object / Slot | false | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N content | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N duration | Number | 3000 | \- | N +gap | String / Number / Boolean | 12 | \- | N icon | String / Boolean / Object / Slot | true | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N link | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N marquee | Boolean / Object | false | Typescript：`boolean \| MessageMarquee` `interface MessageMarquee { speed?: number; loop?: number; delay?: number }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N offset | Array | - | Typescript：`Array` | N +single | Boolean | true | \- | N theme | String | info | options: info/success/warning/error。Typescript：`MessageThemeList` `type MessageThemeList = 'info' \| 'success' \| 'warning' \| 'error'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N visible | Boolean | false | \- | N default-visible | Boolean | undefined | uncontrolled property | N diff --git a/packages/products/tdesign-miniprogram/src/message/README.md b/packages/products/tdesign-miniprogram/src/message/README.md index aecd0ca37..64ac53835 100644 --- a/packages/products/tdesign-miniprogram/src/message/README.md +++ b/packages/products/tdesign-miniprogram/src/message/README.md @@ -13,10 +13,12 @@ align | String | left | 文本对齐方式。可选项：left/center。TS 类型 close-btn | String / Boolean / Object / Slot | false | 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string ，如：'user'，则显示组件内置图标。值类型为 object ，则会透传至 icon 组件。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N content | String / Slot | - | 用于自定义消息弹出内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N duration | Number | 3000 | 消息内置计时器，计时到达时会触发 duration-end 事件。单位：毫秒。值为 0 则表示没有计时器。 | N +gap | String / Number / Boolean | 12 | 两条 `message` 之间的间距 | N icon | String / Boolean / Object / Slot | true | 消息提醒前面的图标，可以自定义。值为 true 则根据 theme 显示对应的图标，值为 false 则不显示图标。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string ，如：'info'，则显示组件内置图标。值类型为 object ，则会透传至 icon 组件。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N link | String / Object / Slot | - | 链接名称。值为字符串表示链接名称，值为 `Object` 类型，表示透传至 `Link`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N marquee | Boolean / Object | false | 跑马灯效果。speed 指速度控制；loop 指循环播放次数，值为 -1 表示循环播放，值为 0 表示不循环播放；delay 表示延迟多久开始播放。TS 类型：`boolean \| MessageMarquee` `interface MessageMarquee { speed?: number; loop?: number; delay?: number }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N offset | Array | - | 相对于 placement 的偏移量，默认单位 rpx。示例：[-10, 20] 或 ['10rpx', '8rpx']。TS 类型：`Array` | N +single | Boolean | true | 是否保持仅显示一条信息 | N theme | String | info | 消息组件风格。可选项：info/success/warning/error。TS 类型：`MessageThemeList` `type MessageThemeList = 'info' \| 'success' \| 'warning' \| 'error'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N visible | Boolean | false | 是否显示，隐藏时默认销毁组件 | N default-visible | Boolean | undefined | 是否显示，隐藏时默认销毁组件。非受控属性 | N diff --git a/packages/products/tdesign-miniprogram/src/message/props.ts b/packages/products/tdesign-miniprogram/src/message/props.ts index 37013459c..0d4ac0950 100644 --- a/packages/products/tdesign-miniprogram/src/message/props.ts +++ b/packages/products/tdesign-miniprogram/src/message/props.ts @@ -6,10 +6,6 @@ import { TdMessageProps } from './type'; const props: TdMessageProps = { - /** 已废弃。操作 */ - action: { - type: String, - }, /** 文本对齐方式 */ align: { type: String, @@ -29,9 +25,10 @@ const props: TdMessageProps = { type: Number, value: 3000, }, - /** 样式类名，分别用于设置 组件外层、消息内容、左侧图标、操作按钮、关闭按钮等元素类名 */ - externalClasses: { - type: Array, + /** 两条 `message` 之间的间距 */ + gap: { + type: null, + value: 12, }, /** 消息提醒前面的图标，可以自定义。值为 true 则根据 theme 显示对应的图标，值为 false 则不显示图标。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string ，如：'info'，则显示组件内置图标。值类型为 object ，则会透传至 icon 组件 */ icon: { @@ -51,10 +48,10 @@ const props: TdMessageProps = { offset: { type: Array, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', + /** 是否保持仅显示一条信息 */ + single: { + type: Boolean, + value: true, }, /** 消息组件风格 */ theme: { diff --git a/packages/products/tdesign-miniprogram/src/message/type.ts b/packages/products/tdesign-miniprogram/src/message/type.ts index 614a3e50a..84ca88743 100644 --- a/packages/products/tdesign-miniprogram/src/message/type.ts +++ b/packages/products/tdesign-miniprogram/src/message/type.ts @@ -5,13 +5,6 @@ * */ export interface TdMessageProps { - /** - * 已废弃。操作 - */ - action?: { - type: StringConstructor; - value?: string; - }; /** * 文本对齐方式 * @default left @@ -44,11 +37,12 @@ export interface TdMessageProps { value?: number; }; /** - * 样式类名，分别用于设置 组件外层、消息内容、左侧图标、操作按钮、关闭按钮等元素类名 + * 两条 `message` 之间的间距 + * @default 12 */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-content', 't-class-icon', 't-class-link', 't-class-close-btn']; + gap?: { + type: null; + value?: string | number | boolean; }; /** * 消息提醒前面的图标，可以自定义。值为 true 则根据 theme 显示对应的图标，值为 false 则不显示图标。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string ，如：'info'，则显示组件内置图标。值类型为 object ，则会透传至 icon 组件 @@ -81,12 +75,12 @@ export interface TdMessageProps { value?: Array; }; /** - * 自定义组件样式 - * @default '' + * 是否保持仅显示一条信息 + * @default true */ - style?: { - type: StringConstructor; - value?: string; + single?: { + type: BooleanConstructor; + value?: boolean; }; /** * 消息组件风格 diff --git a/packages/products/tdesign-miniprogram/src/notice-bar/README.en-US.md b/packages/products/tdesign-miniprogram/src/notice-bar/README.en-US.md index 30bd45a41..950c627f2 100644 --- a/packages/products/tdesign-miniprogram/src/notice-bar/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/notice-bar/README.en-US.md @@ -13,7 +13,7 @@ direction | String | horizontal | options: horizontal/vertical | N interval | Number | 2000 | \- | N marquee | Boolean / Object | false | Typescript：`boolean \| NoticeBarMarquee` `interface NoticeBarMarquee { speed?: number; loop?: number; delay?: number }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/notice-bar/type.ts) | N operation | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -prefix-icon | String / Boolean / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +prefix-icon | String / Boolean / Object / Slot | true | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N suffix-icon | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N theme | String | info | options: info/success/warning/error | N visible | Boolean | false | \- | N diff --git a/packages/products/tdesign-miniprogram/src/notice-bar/README.md b/packages/products/tdesign-miniprogram/src/notice-bar/README.md index df5062d43..75f30ebb3 100644 --- a/packages/products/tdesign-miniprogram/src/notice-bar/README.md +++ b/packages/products/tdesign-miniprogram/src/notice-bar/README.md @@ -13,7 +13,7 @@ direction | String | horizontal | 滚动方向。可选项：horizontal/vertical interval | Number | 2000 | 间隔时间【仅在 direction='vertical' 有效】 | N marquee | Boolean / Object | false | 跑马灯效果。speed 指速度控制；loop 指循环播放次数，值为 -1 表示循环播放，值为 0 表示不循环播放；delay 表示延迟多久开始播放【仅在 direction='horizontal' 有效】。TS 类型：`boolean \| NoticeBarMarquee` `interface NoticeBarMarquee { speed?: number; loop?: number; delay?: number }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/notice-bar/type.ts) | N operation | String / Slot | - | 右侧额外信息。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -prefix-icon | String / Boolean / Object / Slot | - | 前缀图标。值为字符串表示图标名称，值为 `false` 表示不显示前缀图标，值为 `Object` 类型，表示透传至 `icon`，不传表示使用主题图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +prefix-icon | String / Boolean / Object / Slot | true | 前缀图标。值为字符串表示图标名称，值为 `false` 表示不显示前缀图标，值为 `Object` 类型，表示透传至 `icon`，不传表示使用主题图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N suffix-icon | String / Object / Slot | - | 后缀图标。值为字符串表示图标名称。值为 `Object` 类型，表示透传至 `icon`，不传表示不显示后缀图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N theme | String | info | 内置主题。可选项：info/success/warning/error | N visible | Boolean | false | 显示/隐藏 | N diff --git a/packages/products/tdesign-miniprogram/src/notice-bar/props.ts b/packages/products/tdesign-miniprogram/src/notice-bar/props.ts index 6295c8d68..8fc240435 100644 --- a/packages/products/tdesign-miniprogram/src/notice-bar/props.ts +++ b/packages/products/tdesign-miniprogram/src/notice-bar/props.ts @@ -15,10 +15,6 @@ const props: TdNoticeBarProps = { type: String, value: 'horizontal', }, - /** 组件类名，分别用于设置 组件外层元素、文本内容、前缀图标、右侧额外信息、后缀图标 等元素类名 */ - externalClasses: { - type: Array, - }, /** 间隔时间【仅在 direction='vertical' 有效】 */ interval: { type: Number, @@ -36,11 +32,7 @@ const props: TdNoticeBarProps = { /** 前缀图标。值为字符串表示图标名称，值为 `false` 表示不显示前缀图标，值为 `Object` 类型，表示透传至 `icon`，不传表示使用主题图标 */ prefixIcon: { type: null, - }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', + value: true, }, /** 后缀图标。值为字符串表示图标名称。值为 `Object` 类型，表示透传至 `icon`，不传表示不显示后缀图标 */ suffixIcon: { diff --git a/packages/products/tdesign-miniprogram/src/notice-bar/type.ts b/packages/products/tdesign-miniprogram/src/notice-bar/type.ts index 7545dece8..5c9342126 100644 --- a/packages/products/tdesign-miniprogram/src/notice-bar/type.ts +++ b/packages/products/tdesign-miniprogram/src/notice-bar/type.ts @@ -20,13 +20,6 @@ export interface TdNoticeBarProps { type: StringConstructor; value?: 'horizontal' | 'vertical'; }; - /** - * 组件类名，分别用于设置 组件外层元素、文本内容、前缀图标、右侧额外信息、后缀图标 等元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-content', 't-class-prefix-icon', 't-class-operation', 't-class-suffix-icon']; - }; /** * 间隔时间【仅在 direction='vertical' 有效】 * @default 2000 @@ -52,19 +45,12 @@ export interface TdNoticeBarProps { }; /** * 前缀图标。值为字符串表示图标名称，值为 `false` 表示不显示前缀图标，值为 `Object` 类型，表示透传至 `icon`，不传表示使用主题图标 + * @default true */ prefixIcon?: { type: null; value?: string | boolean | object; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 后缀图标。值为字符串表示图标名称。值为 `Object` 类型，表示透传至 `icon`，不传表示不显示后缀图标 */ diff --git a/packages/products/tdesign-miniprogram/src/popup/README.en-US.md b/packages/products/tdesign-miniprogram/src/popup/README.en-US.md index 61bc7bc55..681963dc6 100644 --- a/packages/products/tdesign-miniprogram/src/popup/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/popup/README.en-US.md @@ -11,14 +11,14 @@ custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on v close-btn | Boolean / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N close-on-overlay-click | Boolean | true | \- | N content | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -default-visible | Boolean | - | Typescript：`boolean` | N duration | Number | 240 | \- | N overlay-props | Object | {} | Typescript：`OverlayProps`，[Overlay API Documents](./overlay?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/popup/type.ts) | N placement | String | top | options: top/left/right/bottom/center | N prevent-scroll-through | Boolean | true | \- | N show-overlay | Boolean | true | \- | N using-custom-navbar | Boolean | false | \- | N -visible | Boolean | false | Typescript：`boolean` | N +visible | Boolean | - | Typescript：`boolean` | N +default-visible | Boolean | undefined | uncontrolled property。Typescript：`boolean` | N z-index | Number | 11500 | \- | N ### Popup Events diff --git a/packages/products/tdesign-miniprogram/src/popup/README.md b/packages/products/tdesign-miniprogram/src/popup/README.md index fc7f0c3af..c5966faba 100644 --- a/packages/products/tdesign-miniprogram/src/popup/README.md +++ b/packages/products/tdesign-miniprogram/src/popup/README.md @@ -11,14 +11,14 @@ custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场 close-btn | Boolean / Slot | - | 关闭按钮，值类型为 Boolean 时表示是否显示关闭按钮。也可以自定义关闭按钮。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N close-on-overlay-click | Boolean | true | 点击遮罩层是否关闭 | N content | String / Slot | - | 浮层里面的内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -default-visible | Boolean | - | 是否显示浮层。非受控属性。TS 类型：`boolean` | N duration | Number | 240 | 动画过渡时间 | N overlay-props | Object | {} | 遮罩层的属性，透传至 overlay。TS 类型：`OverlayProps`，[Overlay API Documents](./overlay?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/popup/type.ts) | N placement | String | top | 浮层出现位置。可选项：top/left/right/bottom/center | N -prevent-scroll-through | Boolean | true | 防止滚动穿透 | N +prevent-scroll-through | Boolean | true | 是否阻止背景滚动 | N show-overlay | Boolean | true | 是否显示遮罩层 | N using-custom-navbar | Boolean | false | 是否使用了自定义导航栏 | N -visible | Boolean | false | 是否显示浮层。TS 类型：`boolean` | N +visible | Boolean | - | 是否显示浮层。TS 类型：`boolean` | N +default-visible | Boolean | undefined | 是否显示浮层。非受控属性。TS 类型：`boolean` | N z-index | Number | 11500 | 组件层级，Web 侧样式默认为 5500，移动端样式默认为 1500，小程序样式默认为11500 | N ### Popup Events diff --git a/packages/products/tdesign-miniprogram/src/popup/props.ts b/packages/products/tdesign-miniprogram/src/popup/props.ts index 8171347dd..c369dd416 100644 --- a/packages/products/tdesign-miniprogram/src/popup/props.ts +++ b/packages/products/tdesign-miniprogram/src/popup/props.ts @@ -19,15 +19,6 @@ const props: TdPopupProps = { content: { type: String, }, - /** 是否显示浮层。非受控属性 */ - defaultVisible: { - type: Boolean, - value: null, - }, - /** 是否显示浮层。非受控属性，非受控属性 */ - defaultDefaultVisible: { - type: Boolean, - }, /** 动画过渡时间 */ duration: { type: Number, @@ -47,7 +38,7 @@ const props: TdPopupProps = { type: String, value: 'top', }, - /** 防止滚动穿透 */ + /** 是否阻止背景滚动 */ preventScrollThrough: { type: Boolean, value: true, @@ -70,7 +61,6 @@ const props: TdPopupProps = { /** 是否显示浮层，非受控属性 */ defaultVisible: { type: Boolean, - value: false, }, /** 组件层级，Web 侧样式默认为 5500，移动端样式默认为 1500，小程序样式默认为11500 */ zIndex: { diff --git a/packages/products/tdesign-miniprogram/src/popup/type.ts b/packages/products/tdesign-miniprogram/src/popup/type.ts index 41e7d2aa0..f0cf384f4 100644 --- a/packages/products/tdesign-miniprogram/src/popup/type.ts +++ b/packages/products/tdesign-miniprogram/src/popup/type.ts @@ -29,20 +29,6 @@ export interface TdPopupProps { type: StringConstructor; value?: string; }; - /** - * 是否显示浮层。非受控属性 - */ - defaultVisible?: { - type: BooleanConstructor; - value?: boolean; - }; - /** - * 是否显示浮层。非受控属性，非受控属性 - */ - defaultDefaultVisible?: { - type: BooleanConstructor; - value?: boolean; - }; /** * 动画过渡时间 * @default 240 @@ -75,7 +61,7 @@ export interface TdPopupProps { value?: 'top' | 'left' | 'right' | 'bottom' | 'center'; }; /** - * 防止滚动穿透 + * 是否阻止背景滚动 * @default true */ preventScrollThrough?: { @@ -100,7 +86,6 @@ export interface TdPopupProps { }; /** * 是否显示浮层 - * @default false */ visible?: { type: BooleanConstructor; @@ -108,7 +93,6 @@ export interface TdPopupProps { }; /** * 是否显示浮层，非受控属性 - * @default false */ defaultVisible?: { type: BooleanConstructor; diff --git a/packages/products/tdesign-miniprogram/src/radio-group/props.ts b/packages/products/tdesign-miniprogram/src/radio-group/props.ts index e615bbd45..107f6edb7 100644 --- a/packages/products/tdesign-miniprogram/src/radio-group/props.ts +++ b/packages/products/tdesign-miniprogram/src/radio-group/props.ts @@ -6,20 +6,24 @@ import { TdRadioGroupProps } from './type'; const props: TdRadioGroupProps = { - /** 复选框和内容相对位置；仅在使用 options 时生效 */ - align: { - type: String, - value: 'left', + /** 是否开启无边框模式 */ + borderless: { + type: Boolean, + value: false, }, /** 是否禁用全部子单选框 */ disabled: { - type: Boolean, + type: null, value: undefined, }, - /** 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。值为 fill-circle 表示图标为填充型图标，值为 stroke-line 表示图标为描边型图标；仅在使用 options 时生效 */ + /** 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标；仅在使用 options 时生效 */ icon: { type: null, - value: 'fill-circle', + value: 'circle', + }, + /** 用来定义 value / label 在 `options` 中对应的字段别名 */ + keys: { + type: Object, }, /** HTML 元素原生属性 */ name: { @@ -30,10 +34,10 @@ const props: TdRadioGroupProps = { options: { type: Array, }, - /** 自定义组件样式 */ - style: { + /** 复选框和内容相对位置 */ + placement: { type: String, - value: '', + value: 'left', }, /** 选中的值 */ value: { diff --git a/packages/products/tdesign-miniprogram/src/radio-group/type.ts b/packages/products/tdesign-miniprogram/src/radio-group/type.ts index 72772ef8a..8f9987377 100644 --- a/packages/products/tdesign-miniprogram/src/radio-group/type.ts +++ b/packages/products/tdesign-miniprogram/src/radio-group/type.ts @@ -4,14 +4,16 @@ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC * */ +import { KeysType } from '../common/common'; + export interface TdRadioGroupProps { /** - * 复选框和内容相对位置；仅在使用 options 时生效 - * @default left + * 是否开启无边框模式 + * @default false */ - align?: { - type: StringConstructor; - value?: string; + borderless?: { + type: BooleanConstructor; + value?: boolean; }; /** * 是否禁用全部子单选框 @@ -21,12 +23,19 @@ export interface TdRadioGroupProps { value?: boolean; }; /** - * 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。值为 fill-circle 表示图标为填充型图标，值为 stroke-line 表示图标为描边型图标；仅在使用 options 时生效 - * @default 'fill-circle' + * 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标；仅在使用 options 时生效 + * @default 'circle' */ icon?: { type: null; - value?: string | array; + value?: 'circle' | 'line' | 'dot' | Array; + }; + /** + * 用来定义 value / label 在 `options` 中对应的字段别名 + */ + keys?: { + type: ObjectConstructor; + value?: KeysType; }; /** * HTML 元素原生属性 @@ -44,12 +53,12 @@ export interface TdRadioGroupProps { value?: Array; }; /** - * 自定义组件样式 - * @default '' + * 复选框和内容相对位置 + * @default left */ - style?: { + placement?: { type: StringConstructor; - value?: string; + value?: 'left' | 'right'; }; /** * 选中的值 @@ -72,5 +81,9 @@ export type RadioOption = string | number | RadioOptionObj; export interface RadioOptionObj { label?: string; value?: string | number; + readonly?: boolean; disabled?: boolean; + allowUncheck?: boolean; } + +export type RadioValue = string | number | boolean; diff --git a/packages/products/tdesign-miniprogram/src/radio/README.en-US.md b/packages/products/tdesign-miniprogram/src/radio/README.en-US.md index 18e801575..a26654134 100644 --- a/packages/products/tdesign-miniprogram/src/radio/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/radio/README.en-US.md @@ -22,7 +22,7 @@ max-label-row | Number | 3 | \- | N name | String | - | \- | N placement | String | left | options: left/right | N readonly | Boolean | false | \- | N -value | String / Number / Boolean | false | Typescript：`RadioValue` `type RadioValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio/type.ts) | N +value | String / Number / Boolean | false | Typescript：`T` `type RadioValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio/type.ts) | N ### Radio Events @@ -48,13 +48,13 @@ style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N borderless | Boolean | false | \- | N disabled | Boolean | undefined | \- | N -icon | String / Array | 'circle' | \- | N +icon | String / Array | 'circle' | Typescript：`'circle' \| 'line' \| 'dot' \| Array` | N keys | Object | - | Typescript：`KeysType`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N name | String | - | \- | N -options | Array | - | Typescript：`Array` `type RadioOption = string \| number \| RadioOptionObj` `interface RadioOptionObj { label?: string; value?: string \| number; disabled?: boolean }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N -placement | String | 'left' | options: left/right | N -value | String / Number / Boolean | false | Typescript：`RadioValue` | N -default-value | String / Number / Boolean | undefined | uncontrolled property。Typescript：`RadioValue` | N +options | Array | - | Typescript：`Array` `type RadioOption = string \| number \| RadioOptionObj` `interface RadioOptionObj { label?: string; value?: string \| number; readonly?: boolean; disabled?: boolean; allowUncheck?: boolean; }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N +placement | String | left | options: left/right | N +value | String / Number / Boolean | - | Typescript：`T` `type RadioValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N +default-value | String / Number / Boolean | undefined | uncontrolled property。Typescript：`T` `type RadioValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N ### RadioGroup Events diff --git a/packages/products/tdesign-miniprogram/src/radio/README.md b/packages/products/tdesign-miniprogram/src/radio/README.md index fb791d53a..7bc10370d 100644 --- a/packages/products/tdesign-miniprogram/src/radio/README.md +++ b/packages/products/tdesign-miniprogram/src/radio/README.md @@ -22,7 +22,7 @@ max-label-row | Number | 3 | 主文案最大行数限制 | N name | String | - | HTML 元素原生属性 | N placement | String | left | 复选框和内容相对位置。可选项：left/right | N readonly | Boolean | false | 只读状态 | N -value | String / Number / Boolean | false | 单选按钮的值。TS 类型：`RadioValue` `type RadioValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio/type.ts) | N +value | String / Number / Boolean | false | 单选按钮的值。TS 类型：`T` `type RadioValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio/type.ts) | N ### Radio Events @@ -51,10 +51,10 @@ disabled | Boolean | undefined | 是否禁用全部子单选框 | N icon | String / Array | 'circle' | 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标；仅在使用 options 时生效。TS 类型：`'circle' \| 'line' \| 'dot' \| Array` | N keys | Object | - | 用来定义 value / label 在 `options` 中对应的字段别名。TS 类型：`KeysType`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N name | String | - | HTML 元素原生属性 | N -options | Array | - | 单选组件按钮形式。RadioOption 数据类型为 string 或 number 时，表示 label 和 value 值相同。TS 类型：`Array` `type RadioOption = string \| number \| RadioOptionObj` `interface RadioOptionObj { label?: string; value?: string \| number; disabled?: boolean }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N -placement | String | 'left' | 复选框和内容相对位置；仅在使用 options 时生效。。可选项：left/right | N -value | String / Number / Boolean | false | 选中的值。TS 类型：`RadioValue` | N -default-value | String / Number / Boolean | undefined | 选中的值。非受控属性。TS 类型：`RadioValue` | N +options | Array | - | 单选组件按钮形式。RadioOption 数据类型为 string 或 number 时，表示 label 和 value 值相同。TS 类型：`Array` `type RadioOption = string \| number \| RadioOptionObj` `interface RadioOptionObj { label?: string; value?: string \| number; readonly?: boolean; disabled?: boolean; allowUncheck?: boolean; }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N +placement | String | left | 复选框和内容相对位置。可选项：left/right | N +value | String / Number / Boolean | - | 选中的值。TS 类型：`T` `type RadioValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N +default-value | String / Number / Boolean | undefined | 选中的值。非受控属性。TS 类型：`T` `type RadioValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/radio-group/type.ts) | N ### RadioGroup Events diff --git a/packages/products/tdesign-miniprogram/src/radio/props.ts b/packages/products/tdesign-miniprogram/src/radio/props.ts index 3cce63d3b..db0b07977 100644 --- a/packages/products/tdesign-miniprogram/src/radio/props.ts +++ b/packages/products/tdesign-miniprogram/src/radio/props.ts @@ -6,16 +6,16 @@ import { TdRadioProps } from './type'; const props: TdRadioProps = { - /** 复选框和内容相对位置 */ - align: { - type: String, - value: 'left', - }, /** 是否允许取消选中 */ allowUncheck: { type: Boolean, value: false, }, + /** 是否为块级元素 */ + block: { + type: Boolean, + value: true, + }, /** 是否选中 */ checked: { type: Boolean, @@ -26,11 +26,6 @@ const props: TdRadioProps = { type: Boolean, value: false, }, - /** 单选按钮颜色 */ - color: { - type: String, - value: '#0052d9', - }, /** 单选内容 */ content: { type: String, @@ -38,20 +33,17 @@ const props: TdRadioProps = { /** 是否禁用组件内容（content）触发选中 */ contentDisabled: { type: Boolean, + value: false, }, /** 是否为禁用态 */ disabled: { - type: Boolean, + type: null, value: undefined, }, - /** 组件类名，分别用于设置 组件外层、单选图标、主文案、内容 等元素类名 */ - externalClasses: { - type: Array, - }, - /** 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。值为 fill-circle 表示图标为填充型图标，值为 stroke-line 表示图标为描边型图标 */ + /** 自定义选中图标和非选中图标。使用 Array 时表示：`[选中态图标，非选中态图标]`。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标，值为 slot 时使用插槽 */ icon: { type: null, - value: 'fill-circle', + value: 'circle', }, /** 主文案 */ label: { @@ -72,10 +64,15 @@ const props: TdRadioProps = { type: String, value: '', }, - /** 自定义组件样式 */ - style: { + /** 复选框和内容相对位置 */ + placement: { type: String, - value: '', + value: 'left', + }, + /** 只读状态 */ + readonly: { + type: Boolean, + value: false, }, /** 单选按钮的值 */ value: { diff --git a/packages/products/tdesign-miniprogram/src/radio/type.ts b/packages/products/tdesign-miniprogram/src/radio/type.ts index b74dec758..b91d4f86c 100644 --- a/packages/products/tdesign-miniprogram/src/radio/type.ts +++ b/packages/products/tdesign-miniprogram/src/radio/type.ts @@ -5,14 +5,6 @@ * */ export interface TdRadioProps { - /** - * 复选框和内容相对位置 - * @default left - */ - align?: { - type: StringConstructor; - value?: 'left' | 'right'; - }; /** * 是否允许取消选中 * @default false @@ -21,6 +13,14 @@ export interface TdRadioProps { type: BooleanConstructor; value?: boolean; }; + /** + * 是否为块级元素 + * @default true + */ + block?: { + type: BooleanConstructor; + value?: boolean; + }; /** * 是否选中 * @default false @@ -37,14 +37,6 @@ export interface TdRadioProps { type: BooleanConstructor; value?: boolean; }; - /** - * 单选按钮颜色 - * @default #0052d9 - */ - color?: { - type: StringConstructor; - value?: string; - }; /** * 单选内容 */ @@ -54,6 +46,7 @@ export interface TdRadioProps { }; /** * 是否禁用组件内容（content）触发选中 + * @default false */ contentDisabled?: { type: BooleanConstructor; @@ -67,19 +60,12 @@ export interface TdRadioProps { value?: boolean; }; /** - * 组件类名，分别用于设置 组件外层、单选图标、主文案、内容 等元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-icon', 't-class-label', 't-class-content', 't-class-border']; - }; - /** - * 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。值为 fill-circle 表示图标为填充型图标，值为 stroke-line 表示图标为描边型图标 - * @default 'fill-circle' + * 自定义选中图标和非选中图标。使用 Array 时表示：`[选中态图标，非选中态图标]`。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标，值为 slot 时使用插槽 + * @default 'circle' */ icon?: { type: null; - value?: 'fill-circle' | 'stroke-line' | Array; + value?: 'circle' | 'line' | 'dot' | Array; }; /** * 主文案 @@ -113,12 +99,20 @@ export interface TdRadioProps { value?: string; }; /** - * 自定义组件样式 - * @default '' + * 复选框和内容相对位置 + * @default left */ - style?: { + placement?: { type: StringConstructor; - value?: string; + value?: 'left' | 'right'; + }; + /** + * 只读状态 + * @default false + */ + readonly?: { + type: BooleanConstructor; + value?: boolean; }; /** * 单选按钮的值 diff --git a/packages/products/tdesign-miniprogram/src/search/README.md b/packages/products/tdesign-miniprogram/src/search/README.md index 0a8951571..906082815 100644 --- a/packages/products/tdesign-miniprogram/src/search/README.md +++ b/packages/products/tdesign-miniprogram/src/search/README.md @@ -21,7 +21,7 @@ disabled | Boolean | false | 是否禁用 | N focus | Boolean | false | 是否聚焦 | N hold-keyboard | Boolean | false | focus时，点击页面的时候不收起键盘 | N label | String | '' | 已废弃。左侧文本 | N -left-icon | String / Slot | 'search' | 左侧图标。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +left-icon | String / Slot | 'search' | 左侧图标。如果需要使用 `Slot` 进行自定义，必须将该值设置为假值。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 | N maxlength | Number | -1 | 用户最多可以输入的文本长度，一个中文等于一个计数长度。默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 | N placeholder | String | '' | 占位符 | N diff --git a/packages/products/tdesign-miniprogram/src/search/props.ts b/packages/products/tdesign-miniprogram/src/search/props.ts index 870e1cdec..a74326527 100644 --- a/packages/products/tdesign-miniprogram/src/search/props.ts +++ b/packages/products/tdesign-miniprogram/src/search/props.ts @@ -6,17 +6,18 @@ import { TdSearchProps } from './type'; const props: TdSearchProps = { - /** 用于自定义搜索框右侧内容，如：“取消” */ + /** 自定义右侧操作按钮文字 */ action: { type: String, value: '', }, - /** 【开发中】联想词列表，如果不存在或长度为 0 则不显示联想框。可以使用函数 `label` 自定义联想词为任意内容；也可使用插槽 `option` 定义联想词内容，插槽参数为 `{ option: AutocompleteOption; index: number }`。如果 `group` 值为 `true` 则表示当前项为分组标题 */ - autocompleteOptions: { - type: Array, + /** 键盘弹起时，是否自动上推页面 */ + adjustPosition: { + type: Boolean, + value: true, }, - /** 是否默认聚焦 */ - autofocus: { + /** 强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效) */ + alwaysEmbed: { type: Boolean, value: false, }, @@ -25,47 +26,90 @@ const props: TdSearchProps = { type: Boolean, value: false, }, - /** 是否可清空 */ + /** 是否启用清除控件 */ clearable: { type: Boolean, value: true, }, - /** 禁用状态 */ - disabled: { + /** 点击键盘右下角按钮时是否保持键盘不收起 */ + confirmHold: { type: Boolean, + value: false, }, - /** 组件外部样式类名，分别用于设置组件外层类名、输入框类名、输入框容器类名、右侧 cancel 文本类名、左侧图标类名、右侧图标类型 */ - externalClasses: { - type: Array, + /** 设置键盘右下角按钮的文字，仅在type='text'时生效。
具体释义：
`send` 右下角按钮为“发送”；
`search` 右下角按钮为“搜索”；
`next` 右下角按钮为“下一个”；
`go` 右下角按钮为“前往”；
`done` 右下角按钮为“完成”。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/input.html) */ + confirmType: { + type: String, + value: 'search', + }, + /** 指定 focus 时的光标位置 */ + cursor: { + type: Number, + required: true, }, - /** 自定义过滤方法，用于对现有数据进行搜索过滤，判断是否过滤某一项数据。其中参数 `keyword` 指当前的搜索词，参数 `option` 指每一项联想词，函数返回 true 则显示当前联想词，函数返回 `false` 则隐藏当前联想词 */ - filter: { - type: null, + /** 搜索框聚焦时底部与键盘的距离 */ + cursorSpacing: { + type: Number, + value: 0, }, - /** 是否聚焦，同小程序官方属性 */ + /** 是否禁用 */ + disabled: { + type: Boolean, + value: false, + }, + /** 是否聚焦 */ focus: { type: Boolean, value: false, }, - /** 搜索框内部左侧内容，位于 `prefixIcon` 左侧 */ - label: { + /** focus时，点击页面的时候不收起键盘 */ + holdKeyboard: { + type: Boolean, + value: false, + }, + /** 左侧图标。如果需要使用 `Slot` 进行自定义，必须将该值设置为假值 */ + leftIcon: { type: String, - value: '', + value: 'search', + }, + /** 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 */ + maxcharacter: { + type: Number, + }, + /** 用户最多可以输入的文本长度，一个中文等于一个计数长度。默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 */ + maxlength: { + type: Number, + value: -1, }, /** 占位符 */ placeholder: { type: String, value: '', }, - /** 前置图标，默认为搜索图标。值为 `null` 时则不显示 */ - prefixIcon: { + /** 指定 placeholder 的样式类 */ + placeholderClass: { type: String, - value: 'search', + value: 'input-placeholder', }, - /** 只读状态 */ - readonly: { - type: Boolean, - value: false, + /** 指定 placeholder 的样式 */ + placeholderStyle: { + type: String, + value: '', + required: true, + }, + /** 预览结果列表 */ + resultList: { + type: Array, + value: [], + }, + /** 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 */ + selectionEnd: { + type: Number, + value: -1, + }, + /** 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 */ + selectionStart: { + type: Number, + value: -1, }, /** 搜索框形状 */ shape: { @@ -77,22 +121,13 @@ const props: TdSearchProps = { type: String, value: '', }, - /** 搜索框内部右侧内容，位于 `suffixIcon` 右侧 */ - suffix: { - type: String, - value: '', - }, - /** 后置图标 */ - suffixIcon: { + /** 拉起键盘的类型 */ + type: { type: String, + value: 'text', }, - /** 值，搜索关键词 */ + /** 值 */ value: { - type: String, - value: null, - }, - /** 值，搜索关键词，非受控属性 */ - defaultValue: { type: String, value: '', }, diff --git a/packages/products/tdesign-miniprogram/src/search/type.ts b/packages/products/tdesign-miniprogram/src/search/type.ts index 6665e1f5f..1238f4d05 100644 --- a/packages/products/tdesign-miniprogram/src/search/type.ts +++ b/packages/products/tdesign-miniprogram/src/search/type.ts @@ -6,7 +6,7 @@ export interface TdSearchProps { /** - * 用于自定义搜索框右侧内容，如：“取消” + * 自定义右侧操作按钮文字 * @default '' */ action?: { @@ -14,17 +14,18 @@ export interface TdSearchProps { value?: string; }; /** - * 【开发中】联想词列表，如果不存在或长度为 0 则不显示联想框。可以使用函数 `label` 自定义联想词为任意内容；也可使用插槽 `option` 定义联想词内容，插槽参数为 `{ option: AutocompleteOption; index: number }`。如果 `group` 值为 `true` 则表示当前项为分组标题 + * 键盘弹起时，是否自动上推页面 + * @default true */ - autocompleteOptions?: { - type: ArrayConstructor; - value?: Array; + adjustPosition?: { + type: BooleanConstructor; + value?: boolean; }; /** - * 是否默认聚焦 + * 强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效) * @default false */ - autofocus?: { + alwaysEmbed?: { type: BooleanConstructor; value?: boolean; }; @@ -37,7 +38,7 @@ export interface TdSearchProps { value?: boolean; }; /** - * 是否可清空 + * 是否启用清除控件 * @default true */ clearable?: { @@ -45,28 +46,47 @@ export interface TdSearchProps { value?: boolean; }; /** - * 禁用状态 + * 点击键盘右下角按钮时是否保持键盘不收起 + * @default false */ - disabled?: { + confirmHold?: { type: BooleanConstructor; value?: boolean; }; /** - * 组件外部样式类名，分别用于设置组件外层类名、输入框类名、输入框容器类名、右侧 cancel 文本类名、左侧图标类名、右侧图标类型 + * 设置键盘右下角按钮的文字，仅在type='text'时生效。
具体释义：
`send` 右下角按钮为“发送”；
`search` 右下角按钮为“搜索”；
`next` 右下角按钮为“下一个”；
`go` 右下角按钮为“前往”；
`done` 右下角按钮为“完成”。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/input.html) + * @default search */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-input', 't-class-input-container', 't-class-cancel', 't-class-left', 't-class-right']; + confirmType?: { + type: StringConstructor; + value?: 'send' | 'search' | 'next' | 'go' | 'done'; }; /** - * 自定义过滤方法，用于对现有数据进行搜索过滤，判断是否过滤某一项数据。其中参数 `keyword` 指当前的搜索词，参数 `option` 指每一项联想词，函数返回 true 则显示当前联想词，函数返回 `false` 则隐藏当前联想词 + * 指定 focus 时的光标位置 */ - filter?: { - type: undefined; - value?: (keyword: string, option: any) => boolean | Promise; + cursor: { + type: NumberConstructor; + value?: number; + required?: boolean; + }; + /** + * 搜索框聚焦时底部与键盘的距离 + * @default 0 + */ + cursorSpacing?: { + type: NumberConstructor; + value?: number; + }; + /** + * 是否禁用 + * @default false + */ + disabled?: { + type: BooleanConstructor; + value?: boolean; }; /** - * 是否聚焦，同小程序官方属性 + * 是否聚焦 * @default false */ focus?: { @@ -74,13 +94,36 @@ export interface TdSearchProps { value?: boolean; }; /** - * 搜索框内部左侧内容，位于 `prefixIcon` 左侧 - * @default '' + * focus时，点击页面的时候不收起键盘 + * @default false + */ + holdKeyboard?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 左侧图标。如果需要使用 `Slot` 进行自定义，必须将该值设置为假值 + * @default 'search' */ - label?: { + leftIcon?: { type: StringConstructor; value?: string; }; + /** + * 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 + */ + maxcharacter?: { + type: NumberConstructor; + value?: number; + }; + /** + * 用户最多可以输入的文本长度，一个中文等于一个计数长度。默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 + * @default -1 + */ + maxlength?: { + type: NumberConstructor; + value?: number; + }; /** * 占位符 * @default '' @@ -90,20 +133,45 @@ export interface TdSearchProps { value?: string; }; /** - * 前置图标，默认为搜索图标。值为 `null` 时则不显示 - * @default 'search' + * 指定 placeholder 的样式类 + * @default input-placeholder */ - prefixIcon?: { + placeholderClass?: { type: StringConstructor; value?: string; }; /** - * 只读状态 - * @default false + * 指定 placeholder 的样式 + * @default '' */ - readonly?: { - type: BooleanConstructor; - value?: boolean; + placeholderStyle: { + type: StringConstructor; + value?: string; + required?: boolean; + }; + /** + * 预览结果列表 + * @default [] + */ + resultList?: { + type: ArrayConstructor; + value?: Array; + }; + /** + * 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 + * @default -1 + */ + selectionEnd?: { + type: NumberConstructor; + value?: number; + }; + /** + * 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 + * @default -1 + */ + selectionStart?: { + type: NumberConstructor; + value?: number; }; /** * 搜索框形状 @@ -122,36 +190,19 @@ export interface TdSearchProps { value?: string; }; /** - * 搜索框内部右侧内容，位于 `suffixIcon` 右侧 - * @default '' - */ - suffix?: { - type: StringConstructor; - value?: string; - }; - /** - * 后置图标 + * 拉起键盘的类型 + * @default 'text' */ - suffixIcon?: { + type?: { type: StringConstructor; - value?: string; + value?: 'text' | 'number' | 'idcard' | 'digit' | 'nickname'; }; /** - * 值，搜索关键词 + * 值 * @default '' */ value?: { type: StringConstructor; value?: string; }; - /** - * 值，搜索关键词，非受控属性 - * @default '' - */ - defaultValue?: { - type: StringConstructor; - value?: string; - }; } - -export type AutocompleteOption = string | { label: string; group?: boolean }; diff --git a/packages/products/tdesign-miniprogram/src/side-bar-item/props.ts b/packages/products/tdesign-miniprogram/src/side-bar-item/props.ts new file mode 100644 index 000000000..b9b15e92f --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/side-bar-item/props.ts @@ -0,0 +1,33 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdSideBarItemProps } from './type'; +const props: TdSideBarItemProps = { + /** 透传至 Badge 组件 */ + badgeProps: { + type: Object, + }, + /** 是否禁用 */ + disabled: { + type: Boolean, + value: false, + }, + /** 图标，传对象则透传至 Icon */ + icon: { + type: null, + }, + /** 展示的标签 */ + label: { + type: String, + value: '', + }, + /** 当前选项的值 */ + value: { + type: null, + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/side-bar-item/type.ts b/packages/products/tdesign-miniprogram/src/side-bar-item/type.ts new file mode 100644 index 000000000..6e684eddc --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/side-bar-item/type.ts @@ -0,0 +1,47 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { BadgeProps } from '../badge/index'; + +export interface TdSideBarItemProps { + /** + * 透传至 Badge 组件 + */ + badgeProps?: { + type: ObjectConstructor; + value?: BadgeProps; + }; + /** + * 是否禁用 + * @default false + */ + disabled?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 图标，传对象则透传至 Icon + */ + icon?: { + type: null; + value?: string | object; + }; + /** + * 展示的标签 + * @default '' + */ + label?: { + type: StringConstructor; + value?: string; + }; + /** + * 当前选项的值 + */ + value?: { + type: null; + value?: string | number; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/side-bar/README.en-US.md b/packages/products/tdesign-miniprogram/src/side-bar/README.en-US.md index 0f3451956..f1b14b223 100644 --- a/packages/products/tdesign-miniprogram/src/side-bar/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/side-bar/README.en-US.md @@ -25,7 +25,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 -badge-props | Object | - | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/side-bar/type.ts) | N +badge-props | Object | - | Typescript：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/side-bar-item/type.ts) | N disabled | Boolean | false | \- | N icon | String / Object | - | \- | N label | String | - | \- | N diff --git a/packages/products/tdesign-miniprogram/src/side-bar/README.md b/packages/products/tdesign-miniprogram/src/side-bar/README.md index 204e1d180..5fc62bba3 100644 --- a/packages/products/tdesign-miniprogram/src/side-bar/README.md +++ b/packages/products/tdesign-miniprogram/src/side-bar/README.md @@ -25,8 +25,8 @@ click | `(value: number \| string, label: string)` | 点击选项时触发 -- | -- | -- | -- | -- style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N -badge-props | Object | - | 透传至 Badge 组件。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/side-bar/type.ts) | N +badge-props | Object | - | 透传至 Badge 组件。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/side-bar-item/type.ts) | N disabled | Boolean | false | 是否禁用 | N -icon | String / Object | - | `1.0.0-rc.1`。图标，传对象则透传至 Icon | N +icon | String / Object | - | 图标，传对象则透传至 Icon | N label | String | - | 展示的标签 | N value | String / Number | - | 当前选项的值 | N diff --git a/packages/products/tdesign-miniprogram/src/side-bar/type.ts b/packages/products/tdesign-miniprogram/src/side-bar/type.ts index 09b589dbc..11b44b8e2 100644 --- a/packages/products/tdesign-miniprogram/src/side-bar/type.ts +++ b/packages/products/tdesign-miniprogram/src/side-bar/type.ts @@ -4,8 +4,6 @@ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC * */ -import { BadgeProps } from '../badge/index'; - export interface TdSideBarProps { /** * 选项值 @@ -22,43 +20,3 @@ export interface TdSideBarProps { value?: string | number; }; } - -export interface TdSideBarItemProps { - /** - * 透传至 Badge 组件 - */ - badgeProps?: { - type: ObjectConstructor; - value?: BadgeProps; - }; - /** - * 是否禁用 - * @default false - */ - disabled?: { - type: BooleanConstructor; - value?: boolean; - }; - /** - * `1.0.0-rc.1`。图标，传对象则透传至 Icon - */ - icon?: { - type: null; - value?: string | object; - }; - /** - * 展示的标签 - * @default '' - */ - label?: { - type: StringConstructor; - value?: string; - }; - /** - * 当前选项的值 - */ - value?: { - type: null; - value?: string | number; - }; -} diff --git a/packages/products/tdesign-miniprogram/src/skeleton/README.en-US.md b/packages/products/tdesign-miniprogram/src/skeleton/README.en-US.md index b0a30151a..16b43c570 100644 --- a/packages/products/tdesign-miniprogram/src/skeleton/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/skeleton/README.en-US.md @@ -11,7 +11,7 @@ custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on v animation | String | none | options: gradient/flashed/none | N delay | Number | 0 | \- | N loading | Boolean | true | \- | N -row-col | Array | [1, 1, 1, { width: '70%' }] | Typescript：`SkeletonRowCol` `type SkeletonRowCol = Array>` `interface SkeletonRowColObj { width?: string; size?: string;height?: string; marginRight?: string; marginLeft?: string; margin?: string; type?: 'rect' \| 'circle' \| 'text';}`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/skeleton/type.ts) | N +row-col | Array | - | Typescript：`SkeletonRowCol` `type SkeletonRowCol = Array>` `interface SkeletonRowColObj { width?: string; size?: string;height?: string; marginRight?: string; marginLeft?: string; margin?: string; type?: 'rect' \| 'circle' \| 'text';}`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/skeleton/type.ts) | N theme | String | text | options: avatar/image/text/paragraph | N ### Skeleton External Classes diff --git a/packages/products/tdesign-miniprogram/src/skeleton/README.md b/packages/products/tdesign-miniprogram/src/skeleton/README.md index e44cc0465..c9694c986 100644 --- a/packages/products/tdesign-miniprogram/src/skeleton/README.md +++ b/packages/products/tdesign-miniprogram/src/skeleton/README.md @@ -11,7 +11,7 @@ custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场 animation | String | none | 动画效果，有「渐变加载动画」和「闪烁加载动画」两种。值为 'none' 则表示没有动画。可选项：gradient/flashed/none | N delay | Number | 0 | 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒 | N loading | Boolean | true | 是否为加载状态，如果是则显示骨架图，如果不是则显示加载完成的内容 | N -row-col | Array | [1, 1, 1, { width: '70%' }] | 用于设置行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度和间距。TS 类型：`SkeletonRowCol` `type SkeletonRowCol = Array>` `interface SkeletonRowColObj { width?: string; size?: string;height?: string; marginRight?: string; marginLeft?: string; margin?: string; type?: 'rect' \| 'circle' \| 'text';}`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/skeleton/type.ts) | N +row-col | Array | - | 高级设置，用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、尺寸（圆形或方形使用）、间距、内容等。TS 类型：`SkeletonRowCol` `type SkeletonRowCol = Array>` `interface SkeletonRowColObj { width?: string; size?: string;height?: string; marginRight?: string; marginLeft?: string; margin?: string; type?: 'rect' \| 'circle' \| 'text';}`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/skeleton/type.ts) | N theme | String | text | 骨架图风格，有基础、头像组合等两大类。可选项：avatar/image/text/paragraph | N ### Skeleton External Classes diff --git a/packages/products/tdesign-miniprogram/src/skeleton/props.ts b/packages/products/tdesign-miniprogram/src/skeleton/props.ts index 1e9b8644f..0d2ddc83b 100644 --- a/packages/products/tdesign-miniprogram/src/skeleton/props.ts +++ b/packages/products/tdesign-miniprogram/src/skeleton/props.ts @@ -21,7 +21,7 @@ const props: TdSkeletonProps = { type: Boolean, value: true, }, - /** 用于设置行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度和间距 */ + /** 高级设置，用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、尺寸（圆形或方形使用）、间距、内容等 */ rowCol: { type: Array, }, diff --git a/packages/products/tdesign-miniprogram/src/skeleton/type.ts b/packages/products/tdesign-miniprogram/src/skeleton/type.ts index 00fbd6fa9..4d464a68d 100644 --- a/packages/products/tdesign-miniprogram/src/skeleton/type.ts +++ b/packages/products/tdesign-miniprogram/src/skeleton/type.ts @@ -30,7 +30,7 @@ export interface TdSkeletonProps { value?: boolean; }; /** - * 用于设置行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度和间距 + * 高级设置，用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、尺寸（圆形或方形使用）、间距、内容等 */ rowCol?: { type: ArrayConstructor; @@ -50,8 +50,8 @@ export type SkeletonRowCol = Array值为 true 显示默认文案；值为 false 不显示滑块当前值文本；
值为 `${value}%` 则表示组件会根据占位符渲染文案；
值类型为函数时，参数 `value` 标识滑块值，参数 `position=start` 表示范围滑块的起始值，参数 `position=end` 表示范围滑块的终点值 */ label: { type: null, @@ -50,11 +46,6 @@ const props: TdSliderProps = { type: Number, value: 1, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 滑块风格 */ theme: { type: String, diff --git a/packages/products/tdesign-miniprogram/src/slider/type.ts b/packages/products/tdesign-miniprogram/src/slider/type.ts index 608fec9c1..3b12a27be 100644 --- a/packages/products/tdesign-miniprogram/src/slider/type.ts +++ b/packages/products/tdesign-miniprogram/src/slider/type.ts @@ -12,13 +12,6 @@ export interface TdSliderProps { type: BooleanConstructor; value?: boolean; }; - /** - * 组件类名，分别用于设置 组件外层元素、滑道底部、滑道激活态、滑道禁用态、游标 等元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-bar', 't-class-bar-active', 't-class-bar-disabled', 't-class-cursor']; - }; /** * 滑块当前值文本。
值为 true 显示默认文案；值为 false 不显示滑块当前值文本；
值为 `${value}%` 则表示组件会根据占位符渲染文案；
值类型为函数时，参数 `value` 标识滑块值，参数 `position=start` 表示范围滑块的起始值，参数 `position=end` 表示范围滑块的终点值 * @default false @@ -75,14 +68,6 @@ export interface TdSliderProps { type: NumberConstructor; value?: number; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 滑块风格 * @default default diff --git a/packages/products/tdesign-miniprogram/src/step-item/props.ts b/packages/products/tdesign-miniprogram/src/step-item/props.ts new file mode 100644 index 000000000..6850a0b1f --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/step-item/props.ts @@ -0,0 +1,30 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdStepItemProps } from './type'; +const props: TdStepItemProps = { + /** 步骤描述 */ + content: { + type: String, + value: '', + }, + /** 图标。传入 slot 代表使用插槽，其他字符串代表使用内置图标 */ + icon: { + type: String, + }, + /** 当前步骤的状态：默认状态（未开始）、进行中状态、完成状态、错误状态 */ + status: { + type: String, + value: 'default', + }, + /** 标题 */ + title: { + type: String, + value: '', + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/step-item/type.ts b/packages/products/tdesign-miniprogram/src/step-item/type.ts new file mode 100644 index 000000000..1de063c98 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/step-item/type.ts @@ -0,0 +1,41 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +export interface TdStepItemProps { + /** + * 步骤描述 + * @default '' + */ + content?: { + type: StringConstructor; + value?: string; + }; + /** + * 图标。传入 slot 代表使用插槽，其他字符串代表使用内置图标 + */ + icon?: { + type: StringConstructor; + value?: string; + }; + /** + * 当前步骤的状态：默认状态（未开始）、进行中状态、完成状态、错误状态 + * @default default + */ + status?: { + type: StringConstructor; + value?: StepStatus; + }; + /** + * 标题 + * @default '' + */ + title?: { + type: StringConstructor; + value?: string; + }; +} + +export type StepStatus = 'default' | 'process' | 'finish' | 'error'; diff --git a/packages/products/tdesign-miniprogram/src/steps/props.ts b/packages/products/tdesign-miniprogram/src/steps/props.ts index d953cfe88..f092105cf 100644 --- a/packages/products/tdesign-miniprogram/src/steps/props.ts +++ b/packages/products/tdesign-miniprogram/src/steps/props.ts @@ -20,10 +20,6 @@ const props: TdStepsProps = { type: String, value: 'process', }, - /** 组件类名，用于设置组件外层元素元素类名 */ - externalClasses: { - type: Array, - }, /** 步骤条方向，有两种：横向和纵向 */ layout: { type: String, @@ -34,15 +30,10 @@ const props: TdStepsProps = { type: Boolean, value: false, }, - /** 步骤条分割符 */ - separator: { - type: String, - value: 'line', - }, - /** 自定义组件样式 */ - style: { + /** 步骤条顺序 */ + sequence: { type: String, - value: '', + value: 'positive', }, /** 步骤条风格 */ theme: { diff --git a/packages/products/tdesign-miniprogram/src/steps/type.ts b/packages/products/tdesign-miniprogram/src/steps/type.ts index bc706e664..5b787d923 100644 --- a/packages/products/tdesign-miniprogram/src/steps/type.ts +++ b/packages/products/tdesign-miniprogram/src/steps/type.ts @@ -27,13 +27,6 @@ export interface TdStepsProps { type: StringConstructor; value?: 'default' | 'process' | 'finish' | 'error'; }; - /** - * 组件类名，用于设置组件外层元素元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class']; - }; /** * 步骤条方向，有两种：横向和纵向 * @default horizontal @@ -51,20 +44,12 @@ export interface TdStepsProps { value?: boolean; }; /** - * 步骤条分割符 - * @default line - */ - separator?: { - type: StringConstructor; - value?: 'line' | 'dashed' | 'arrow'; - }; - /** - * 自定义组件样式 - * @default '' + * 步骤条顺序 + * @default positive */ - style?: { + sequence?: { type: StringConstructor; - value?: string; + value?: 'positive' | 'reverse'; }; /** * 步骤条风格 @@ -75,67 +60,3 @@ export interface TdStepsProps { value?: 'default' | 'dot'; }; } - -export interface TdStepItemProps { - /** - * 步骤描述 - * @default '' - */ - content?: { - type: StringConstructor; - value?: string; - }; - /** - * 组件类名，用于设置组件外层元素元素类名 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-content', 't-class-title', 't-class-description', 't-class-extra']; - }; - /** - * 图标。传入 slot 代表使用插槽，其他字符串代表使用内置图标 - */ - icon?: { - type: StringConstructor; - value?: string; - }; - /** - * 当前步骤的状态：默认状态（未开始）、进行中状态、完成状态、错误状态 - * @default default - */ - status?: { - type: StringConstructor; - value?: StepStatus; - }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; - /** - * 子步骤条，仅支持 layout = 'vertical' 时 - * @default [] - */ - subStepItems?: { - type: ArrayConstructor; - value?: SubStepItem[]; - }; - /** - * 标题 - * @default '' - */ - title?: { - type: StringConstructor; - value?: string; - }; -} - -export type StepStatus = 'default' | 'process' | 'finish' | 'error'; - -export interface SubStepItem { - status: StepStatus; - title: string; -} diff --git a/packages/products/tdesign-miniprogram/src/sticky/props.ts b/packages/products/tdesign-miniprogram/src/sticky/props.ts index ac8119f9d..a00df5d22 100644 --- a/packages/products/tdesign-miniprogram/src/sticky/props.ts +++ b/packages/products/tdesign-miniprogram/src/sticky/props.ts @@ -15,20 +15,11 @@ const props: TdStickyProps = { type: Boolean, value: false, }, - /** 根结点外部样式 */ - externalClasses: { - type: Array, - }, /** 吸顶时与顶部的距离，单位`px` */ offsetTop: { type: null, value: 0, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 吸顶时的 z-index */ zIndex: { type: Number, diff --git a/packages/products/tdesign-miniprogram/src/sticky/type.ts b/packages/products/tdesign-miniprogram/src/sticky/type.ts index 814f564f3..dabd4eb0e 100644 --- a/packages/products/tdesign-miniprogram/src/sticky/type.ts +++ b/packages/products/tdesign-miniprogram/src/sticky/type.ts @@ -20,13 +20,6 @@ export interface TdStickyProps { type: BooleanConstructor; value?: boolean; }; - /** - * 根结点外部样式 - */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class']; - }; /** * 吸顶时与顶部的距离，单位`px` * @default 0 @@ -35,14 +28,6 @@ export interface TdStickyProps { type: null; value?: string | number; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 吸顶时的 z-index * @default 99 diff --git a/packages/products/tdesign-miniprogram/src/switch/README.en-US.md b/packages/products/tdesign-miniprogram/src/switch/README.en-US.md index 1335441e1..490261b07 100644 --- a/packages/products/tdesign-miniprogram/src/switch/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/switch/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 custom-value | Array | [true, false] | Typescript：`Array` | N -disabled | Boolean | - | \- | N +disabled | Boolean | undefined | \- | N icon | Array | [] | `0.27.0`。Typescript：`string[]` | N label | Array | [] | `0.27.0`。Typescript：`string[]` | N loading | Boolean | false | `0.27.0` | N diff --git a/packages/products/tdesign-miniprogram/src/switch/README.md b/packages/products/tdesign-miniprogram/src/switch/README.md index 1eb626e09..af572a078 100644 --- a/packages/products/tdesign-miniprogram/src/switch/README.md +++ b/packages/products/tdesign-miniprogram/src/switch/README.md @@ -9,7 +9,7 @@ style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N custom-value | Array | [true, false] | 用于自定义开关的值，[打开时的值，关闭时的值]。默认为 [true, false]。示例：[1, 0]、['open', 'close']。TS 类型：`Array` | N -disabled | Boolean | - | 是否禁用组件 | N +disabled | Boolean | undefined | 是否禁用组件。优先级：Switch.disabled > Form.disabled | N icon | Array | [] | `0.27.0`。开关的图标；[打开时的图标，关闭时的图标]。TS 类型：`string[]` | N label | Array | [] | `0.27.0`。开关的标签；[打开时的标签，关闭时的标签]。TS 类型：`string[]` | N loading | Boolean | false | `0.27.0`。是否处于加载中状态 | N diff --git a/packages/products/tdesign-miniprogram/src/switch/props.ts b/packages/products/tdesign-miniprogram/src/switch/props.ts index e242feccc..b1b587ea9 100644 --- a/packages/products/tdesign-miniprogram/src/switch/props.ts +++ b/packages/products/tdesign-miniprogram/src/switch/props.ts @@ -11,9 +11,10 @@ const props: TdSwitchProps = { type: Array, value: [true, false], }, - /** 是否禁用组件 */ + /** 是否禁用组件。优先级：Switch.disabled > Form.disabled */ disabled: { - type: Boolean, + type: null, + value: undefined, }, /** 开关的图标；[打开时的图标，关闭时的图标] */ icon: { @@ -35,11 +36,6 @@ const props: TdSwitchProps = { type: String, value: 'medium', }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 开关值 */ value: { type: null, diff --git a/packages/products/tdesign-miniprogram/src/switch/type.ts b/packages/products/tdesign-miniprogram/src/switch/type.ts index ad0dbf82b..009f7c5c9 100644 --- a/packages/products/tdesign-miniprogram/src/switch/type.ts +++ b/packages/products/tdesign-miniprogram/src/switch/type.ts @@ -14,7 +14,7 @@ export interface TdSwitchProps { value?: Array; }; /** - * 是否禁用组件 + * 是否禁用组件。优先级：Switch.disabled > Form.disabled */ disabled?: { type: BooleanConstructor; @@ -52,14 +52,6 @@ export interface TdSwitchProps { type: StringConstructor; value?: 'small' | 'medium' | 'large'; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 开关值 * @default null diff --git a/packages/products/tdesign-miniprogram/src/tab-panel/props.ts b/packages/products/tdesign-miniprogram/src/tab-panel/props.ts new file mode 100644 index 000000000..612ad6f84 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/tab-panel/props.ts @@ -0,0 +1,42 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdTabPanelProps } from './type'; +const props: TdTabPanelProps = { + /** 透传至 Badge 组件 */ + badgeProps: { + type: Object, + }, + /** 【实现有误，暂不支持】选项卡内容隐藏时是否销毁 */ + destroyOnHide: { + type: Boolean, + value: true, + }, + /** 是否禁用当前选项卡 */ + disabled: { + type: Boolean, + value: false, + }, + /** `1.0.0-rc.1`。图标，传对象则透传至 Icon */ + icon: { + type: null, + }, + /** 选项卡名称 */ + label: { + type: String, + value: '', + }, + /** 用于自定义选项卡面板内容 */ + panel: { + type: String, + }, + /** 选项卡的值，唯一标识 */ + value: { + type: null, + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/tab-panel/type.ts b/packages/products/tdesign-miniprogram/src/tab-panel/type.ts new file mode 100644 index 000000000..dba3c1c5f --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/tab-panel/type.ts @@ -0,0 +1,62 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TabValue } from '../tabs/index'; + +export interface TdTabPanelProps { + /** + * 透传至 Badge 组件 + */ + badgeProps?: { + type: ObjectConstructor; + value?: object; + }; + /** + * 【实现有误，暂不支持】选项卡内容隐藏时是否销毁 + * @default true + */ + destroyOnHide?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 是否禁用当前选项卡 + * @default false + */ + disabled?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * `1.0.0-rc.1`。图标，传对象则透传至 Icon + */ + icon?: { + type: null; + value?: string | object; + }; + /** + * 选项卡名称 + * @default '' + */ + label?: { + type: StringConstructor; + value?: string; + }; + /** + * 用于自定义选项卡面板内容 + */ + panel?: { + type: StringConstructor; + value?: string; + }; + /** + * 选项卡的值，唯一标识 + */ + value?: { + type: null; + value?: TabValue; + }; +} diff --git a/packages/products/tdesign-miniprogram/src/tabs/README.en-US.md b/packages/products/tdesign-miniprogram/src/tabs/README.en-US.md index 4f15848b6..34d93e1a8 100644 --- a/packages/products/tdesign-miniprogram/src/tabs/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/tabs/README.en-US.md @@ -44,7 +44,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 -badge-props | Object | null | \- | N +badge-props | Object | - | \- | N destroy-on-hide | Boolean | true | \- | N disabled | Boolean | false | \- | N icon | String / Object | - | \- | N diff --git a/packages/products/tdesign-miniprogram/src/tabs/README.md b/packages/products/tdesign-miniprogram/src/tabs/README.md index 9d9ae2e86..92a2b82ee 100644 --- a/packages/products/tdesign-miniprogram/src/tabs/README.md +++ b/packages/products/tdesign-miniprogram/src/tabs/README.md @@ -44,7 +44,7 @@ t-class-track | 滚动条样式类 -- | -- | -- | -- | -- style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N -badge-props | Object | null | 透传至 Badge 组件 | N +badge-props | Object | - | 透传至 Badge 组件 | N destroy-on-hide | Boolean | true | 【实现有误，暂不支持】选项卡内容隐藏时是否销毁 | N disabled | Boolean | false | 是否禁用当前选项卡 | N icon | String / Object | - | `1.0.0-rc.1`。图标，传对象则透传至 Icon | N diff --git a/packages/products/tdesign-miniprogram/src/tabs/props.ts b/packages/products/tdesign-miniprogram/src/tabs/props.ts index b4efd0df8..183032b1e 100644 --- a/packages/products/tdesign-miniprogram/src/tabs/props.ts +++ b/packages/products/tdesign-miniprogram/src/tabs/props.ts @@ -6,7 +6,7 @@ import { TdTabsProps } from './type'; const props: TdTabsProps = { - /** 动画效果设置。其中 duration 表示动画时长 */ + /** 动画效果设置。其中 duration 表示动画时长。（单位：秒） */ animation: { type: Object, }, @@ -14,16 +14,21 @@ const props: TdTabsProps = { externalClasses: { type: Array, }, - /** 选项卡位置 */ - placement: { - type: String, - value: 'top', - }, /** 是否展示底部激活线条 */ showBottomLine: { type: Boolean, value: true, }, + /** 选项卡头部空间是否均分 */ + spaceEvenly: { + type: Boolean, + value: true, + }, + /** `1.1.10`。是否展示分割线 */ + split: { + type: Boolean, + value: true, + }, /** 是否开启粘性布局 */ sticky: { type: Boolean, @@ -33,16 +38,16 @@ const props: TdTabsProps = { stickyProps: { type: Object, }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 是否可以滑动切换 */ swipeable: { type: Boolean, value: true, }, + /** 标签的样式 */ + theme: { + type: String, + value: 'line', + }, /** 激活的选项卡值 */ value: { type: null, diff --git a/packages/products/tdesign-miniprogram/src/tabs/type.ts b/packages/products/tdesign-miniprogram/src/tabs/type.ts index 87e1359b7..af17c0fb9 100644 --- a/packages/products/tdesign-miniprogram/src/tabs/type.ts +++ b/packages/products/tdesign-miniprogram/src/tabs/type.ts @@ -8,7 +8,7 @@ import { StickyProps } from '../sticky/index'; export interface TdTabsProps { /** - * 动画效果设置。其中 duration 表示动画时长 + * 动画效果设置。其中 duration 表示动画时长。（单位：秒） */ animation?: { type: ObjectConstructor; @@ -22,18 +22,26 @@ export interface TdTabsProps { value?: ['t-class', 't-class-item', 't-class-active', 't-class-track']; }; /** - * 选项卡位置 - * @default top + * 是否展示底部激活线条 + * @default true */ - placement?: { - type: StringConstructor; - value?: 'left' | 'top'; + showBottomLine?: { + type: BooleanConstructor; + value?: boolean; }; /** - * 是否展示底部激活线条 + * 选项卡头部空间是否均分 * @default true */ - showBottomLine?: { + spaceEvenly?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * `1.1.10`。是否展示分割线 + * @default true + */ + split?: { type: BooleanConstructor; value?: boolean; }; @@ -52,14 +60,6 @@ export interface TdTabsProps { type: ObjectConstructor; value?: StickyProps; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 是否可以滑动切换 * @default true @@ -68,6 +68,14 @@ export interface TdTabsProps { type: BooleanConstructor; value?: boolean; }; + /** + * 标签的样式 + * @default line + */ + theme?: { + type: StringConstructor; + value?: 'line' | 'tag' | 'card'; + }; /** * 激活的选项卡值 */ @@ -84,55 +92,6 @@ export interface TdTabsProps { }; } -export interface TdTabPanelProps { - /** - * 选项卡内容隐藏时是否销毁 - * @default true - */ - destroyOnHide?: { - type: BooleanConstructor; - value?: boolean; - }; - /** - * 是否禁用当前选项卡 - * @default false - */ - disabled?: { - type: BooleanConstructor; - value?: boolean; - }; - /** - * 选项卡名称 - * @default '' - */ - label?: { - type: StringConstructor; - value?: string; - }; - /** - * 用于自定义选项卡面板内容 - */ - panel?: { - type: StringConstructor; - value?: string; - }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; - /** - * 选项卡的值，唯一标识 - */ - value?: { - type: null; - value?: TabValue; - }; -} - export type TabAnimation = { duration: number } & Record; export type TabValue = string | number; diff --git a/packages/products/tdesign-miniprogram/src/textarea/README.en-US.md b/packages/products/tdesign-miniprogram/src/textarea/README.en-US.md index 57cfe31b4..e976137ec 100644 --- a/packages/products/tdesign-miniprogram/src/textarea/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/textarea/README.en-US.md @@ -10,14 +10,14 @@ style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N adjust-position | Boolean | true | \- | N autofocus | Boolean | false | \- | N -autosize | Boolean / Object | false | \- | N +autosize | Boolean / Object | false | Typescript：`boolean \| { maxHeight?: number, minHeight?: number }` | N bordered | Boolean | false | \- | N confirm-hold | Boolean | false | \- | N confirm-type | String | return | options: return/send/search/next/go/done。Typescript：`'return' \| 'send' \| 'search' \| 'next' \| 'go' \| 'done'` | N cursor | Number | -1 | \- | N cursor-spacing | Number | 0 | \- | N disable-default-padding | Boolean | false | \- | N -disabled | Boolean | false | \- | N +disabled | Boolean | undefined | \- | N fixed | Boolean | false | \- | N focus | Boolean | false | \- | N hold-keyboard | Boolean | false | \- | N @@ -26,11 +26,12 @@ label | String / Slot | - | [see more ts definition](https://github.com/Tencent/ maxcharacter | Number | - | \- | N maxlength | Number | -1 | \- | N placeholder | String | undefined | \- | N -placeholder-style | String | '' | \- | N +placeholder-style | String | - | \- | N selection-end | Number | -1 | \- | N selection-start | Number | -1 | \- | N show-confirm-bar | Boolean | true | \- | N -value | String | null | \- | N +value | String / Number | - | Typescript：`TextareaValue` `type TextareaValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/textarea/type.ts) | N +default-value | String / Number | undefined | uncontrolled property。Typescript：`TextareaValue` `type TextareaValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/textarea/type.ts) | N ### Textarea Events diff --git a/packages/products/tdesign-miniprogram/src/textarea/README.md b/packages/products/tdesign-miniprogram/src/textarea/README.md index 757d6deac..3013742b0 100644 --- a/packages/products/tdesign-miniprogram/src/textarea/README.md +++ b/packages/products/tdesign-miniprogram/src/textarea/README.md @@ -10,27 +10,28 @@ style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N adjust-position | Boolean | true | 键盘弹起时，是否自动上推页面 | N autofocus | Boolean | false | 自动聚焦，拉起键盘 | N -autosize | Boolean / Object | false | 是否自动增高，值为 true 时，style.height 不生效。支持传入对象，如 { maxHeight: 120, minHeight: 20 } | N +autosize | Boolean / Object | false | 是否自动增高，值为 true 时，style.height 不生效。支持传入对象，如 { maxHeight: 120, minHeight: 20 }。TS 类型：`boolean \| { maxHeight?: number, minHeight?: number }` | N bordered | Boolean | false | 是否显示外边框 | N confirm-hold | Boolean | false | 点击键盘右下角按钮时是否保持键盘不收起点 | N confirm-type | String | return | 设置键盘右下角按钮的文字，仅在 type='text'时生效。可选项：return/send/search/next/go/done。TS 类型：`'return' \| 'send' \| 'search' \| 'next' \| 'go' \| 'done'` | N cursor | Number | -1 | 指定 focus 时的光标位置 | N cursor-spacing | Number | 0 | 指定光标与键盘的距离。取textarea距离底部的距离和cursor-spacing指定的距离的最小值作为光标与键盘的距离 | N disable-default-padding | Boolean | false | 是否去掉 iOS 下的默认内边距 | N -disabled | Boolean | false | 是否禁用文本框 | N +disabled | Boolean | undefined | 是否禁用文本框 | N fixed | Boolean | false | 如果 textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true | N focus | Boolean | false | 自动聚焦 | N hold-keyboard | Boolean | false | focus时，点击页面的时候不收起键盘 | N indicator | Boolean | false | 显示文本计数器，如 0/140。当 `maxlength < 0 && maxcharacter < 0` 成立时， indicator无效 | N label | String / Slot | - | 左侧文本。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度 | N -maxlength | Number | -1 | 用户最多可以输入的字符个数。默认为 -1，不限制输入长度 | N +maxlength | Number | -1 | 用户最多可以输入的字符个数，值为 -1 的时候不限制最大长度 | N placeholder | String | undefined | 占位符 | N -placeholder-style | String | '' | 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight | N +placeholder-style | String | - | 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight | N selection-end | Number | -1 | 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 | N selection-start | Number | -1 | 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 | N show-confirm-bar | Boolean | true | 是否显示键盘上方带有”完成“按钮那一栏 | N -value | String | null | 文本框值 | N +value | String / Number | - | 文本框值。TS 类型：`TextareaValue` `type TextareaValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/textarea/type.ts) | N +default-value | String / Number | undefined | 文本框值。非受控属性。TS 类型：`TextareaValue` `type TextareaValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/textarea/type.ts) | N ### Textarea Events diff --git a/packages/products/tdesign-miniprogram/src/textarea/props.ts b/packages/products/tdesign-miniprogram/src/textarea/props.ts index ef1e904d0..ac3f2b8e2 100644 --- a/packages/products/tdesign-miniprogram/src/textarea/props.ts +++ b/packages/products/tdesign-miniprogram/src/textarea/props.ts @@ -16,8 +16,13 @@ const props: TdTextareaProps = { type: Boolean, value: false, }, - /** 是否自动增高，值为 autosize 时，style.height 不生效 */ + /** 是否自动增高，值为 true 时，style.height 不生效。支持传入对象，如 { maxHeight: 120, minHeight: 20 } */ autosize: { + type: null, + value: false, + }, + /** 是否显示外边框 */ + bordered: { type: Boolean, value: false, }, @@ -29,22 +34,53 @@ const props: TdTextareaProps = { /** 设置键盘右下角按钮的文字，仅在 type='text'时生效 */ confirmType: { type: String, - value: 'done', + value: 'return', + }, + /** 指定 focus 时的光标位置 */ + cursor: { + type: Number, + value: -1, + }, + /** 指定光标与键盘的距离。取textarea距离底部的距离和cursor-spacing指定的距离的最小值作为光标与键盘的距离 */ + cursorSpacing: { + type: Number, + value: 0, + }, + /** 是否去掉 iOS 下的默认内边距 */ + disableDefaultPadding: { + type: Boolean, + value: false, }, /** 是否禁用文本框 */ disabled: { + type: null, + value: undefined, + }, + /** 如果 textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true */ + fixed: { type: Boolean, - value: false, + value: null, }, - /** 组件类名，分别用于表示组件外层元素、输入框、占位符、标签名等元素类名 */ - externalClasses: { - type: Array, + /** 如果 textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true，非受控属性 */ + defaultFixed: { + type: Boolean, + value: false, }, /** 自动聚焦 */ focus: { type: Boolean, value: false, }, + /** focus时，点击页面的时候不收起键盘 */ + holdKeyboard: { + type: Boolean, + value: false, + }, + /** 显示文本计数器，如 0/140。当 `maxlength < 0 && maxcharacter < 0` 成立时， indicator无效 */ + indicator: { + type: Boolean, + value: false, + }, /** 左侧文本 */ label: { type: String, @@ -53,29 +89,44 @@ const props: TdTextareaProps = { maxcharacter: { type: Number, }, - /** 用户最多可以输入的字符个数 */ + /** 用户最多可以输入的字符个数，值为 -1 的时候不限制最大长度 */ maxlength: { type: Number, + value: -1, }, /** 占位符 */ placeholder: { type: String, value: undefined, }, - /** 自定义组件样式 */ - style: { + /** 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight */ + placeholderStyle: { type: String, value: '', }, + /** 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 */ + selectionEnd: { + type: Number, + value: -1, + }, + /** 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 */ + selectionStart: { + type: Number, + value: -1, + }, + /** 是否显示键盘上方带有”完成“按钮那一栏 */ + showConfirmBar: { + type: Boolean, + value: true, + }, /** 文本框值 */ value: { - type: String, + type: null, value: null, }, /** 文本框值，非受控属性 */ defaultValue: { - type: String, - value: '', + type: null, }, }; diff --git a/packages/products/tdesign-miniprogram/src/textarea/type.ts b/packages/products/tdesign-miniprogram/src/textarea/type.ts index fc7e93bdc..59da49435 100644 --- a/packages/products/tdesign-miniprogram/src/textarea/type.ts +++ b/packages/products/tdesign-miniprogram/src/textarea/type.ts @@ -22,10 +22,18 @@ export interface TdTextareaProps { value?: boolean; }; /** - * 是否自动增高，值为 autosize 时，style.height 不生效 + * 是否自动增高，值为 true 时，style.height 不生效。支持传入对象，如 { maxHeight: 120, minHeight: 20 } * @default false */ autosize?: { + type: null; + value?: boolean | { maxHeight?: number; minHeight?: number }; + }; + /** + * 是否显示外边框 + * @default false + */ + bordered?: { type: BooleanConstructor; value?: boolean; }; @@ -39,26 +47,58 @@ export interface TdTextareaProps { }; /** * 设置键盘右下角按钮的文字，仅在 type='text'时生效 - * @default done + * @default return */ confirmType?: { type: StringConstructor; - value?: 'send' | 'search' | 'next' | 'go' | 'done'; + value?: 'return' | 'send' | 'search' | 'next' | 'go' | 'done'; }; /** - * 是否禁用文本框 + * 指定 focus 时的光标位置 + * @default -1 + */ + cursor?: { + type: NumberConstructor; + value?: number; + }; + /** + * 指定光标与键盘的距离。取textarea距离底部的距离和cursor-spacing指定的距离的最小值作为光标与键盘的距离 + * @default 0 + */ + cursorSpacing?: { + type: NumberConstructor; + value?: number; + }; + /** + * 是否去掉 iOS 下的默认内边距 * @default false */ + disableDefaultPadding?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 是否禁用文本框 + */ disabled?: { type: BooleanConstructor; value?: boolean; }; /** - * 组件类名，分别用于表示组件外层元素、输入框、占位符、标签名等元素类名 + * 如果 textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true + * @default false + */ + fixed?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 如果 textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true，非受控属性 + * @default false */ - externalClasses?: { - type: ArrayConstructor; - value?: ['t-class', 't-class-textarea', 't-class-placeholder', 't-class-name']; + defaultFixed?: { + type: BooleanConstructor; + value?: boolean; }; /** * 自动聚焦 @@ -68,6 +108,22 @@ export interface TdTextareaProps { type: BooleanConstructor; value?: boolean; }; + /** + * focus时，点击页面的时候不收起键盘 + * @default false + */ + holdKeyboard?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 显示文本计数器，如 0/140。当 `maxlength < 0 && maxcharacter < 0` 成立时， indicator无效 + * @default false + */ + indicator?: { + type: BooleanConstructor; + value?: boolean; + }; /** * 左侧文本 */ @@ -83,7 +139,8 @@ export interface TdTextareaProps { value?: number; }; /** - * 用户最多可以输入的字符个数 + * 用户最多可以输入的字符个数，值为 -1 的时候不限制最大长度 + * @default -1 */ maxlength?: { type: NumberConstructor; @@ -97,27 +154,51 @@ export interface TdTextareaProps { value?: string; }; /** - * 自定义组件样式 + * 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight * @default '' */ - style?: { + placeholderStyle?: { type: StringConstructor; value?: string; }; + /** + * 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 + * @default -1 + */ + selectionEnd?: { + type: NumberConstructor; + value?: number; + }; + /** + * 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 + * @default -1 + */ + selectionStart?: { + type: NumberConstructor; + value?: number; + }; + /** + * 是否显示键盘上方带有”完成“按钮那一栏 + * @default true + */ + showConfirmBar?: { + type: BooleanConstructor; + value?: boolean; + }; /** * 文本框值 - * @default '' */ value?: { - type: StringConstructor; - value?: string; + type: null; + value?: TextareaValue; }; /** * 文本框值，非受控属性 - * @default '' */ defaultValue?: { - type: StringConstructor; - value?: string; + type: null; + value?: TextareaValue; }; } + +export type TextareaValue = string | number; diff --git a/packages/products/tdesign-miniprogram/src/toast/README.en-US.md b/packages/products/tdesign-miniprogram/src/toast/README.en-US.md index 425270ed3..0e2041c89 100644 --- a/packages/products/tdesign-miniprogram/src/toast/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/toast/README.en-US.md @@ -12,7 +12,7 @@ direction | String | row | options: row/column | N duration | Number | 2000 | \- | N icon | String / Object / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N message | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -overlay-props | Object | {} | Typescript：`OverlayProps `，[Overlay API Documents](./overlay?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/toast/type.ts) | N +overlay-props | Object | - | Typescript：`OverlayProps `，[Overlay API Documents](./overlay?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/toast/type.ts) | N placement | String | middle | options: top/middle/bottom | N prevent-scroll-through | Boolean | false | \- | N show-overlay | Boolean | false | \- | N diff --git a/packages/products/tdesign-miniprogram/src/toast/README.md b/packages/products/tdesign-miniprogram/src/toast/README.md index bf8f00e84..63fd4c459 100644 --- a/packages/products/tdesign-miniprogram/src/toast/README.md +++ b/packages/products/tdesign-miniprogram/src/toast/README.md @@ -12,7 +12,7 @@ direction | String | row | 图标排列方式。可选项：row/column | N duration | Number | 2000 | 弹窗显示毫秒数 | N icon | String / Object / Slot | - | 自定义图标。传入对象则透传至 Icon 组件。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N message | String / Slot | - | 弹窗显示文字。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -overlay-props | Object | {} | 遮罩层属性，透传至 Overlay。TS 类型：`OverlayProps `，[Overlay API Documents](./overlay?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/toast/type.ts) | N +overlay-props | Object | - | 遮罩层属性，透传至 Overlay。TS 类型：`OverlayProps `，[Overlay API Documents](./overlay?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/toast/type.ts) | N placement | String | middle | 弹窗展示位置。可选项： top/middle/bottom | N prevent-scroll-through | Boolean | false | 防止滚动穿透，即不允许点击和滚动 | N show-overlay | Boolean | false | 是否显示遮罩层 | N diff --git a/packages/products/tdesign-miniprogram/src/toast/props.ts b/packages/products/tdesign-miniprogram/src/toast/props.ts index 0ca88e40f..783713979 100644 --- a/packages/products/tdesign-miniprogram/src/toast/props.ts +++ b/packages/products/tdesign-miniprogram/src/toast/props.ts @@ -27,7 +27,6 @@ const props: TdToastProps = { /** 遮罩层属性，透传至 Overlay */ overlayProps: { type: Object, - value: {}, }, /** 弹窗展示位置 */ placement: { diff --git a/packages/products/tdesign-miniprogram/src/toast/type.ts b/packages/products/tdesign-miniprogram/src/toast/type.ts index 73995c305..6bace569d 100644 --- a/packages/products/tdesign-miniprogram/src/toast/type.ts +++ b/packages/products/tdesign-miniprogram/src/toast/type.ts @@ -39,7 +39,6 @@ export interface TdToastProps { }; /** * 遮罩层属性，透传至 Overlay - * @default {} */ overlayProps?: { type: ObjectConstructor; diff --git a/packages/products/tdesign-miniprogram/src/transition/README.en-US.md b/packages/products/tdesign-miniprogram/src/transition/README.en-US.md index 6169b909e..b2bc73589 100644 --- a/packages/products/tdesign-miniprogram/src/transition/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/transition/README.en-US.md @@ -9,8 +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 appear | Boolean | false | \- | N -custom-class | String | '' | \- | N destory-on-hide | Boolean | false | \- | N durations | Number / Array | - | \- | N -name | String | 't-transition' | \- | N +name | String | t-transition | \- | N visible | Boolean | false | \- | N diff --git a/packages/products/tdesign-miniprogram/src/transition/README.md b/packages/products/tdesign-miniprogram/src/transition/README.md index 9cb793704..c0e98ccd4 100644 --- a/packages/products/tdesign-miniprogram/src/transition/README.md +++ b/packages/products/tdesign-miniprogram/src/transition/README.md @@ -9,8 +9,7 @@ style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N appear | Boolean | false | 首次出现是否展示动画 | N -custom-class | String | '' | 自定义容器类名 | N destory-on-hide | Boolean | false | 隐藏时是否销毁内容 | N durations | Number / Array | - | 指定过渡时间 | N -name | String | 't-transition' | 过渡类名 | N +name | String | t-transition | 过渡类名 | N visible | Boolean | false | 是否显示 | N diff --git a/packages/products/tdesign-miniprogram/src/transition/props.ts b/packages/products/tdesign-miniprogram/src/transition/props.ts index 78df2cc51..6f6697f38 100644 --- a/packages/products/tdesign-miniprogram/src/transition/props.ts +++ b/packages/products/tdesign-miniprogram/src/transition/props.ts @@ -11,11 +11,6 @@ const props: TdTransitionProps = { type: Boolean, value: false, }, - /** 自定义容器类名 */ - customClass: { - type: String, - value: '', - }, /** 隐藏时是否销毁内容 */ destoryOnHide: { type: Boolean, @@ -30,11 +25,6 @@ const props: TdTransitionProps = { type: String, value: 't-transition', }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', - }, /** 是否显示 */ visible: { type: Boolean, diff --git a/packages/products/tdesign-miniprogram/src/transition/type.ts b/packages/products/tdesign-miniprogram/src/transition/type.ts index ac5c7ae95..8e0b75f4e 100644 --- a/packages/products/tdesign-miniprogram/src/transition/type.ts +++ b/packages/products/tdesign-miniprogram/src/transition/type.ts @@ -13,14 +13,6 @@ export interface TdTransitionProps { type: BooleanConstructor; value?: boolean; }; - /** - * 自定义容器类名 - * @default '' - */ - customClass?: { - type: StringConstructor; - value?: string; - }; /** * 隐藏时是否销毁内容 * @default false @@ -38,20 +30,12 @@ export interface TdTransitionProps { }; /** * 过渡类名 - * @default 't-transition' + * @default t-transition */ name?: { type: StringConstructor; value?: string; }; - /** - * 自定义组件样式 - * @default '' - */ - style?: { - type: StringConstructor; - value?: string; - }; /** * 是否显示 * @default false diff --git a/packages/products/tdesign-miniprogram/src/tree-select/README.en-US.md b/packages/products/tdesign-miniprogram/src/tree-select/README.en-US.md index abd0232e5..28b6575cd 100644 --- a/packages/products/tdesign-miniprogram/src/tree-select/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/tree-select/README.en-US.md @@ -19,4 +19,4 @@ default-value | String / Number / Array | undefined | uncontrolled property。Ty name | params | description -- | -- | -- -change | `(value: TreeSelectValue, level: TreeLevel) ` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tree-select/type.ts)。
`type TreeLevel: 0 \| 1 \| 2`
+change | `(value: TreeSelectValue, level: TreeLevel) ` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tree-select/type.ts)。
`type TreeLevel = 0 \| 1 \| 2`
diff --git a/packages/products/tdesign-miniprogram/src/tree-select/README.md b/packages/products/tdesign-miniprogram/src/tree-select/README.md index 8d12dcaf4..6df9a11b2 100644 --- a/packages/products/tdesign-miniprogram/src/tree-select/README.md +++ b/packages/products/tdesign-miniprogram/src/tree-select/README.md @@ -10,7 +10,7 @@ style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N height | String / Number | 336 | 高度，默认单位为 px | N keys | Object | - | 用来定义 value / label 在 `options` 中对应的字段别名。TS 类型：`KeysType`。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -multiple | Boolean | false | 是否多选 | N +multiple | Boolean | false | 是否允许多选 | N options | Array | [] | 选项。TS 类型：`Array` | N value | String / Number / Array | - | 选中值。TS 类型：`TreeSelectValue` `type TreeSelectValue = string \| number \| Array`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tree-select/type.ts) | N default-value | String / Number / Array | undefined | 选中值。非受控属性。TS 类型：`TreeSelectValue` `type TreeSelectValue = string \| number \| Array`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tree-select/type.ts) | N @@ -19,4 +19,4 @@ default-value | String / Number / Array | undefined | 选中值。非受控属 名称 | 参数 | 描述 -- | -- | -- -change | `(value: TreeSelectValue, level: TreeLevel) ` | 点击任何节点均会触发；level 代表当前点击的层级，0 代表最左侧，依次递进。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tree-select/type.ts)。
`type TreeLevel: 0 \| 1 \| 2`
+change | `(value: TreeSelectValue, level: TreeLevel) ` | 点击任何节点均会触发；level 代表当前点击的层级，0 代表最左侧，依次递进。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/tree-select/type.ts)。
`type TreeLevel = 0 \| 1 \| 2`
diff --git a/packages/products/tdesign-miniprogram/src/tree-select/props.ts b/packages/products/tdesign-miniprogram/src/tree-select/props.ts new file mode 100644 index 000000000..c60489a19 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/tree-select/props.ts @@ -0,0 +1,39 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TdTreeSelectProps } from './type'; +const props: TdTreeSelectProps = { + /** 高度，默认单位为 px */ + height: { + type: null, + value: 336, + }, + /** 用来定义 value / label 在 `options` 中对应的字段别名 */ + keys: { + type: Object, + }, + /** 是否允许多选 */ + multiple: { + type: Boolean, + value: false, + }, + /** 选项 */ + options: { + type: Array, + value: [], + }, + /** 选中值 */ + value: { + type: null, + value: null, + }, + /** 选中值，非受控属性 */ + defaultValue: { + type: null, + }, +}; + +export default props; diff --git a/packages/products/tdesign-miniprogram/src/tree-select/type.ts b/packages/products/tdesign-miniprogram/src/tree-select/type.ts new file mode 100644 index 000000000..10a272dc3 --- /dev/null +++ b/packages/products/tdesign-miniprogram/src/tree-select/type.ts @@ -0,0 +1,57 @@ +/* eslint-disable */ + +/** + * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC + * */ + +import { TreeOptionData, KeysType } from '../common/common'; + +export interface TdTreeSelectProps { + /** + * 高度，默认单位为 px + * @default 336 + */ + height?: { + type: null; + value?: string | number; + }; + /** + * 用来定义 value / label 在 `options` 中对应的字段别名 + */ + keys?: { + type: ObjectConstructor; + value?: KeysType; + }; + /** + * 是否允许多选 + * @default false + */ + multiple?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 选项 + * @default [] + */ + options?: { + type: ArrayConstructor; + value?: Array; + }; + /** + * 选中值 + */ + value?: { + type: null; + value?: TreeSelectValue; + }; + /** + * 选中值，非受控属性 + */ + defaultValue?: { + type: null; + value?: TreeSelectValue; + }; +} + +export type TreeSelectValue = string | number | Array; diff --git a/packages/products/tdesign-miniprogram/src/upload/README.en-US.md b/packages/products/tdesign-miniprogram/src/upload/README.en-US.md index 4acdd9500..f964d80c6 100644 --- a/packages/products/tdesign-miniprogram/src/upload/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/upload/README.en-US.md @@ -9,26 +9,21 @@ 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 add-content | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -allow-upload-duplicate-file | Boolean | false | allow to upload duplicate name files | N +allow-upload-duplicate-file | Boolean | false | `暂不支持`。allow to upload duplicate name files | N config | Object | - | Typescript：`UploadMpConfig` `type UploadMpConfig = ImageConfig \| VideoConfig` `interface ImageConfig { count?: number; sizeType?: Array; sourceType?: Array }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface VideoConfig { sourceType?: Array; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N -disabled | Boolean | false | \- | N -default-disabled | Boolean | undefined | uncontrolled property | N -draggable | Boolean / Object | - | \- | N -file-list-display | Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -default-file-list-display | Slot | undefined | uncontrolled property。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +disabled | Boolean | undefined | make upload to be disabled | N +draggable | Boolean / Object | - | Typescript：`boolean \| {vibrate?: boolean; collisionVibrate?: boolean}` | N files | Array | - | Typescript：`Array` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N default-files | Array | undefined | uncontrolled property。Typescript：`Array` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N grid-config | Object | - | Typescript：`{column?: number; width?: number; height?: number;}` | N -default-grid-config | Object | undefined | uncontrolled property。Typescript：`{column?: number; width?: number; height?: number;}` | N gutter | Number | 16 | \- | N -default-gutter | Number | undefined | uncontrolled property | N image-props | Object | - | Typescript：`ImageProps`，[Image API Documents](./image?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N max | Number | 0 | max count of files limit | N media-type | Array | ['image', 'video'] | Typescript：`Array` `type MediaType = 'image' \| 'video'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N request-method | Function | - | \- | N size-limit | Number / Object | - | files size limit。Typescript：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N source | String | media | options: media/messageFile | N -transition | Object | `{ backTransition: true, duration: 300, timingFunction: 'ease' }` | Typescript：`{ backTransition: boolean, duration: number, timingFunction: string }，`duration`单位为ms。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)` | N +transition | Object | { backTransition: true, duration: 300, timingFunction: 'ease' } | Typescript：`Transition` `interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N ### Upload Events @@ -37,7 +32,7 @@ name | params | description add | `(files: MediaContext)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。
`type MediaContext = VideoContext[] \| ImageContext[]`

`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`

`interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number }`
click | `(file: VideoContext \| ImageContext)` | \- complete | \- | \- -drop | `(files: MediaContext)` | \- +drop | `(files: MediaContext) ` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。
`type MediaContext = VideoContext[] \| ImageContext[]; interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }; interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number}`
fail | \- | \- remove | `(index: number; file: UploadFile)` | \- select-change | `(files: MediaContext[]; currentSelectedFiles: MediaContext[])` | \- diff --git a/packages/products/tdesign-miniprogram/src/upload/README.md b/packages/products/tdesign-miniprogram/src/upload/README.md index f5872caa3..ae8f78ae0 100644 --- a/packages/products/tdesign-miniprogram/src/upload/README.md +++ b/packages/products/tdesign-miniprogram/src/upload/README.md @@ -9,26 +9,21 @@ style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N add-content | String / Slot | - | 添加按钮内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -allow-upload-duplicate-file | Boolean | false | 【开发中】是否允许重复上传相同文件名的文件 | N +allow-upload-duplicate-file | Boolean | false | `暂不支持`。是否允许重复上传相同文件名的文件 | N config | Object | - | 图片上传配置，视频上传配置，文件上传配置等，包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。[视频上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html)。TS 类型：`UploadMpConfig` `type UploadMpConfig = ImageConfig \| VideoConfig` `interface ImageConfig { count?: number; sizeType?: Array; sourceType?: Array }` `type SizeTypeValues = 'original' \| 'compressed'` `type SourceTypeValues = 'album' \| 'camera'` `interface VideoConfig { sourceType?: Array; compressed?: boolean; maxDuration?: number; camera?: 'back' \| 'front' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N -disabled | Boolean | false | 是否禁用组件 | N -default-disabled | Boolean | undefined | 是否禁用组件。非受控属性 | N -draggable | Boolean / Object | - | 是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N -file-list-display | Slot | - | 【开发中】用于完全自定义文件列表内容。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N -default-file-list-display | Slot | undefined | 【开发中】用于完全自定义文件列表内容。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。非受控属性。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N +disabled | Boolean | undefined | 是否禁用组件 | N +draggable | Boolean / Object | - | 是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }`。TS 类型：`boolean \| {vibrate?: boolean; collisionVibrate?: boolean}` | N files | Array | - | 已上传文件列表。TS 类型：`Array` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N default-files | Array | undefined | 已上传文件列表。非受控属性。TS 类型：`Array` `interface UploadFile { url: string; name?: string; size?: number; type?: 'image' \| 'video'; percent?: number; status: 'loading' \| 'reload' \| 'failed' \| 'done' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N grid-config | Object | - | upload组件每行上传图片列数以及图片的宽度和高度。TS 类型：`{column?: number; width?: number; height?: number;}` | N -default-grid-config | Object | undefined | upload组件每行上传图片列数以及图片的宽度和高度。非受控属性。TS 类型：`{column?: number; width?: number; height?: number;}` | N gutter | Number | 16 | 预览窗格的 `gutter` 大小，单位 rpx | N -default-gutter | Number | undefined | 预览窗格的 `gutter` 大小，单位 rpx。非受控属性 | N image-props | Object | - | 透传 Image 组件全部属性。TS 类型：`ImageProps`，[Image API Documents](./image?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N max | Number | 0 | 用于控制文件上传数量，值为 0 则不限制 | N media-type | Array | ['image', 'video'] | 支持上传的文件类型，图片或视频。TS 类型：`Array` `type MediaType = 'image' \| 'video'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N request-method | Function | - | 自定义上传方法 | N -size-limit | Number / Object | - | 图片文件大小限制，单位 KB。可选单位有：`'B' \| 'KB' \| 'MB' \| 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`。TS 类型：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N +size-limit | Number / Object | - | 图片文件大小限制，默认单位 KB。可选单位有：`'B' \| 'KB' \| 'MB' \| 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`。TS 类型：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N source | String | media | 来源。可选项：media/messageFile | N -transition | Object | `{ backTransition: true, duration: 300, timingFunction: 'ease' }` | 拖拽位置移动时的过渡参数。TS 类型：`{ backTransition: boolean, duration: number, timingFunction: string }，`duration`单位为ms。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)` | N +transition | Object | { backTransition: true, duration: 300, timingFunction: 'ease' } | 拖拽位置移动时的过渡参数,`duration`单位为ms。TS 类型：`Transition` `interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts) | N ### Upload Events @@ -37,7 +32,7 @@ transition | Object | `{ backTransition: true, duration: 300, timingFunction: 'e add | `(files: MediaContext)` | 选择后触发，仅包含本次选择的照片；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。
`type MediaContext = VideoContext[] \| ImageContext[]`

`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`

`interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number }`
click | `(file: VideoContext \| ImageContext)` | 点击已选文件时触发；常用于重新上传 complete | \- | 上传成功或失败后触发 -drop | `(files: MediaContext)` | 拖拽结束后触发，包含所有上传的文件（拖拽后的文件顺序）；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。
`type MediaContext = VideoContext[] \| ImageContext[]`

`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`

`interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number }`
+drop | `(files: MediaContext) ` | 拖拽结束后触发，包含所有上传的文件（拖拽后的文件顺序）；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size` 选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。
`type MediaContext = VideoContext[] \| ImageContext[]; interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }; interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number}`
fail | \- | 上传失败后触发 remove | `(index: number; file: UploadFile)` | 移除文件时触发 select-change | `(files: MediaContext[]; currentSelectedFiles: MediaContext[])` | 选择文件或图片之后，上传之前，触发该事件。
`files` 表示之前已经上传完成的文件列表。
`currentSelectedFiles` 表示本次上传选中的文件列表 diff --git a/packages/products/tdesign-miniprogram/src/upload/props.ts b/packages/products/tdesign-miniprogram/src/upload/props.ts index 005b02c53..f75cf6c42 100644 --- a/packages/products/tdesign-miniprogram/src/upload/props.ts +++ b/packages/products/tdesign-miniprogram/src/upload/props.ts @@ -6,7 +6,7 @@ import { TdUploadProps } from './type'; const props: TdUploadProps = { - /** 添加按钮内容。值为空，使用默认图标渲染；值为 slot 则表示使用插槽渲染；其他值无效。 */ + /** 添加按钮内容 */ addContent: { type: String, }, @@ -19,6 +19,15 @@ const props: TdUploadProps = { config: { type: Object, }, + /** 是否禁用组件 */ + disabled: { + type: null, + value: undefined, + }, + /** 是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }` */ + draggable: { + type: null, + }, /** 已上传文件列表 */ files: { type: Array, @@ -55,7 +64,7 @@ const props: TdUploadProps = { requestMethod: { type: null, }, - /** 图片文件大小限制，单位 KB。可选单位有：`'B' | 'KB' | 'MB' | 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }` */ + /** 图片文件大小限制，默认单位 KB。可选单位有：`'B' | 'KB' | 'MB' | 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }` */ sizeLimit: { type: null, }, @@ -64,10 +73,10 @@ const props: TdUploadProps = { type: String, value: 'media', }, - /** 自定义组件样式 */ - style: { - type: String, - value: '', + /** 拖拽位置移动时的过渡参数,`duration`单位为ms */ + transition: { + type: Object, + value: { backTransition: true, duration: 300, timingFunction: 'ease' }, }, }; diff --git a/packages/products/tdesign-miniprogram/src/upload/type.ts b/packages/products/tdesign-miniprogram/src/upload/type.ts index 9e2b017cc..c0812d37e 100644 --- a/packages/products/tdesign-miniprogram/src/upload/type.ts +++ b/packages/products/tdesign-miniprogram/src/upload/type.ts @@ -4,4 +4,171 @@ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC * */ -[object Object] \ No newline at end of file +import { ImageProps } from '../image/index'; + +export interface TdUploadProps { + /** + * 添加按钮内容 + */ + addContent?: { + type: StringConstructor; + value?: string; + }; + /** + * 是否允许重复上传相同文件名的文件 + * @default false + */ + allowUploadDuplicateFile?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 图片上传配置，视频上传配置，文件上传配置等，包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html)。[视频上传](https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html) + */ + config?: { + type: ObjectConstructor; + value?: UploadMpConfig; + }; + /** + * 是否禁用组件 + */ + disabled?: { + type: BooleanConstructor; + value?: boolean; + }; + /** + * 是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }` + */ + draggable?: { + type: null; + value?: boolean | { vibrate?: boolean; collisionVibrate?: boolean }; + }; + /** + * 已上传文件列表 + */ + files?: { + type: ArrayConstructor; + value?: Array; + }; + /** + * 已上传文件列表，非受控属性 + */ + defaultFiles?: { + type: ArrayConstructor; + value?: Array; + }; + /** + * upload组件每行上传图片列数以及图片的宽度和高度 + */ + gridConfig?: { + type: ObjectConstructor; + value?: { column?: number; width?: number; height?: number }; + }; + /** + * 预览窗格的 `gutter` 大小，单位 rpx + * @default 16 + */ + gutter?: { + type: NumberConstructor; + value?: number; + }; + /** + * 透传 Image 组件全部属性 + */ + imageProps?: { + type: ObjectConstructor; + value?: ImageProps; + }; + /** + * 用于控制文件上传数量，值为 0 则不限制 + * @default 0 + */ + max?: { + type: NumberConstructor; + value?: number; + }; + /** + * 支持上传的文件类型，图片或视频 + * @default ['image', 'video'] + */ + mediaType?: { + type: ArrayConstructor; + value?: Array; + }; + /** + * 自定义上传方法 + */ + requestMethod?: { + type: undefined; + value?: null; + }; + /** + * 图片文件大小限制，默认单位 KB。可选单位有：`'B' | 'KB' | 'MB' | 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }` + */ + sizeLimit?: { + type: null; + value?: number | SizeLimitObj; + }; + /** + * 来源 + * @default media + */ + source?: { + type: StringConstructor; + value?: 'media' | 'messageFile'; + }; + /** + * 拖拽位置移动时的过渡参数,`duration`单位为ms + * @default { backTransition: true, duration: 300, timingFunction: 'ease' } + */ + transition?: { + type: ObjectConstructor; + value?: Transition; + }; +} + +export type UploadMpConfig = ImageConfig | VideoConfig; + +export interface ImageConfig { + count?: number; + sizeType?: Array; + sourceType?: Array; +} + +export type SizeTypeValues = 'original' | 'compressed'; + +export type SourceTypeValues = 'album' | 'camera'; + +export interface VideoConfig { + sourceType?: Array; + compressed?: boolean; + maxDuration?: number; + camera?: 'back' | 'front'; +} + +export interface UploadFile { + url: string; + name?: string; + size?: number; + type?: 'image' | 'video'; + percent?: number; + status: 'loading' | 'reload' | 'failed' | 'done'; +} + +export type MediaType = 'image' | 'video'; + +export interface SizeLimitObj { + size: number; + unit: SizeUnit; + message?: string; +} + +export type SizeUnitArray = ['B', 'KB', 'MB', 'GB']; + +export type SizeUnit = SizeUnitArray[number]; + +export interface Transition { + backTransition?: boolean; + duration?: number; + timingFunction?: string; +} diff --git a/packages/products/tdesign-react/src/input/defaultProps.ts b/packages/products/tdesign-react/src/input/defaultProps.ts index 911526ed5..79fc5e570 100644 --- a/packages/products/tdesign-react/src/input/defaultProps.ts +++ b/packages/products/tdesign-react/src/input/defaultProps.ts @@ -19,6 +19,6 @@ export const inputDefaultProps: TdInputProps = { showLimitNumber: false, size: 'medium', spellCheck: false, - status: undefined, + status: 'default', type: 'text', }; diff --git a/packages/products/tdesign-react/src/input/input.en-US.md b/packages/products/tdesign-react/src/input/input.en-US.md index 87db37eae..e3a456d72 100644 --- a/packages/products/tdesign-react/src/input/input.en-US.md +++ b/packages/products/tdesign-react/src/input/input.en-US.md @@ -29,7 +29,7 @@ showClearIconOnEmpty | Boolean | false | show clear icon on empty input value | showLimitNumber | Boolean | false | show limit number text on the right | N size | String | medium | make input to be different size。options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N spellCheck | Boolean | false | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N -status | String | undefined | options: default/success/warning/error | N +status | String | default | options: default/success/warning/error | N suffix | TNode | - | suffix content before suffixIcon。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N suffixIcon | TElement | - | suffix icon of input。Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N tips | TNode | - | tips on the bottom of input, different `status` can make tips to be different color。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N diff --git a/packages/products/tdesign-react/src/input/input.md b/packages/products/tdesign-react/src/input/input.md index f5012ee66..9f85a20a3 100644 --- a/packages/products/tdesign-react/src/input/input.md +++ b/packages/products/tdesign-react/src/input/input.md @@ -13,7 +13,7 @@ allowInputOverMax | Boolean | false | 超出 `maxlength` 或 `maxcharacter` 之 autoWidth | Boolean | false | 宽度随内容自适应 | N autocomplete | String | undefined | 是否开启自动填充功能，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | N autofocus | Boolean | false | 自动聚焦 | N -borderless | Boolean | false | 无边框模式 | N +borderless | Boolean | false | 是否开启无边框模式 | N clearable | Boolean | false | 是否可清空 | N disabled | Boolean | undefined | 是否禁用输入框 | N format | Function | - | 指定输入框展示值的格式。注意 `type=number` 时请勿使用，此功能建议更为使用 `InputNumber` 组件。TS 类型：`InputFormatType` `type InputFormatType = (value: string) => string`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/input/type.ts) | N @@ -29,7 +29,7 @@ showClearIconOnEmpty | Boolean | false | 输入框内容为空时，悬浮状态 showLimitNumber | Boolean | false | 是否在输入框右侧显示字数统计 | N size | String | medium | 输入框尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N spellCheck | Boolean | false | 是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N -status | String | undefined | 输入框状态。默认情况会由组件内部根据实际情况呈现，如果文本过长引起的状态变化。可选项：default/success/warning/error | N +status | String | default | 输入框状态。可选项：default/success/warning/error | N suffix | TNode | - | 后置图标前的后置内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N suffixIcon | TElement | - | 组件后置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N tips | TNode | - | 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N diff --git a/packages/products/tdesign-react/src/input/type.ts b/packages/products/tdesign-react/src/input/type.ts index 0a056d6f7..df9d0994c 100644 --- a/packages/products/tdesign-react/src/input/type.ts +++ b/packages/products/tdesign-react/src/input/type.ts @@ -33,7 +33,7 @@ export interface TdInputProps { */ autofocus?: boolean; /** - * 无边框模式 + * 是否开启无边框模式 * @default false */ borderless?: boolean; @@ -104,7 +104,8 @@ export interface TdInputProps { */ spellCheck?: boolean; /** - * 输入框状态。默认情况会由组件内部根据实际情况呈现，如果文本过长引起的状态变化 + * 输入框状态 + * @default default */ status?: 'default' | 'success' | 'warning' | 'error'; /** diff --git a/packages/scripts/api.json b/packages/scripts/api.json index c0625eb10..6a0aef90a 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -13965,7 +13965,7 @@ "create_time": "2022-03-14 07:32:55", "update_time": "2022-03-14 07:40:54", "event_output": null, - "custom_field_type": "`any`", + "custom_field_type": "any", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -22562,8 +22562,7 @@ "platform_framework": [ "8", "16", - "32", - "64" + "32" ], "component": "Cell", "field_category": 1, @@ -22593,35 +22592,32 @@ "platform_framework_text": [ "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)", - "Miniprogram" + "Angular(Mobile)" ], "field_type_text": [ "Boolean" ] }, { - "id": 1335, + "id": 1725283679, "platform_framework": [ - "8", - "16", - "32", "64" ], "component": "Cell", "field_category": 1, - "field_name": "bordered", + "field_name": "arrow", "field_type": [ - "4" + "4", + "8" ], - "field_default_value": "true", + "field_default_value": "false", "field_enum": "", - "field_desc_zh": "是否显示下边框", + "field_desc_zh": "是否显示右侧箭头", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2021-07-20 11:14:31", - "update_time": "2021-07-25 07:23:16", + "create_time": "2024-09-02 13:27:59", + "update_time": "2024-09-02 13:27:59", "event_output": null, "custom_field_type": null, "syntactic_sugar": null, @@ -22629,22 +22625,20 @@ "html_attribute": 0, "trigger_elements": "", "deprecated": 0, - "version": null, + "version": "", "test_description": null, "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)", - "React(Mobile)", - "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ - "Boolean" + "Boolean", + "Object" ] }, { - "id": 1367, + "id": 1335, "platform_framework": [ "8", "16", @@ -22653,19 +22647,18 @@ ], "component": "Cell", "field_category": 1, - "field_name": "description", + "field_name": "bordered", "field_type": [ - "1", - "64" + "4" ], - "field_default_value": "", + "field_default_value": "true", "field_enum": "", - "field_desc_zh": "下方内容描述", + "field_desc_zh": "是否显示下边框", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2021-07-25 08:32:22", - "update_time": "2021-07-25 16:58:18", + "create_time": "2021-07-20 11:14:31", + "update_time": "2021-07-25 07:23:16", "event_output": null, "custom_field_type": null, "syntactic_sugar": null, @@ -22684,31 +22677,34 @@ "Miniprogram" ], "field_type_text": [ - "String", - "TNode" + "Boolean" ] }, { - "id": 1364, + "id": 1367, "platform_framework": [ + "8", + "16", + "32", "64" ], "component": "Cell", "field_category": 1, - "field_name": "externalClasses", + "field_name": "description", "field_type": [ - "16" + "1", + "64" ], "field_default_value": "", "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置 组件外层类名、标题类名、下方描述内容类名、右侧说明文字类名、激活态类名、图片类名、左侧内容、左侧图标类名、右侧内容、右侧图标类名 等", + "field_desc_zh": "下方内容描述", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2021-07-25 07:57:03", - "update_time": "2021-07-25 16:58:24", + "create_time": "2021-07-25 08:32:22", + "update_time": "2021-07-25 16:58:18", "event_output": null, - "custom_field_type": "['t-class', 't-class-title', 't-class-description', 't-class-note', 't-class-hover', 't-class-image', 't-class-left', 't-class-left-icon', 't-class-right', 't-class-right-icon']", + "custom_field_type": null, "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -22719,10 +22715,14 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ - "Array" + "String", + "TNode" ] }, { @@ -22901,6 +22901,7 @@ "field_name": "leftIcon", "field_type": [ "1", + "8", "64" ], "field_default_value": "", @@ -22927,6 +22928,7 @@ ], "field_type_text": [ "String", + "Object", "TNode" ] }, @@ -23069,6 +23071,7 @@ "field_name": "rightIcon", "field_type": [ "1", + "8", "64" ], "field_default_value": "", @@ -23095,46 +23098,10 @@ ], "field_type_text": [ "String", + "Object", "TNode" ] }, - { - "id": 3046, - "platform_framework": [ - "64" - ], - "component": "Cell", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:22:43", - "update_time": "2022-10-31 11:22:43", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1070, "platform_framework": [ @@ -30500,43 +30467,6 @@ "Boolean" ] }, - { - "id": 3083, - "platform_framework": [ - "64" - ], - "component": "CountDown", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:40:14", - "update_time": "2022-10-31 11:40:14", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 2283, "platform_framework": [ @@ -36028,6 +35958,49 @@ "String" ] }, + { + "id": 1725285145, + "platform_framework": [ + "8", + "16", + "32", + "64" + ], + "component": "DateTimePicker", + "field_category": 1, + "field_name": "usePopup", + "field_type": [ + "4" + ], + "field_default_value": "true", + "field_enum": "", + "field_desc_zh": "是否使用弹出层包裹", + "field_desc_en": null, + "field_required": 0, + "event_input": "", + "create_time": "2024-09-02 13:52:25", + "update_time": "2024-09-02 13:52:25", + "event_output": null, + "custom_field_type": null, + "syntactic_sugar": null, + "readonly": 1, + "html_attribute": 0, + "trigger_elements": "", + "deprecated": 0, + "version": "", + "test_description": null, + "support_default_value": 0, + "field_category_text": "Props", + "platform_framework_text": [ + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)", + "Miniprogram" + ], + "field_type_text": [ + "Boolean" + ] + }, { "id": 1520, "platform_framework": [ @@ -44272,43 +44245,6 @@ "TNode" ] }, - { - "id": 3052, - "platform_framework": [ - "64" - ], - "component": "DropdownItem", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:26:23", - "update_time": "2022-10-31 11:26:23", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "{\"Miniprogram\": \"0.25.0\"}", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 429, "platform_framework": [ @@ -45567,43 +45503,6 @@ "Number" ] }, - { - "id": 3178, - "platform_framework": [ - "64" - ], - "component": "DropdownMenu", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置 组件外层类名、菜单标签、菜单图标类名 等", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-11-07 14:50:29", - "update_time": "2022-11-07 14:50:29", - "event_output": null, - "custom_field_type": "['t-class', 't-class-item', 't-class-label', 't-class-icon']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1697, "platform_framework": [ @@ -46153,7 +46052,8 @@ { "id": 1712661364, "platform_framework": [ - "8" + "8", + "64" ], "component": "Empty", "field_category": 1, @@ -46182,45 +46082,7 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)" - ], - "field_type_text": [ - "String", - "TNode" - ] - }, - { - "id": 1712915383, - "platform_framework": [ - "64" - ], - "component": "Empty", - "field_category": 1, - "field_name": "image", - "field_type": [ - "1", - "64" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "图片地址", - "field_desc_en": "image url, or Image component props, or custom any node you need.", - "field_required": 0, - "event_input": "", - "create_time": "2024-04-12 09:49:43", - "update_time": "2024-04-12 09:49:43", - "event_output": null, - "custom_field_type": "string | ImageProps | TNode 【import { ImageProps } from '@Image'】", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ + "Vue(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -46310,43 +46172,6 @@ "String" ] }, - { - "id": 3084, - "platform_framework": [ - "64" - ], - "component": "Empty", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:40:40", - "update_time": "2022-10-31 11:40:40", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1701690668, "platform_framework": [ @@ -48130,43 +47955,6 @@ "Object" ] }, - { - "id": 3085, - "platform_framework": [ - "64" - ], - "component": "Footer", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:41:11", - "update_time": "2022-10-31 11:41:11", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 3402, "platform_framework": [ @@ -54348,80 +54136,6 @@ "Number" ] }, - { - "id": 3049, - "platform_framework": [ - "64" - ], - "component": "Grid", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:25:14", - "update_time": "2022-10-31 11:25:14", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, - { - "id": 1772, - "platform_framework": [ - "64" - ], - "component": "Grid", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，用于设置组件外层元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-24 05:16:31", - "update_time": "2021-09-24 05:17:13", - "event_output": null, - "custom_field_type": "['t-class']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1767, "platform_framework": [ @@ -54625,7 +54339,7 @@ ], "component": "GridItem", "field_category": 1, - "field_name": "badge-props", + "field_name": "badgeProps", "field_type": [ "8" ], @@ -54656,43 +54370,6 @@ "Object" ] }, - { - "id": 3050, - "platform_framework": [ - "64" - ], - "component": "GridItem", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:25:26", - "update_time": "2022-10-31 11:25:26", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1771, "platform_framework": [ @@ -54738,43 +54415,6 @@ "TNode" ] }, - { - "id": 1773, - "platform_framework": [ - "64" - ], - "component": "GridItem", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置组件外层元素、图片、文本、描述等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-24 05:18:00", - "update_time": "2021-09-24 05:18:40", - "event_output": null, - "custom_field_type": "['t-class', 't-class-image', 't-class-text', 't-class-description']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 3189, "platform_framework": [ @@ -58362,43 +58002,6 @@ "String" ] }, - { - "id": 1706, - "platform_framework": [ - "64" - ], - "component": "Icon", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-21 08:22:33", - "update_time": "2021-09-21 08:22:33", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1688, "platform_framework": [ @@ -58512,43 +58115,6 @@ "Number" ] }, - { - "id": 3044, - "platform_framework": [ - "64" - ], - "component": "Icon", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:19:10", - "update_time": "2022-10-31 11:19:10", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 3366, "platform_framework": [ @@ -59476,43 +59042,6 @@ "TNode" ] }, - { - "id": 1454, - "platform_framework": [ - "64" - ], - "component": "Image", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置加载组件外层元素，中间内容等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-08-17 11:44:24", - "update_time": "2021-08-17 11:44:24", - "event_output": null, - "custom_field_type": "['t-class', 't-class-load']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": null, - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1689992285, "platform_framework": [ @@ -60373,43 +59902,6 @@ "Object" ] }, - { - "id": 3086, - "platform_framework": [ - "64" - ], - "component": "Image", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:41:36", - "update_time": "2022-10-31 11:41:36", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1711960430, "platform_framework": [ @@ -62407,43 +61899,6 @@ "String" ] }, - { - "id": 3053, - "platform_framework": [ - "64" - ], - "component": "Indexes", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:28:56", - "update_time": "2022-10-31 11:28:56", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "{\"Miniprogram\": \"0.25.0\"}", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 3234, "platform_framework": [ @@ -62694,80 +62149,6 @@ "Number" ] }, - { - "id": 3235, - "platform_framework": [ - "64" - ], - "component": "IndexesAnchor", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-12-23 02:32:26", - "update_time": "2022-12-23 02:32:26", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, - { - "id": 3236, - "platform_framework": [ - "64" - ], - "component": "IndexesAnchor", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，用于设置组件外层元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-12-23 02:33:45", - "update_time": "2022-12-23 02:33:45", - "event_output": null, - "custom_field_type": "['t-class']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 3233, "platform_framework": [ @@ -63779,43 +63160,6 @@ "String" ] }, - { - "id": 1834, - "platform_framework": [ - "64" - ], - "component": "Input", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，用于设置组件外层元素、输入框、占位符、错误信息等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-11-10 05:15:58", - "update_time": "2021-11-10 05:15:58", - "event_output": null, - "custom_field_type": "['t-class', 't-class-input', 't-class-placeholder', 't-class-error-msg']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1712026549, "platform_framework": [ @@ -64388,7 +63732,7 @@ ], "component": "Input", "field_category": 1, - "field_name": "placeholderClass\t", + "field_name": "placeholderClass", "field_type": [ "1" ], @@ -65169,50 +64513,14 @@ }, { "id": 822, - "platform_framework": [ - "64" - ], - "component": "Input", - "field_category": 1, - "field_name": "status", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "success/warning/error", - "field_desc_zh": "输入框状态", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-02-09 06:35:39", - "update_time": "2022-04-18 12:37:59", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": null, - "test_description": "{\"PC\":{\"snapshot\":true,\"className\":[{\"t-is-default\":false},\"t-is-success\",\"t-is-warning\",\"t-is-error\"],\"classNameDom\":\".t-input\"}}", - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, - { - "id": 1712580008, "platform_framework": [ "1", "2", "4", "8", "16", - "32" + "32", + "64" ], "component": "Input", "field_category": 1, @@ -65220,14 +64528,14 @@ "field_type": [ "1" ], - "field_default_value": "undefined", + "field_default_value": "default", "field_enum": "default/success/warning/error", - "field_desc_zh": "输入框状态。默认情况会由组件内部根据实际情况呈现，如果文本过长引起的状态变化", + "field_desc_zh": "输入框状态", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2024-04-08 12:40:08", - "update_time": "2024-04-08 12:40:08", + "create_time": "2021-02-09 06:35:39", + "update_time": "2022-04-18 12:37:59", "event_output": null, "custom_field_type": null, "syntactic_sugar": null, @@ -65235,8 +64543,8 @@ "html_attribute": 0, "trigger_elements": "", "deprecated": 0, - "version": "", - "test_description": null, + "version": null, + "test_description": "{\"PC\":{\"snapshot\":true,\"className\":[{\"t-is-default\":false},\"t-is-success\",\"t-is-warning\",\"t-is-error\"],\"classNameDom\":\".t-input\"}}", "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ @@ -65245,43 +64553,7 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "String" - ] - }, - { - "id": 3067, - "platform_framework": [ - "64" - ], - "component": "Input", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:35:29", - "update_time": "2022-10-31 11:35:29", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -68951,7 +68223,7 @@ "create_time": "2023-03-13 02:16:33", "update_time": "2023-03-13 02:16:33", "event_output": null, - "custom_field_type": "NavigatorProps【import { NavigatorProps } from '@Navigator'】", + "custom_field_type": "", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -72792,7 +72064,7 @@ ], "field_default_value": "", "field_enum": "", - "field_desc_zh": "已废弃。操作", + "field_desc_zh": "操作", "field_desc_en": "operation", "field_required": 0, "event_input": "", @@ -72804,7 +72076,7 @@ "readonly": 1, "html_attribute": 0, "trigger_elements": "", - "deprecated": 0, + "deprecated": 1, "version": null, "test_description": null, "support_default_value": 0, @@ -73051,32 +72323,34 @@ ] }, { - "id": 1397, + "id": 1725334222, "platform_framework": [ "64" ], "component": "Message", "field_category": 1, - "field_name": "externalClasses", + "field_name": "gap", "field_type": [ - "16" + "1", + "2", + "4" ], - "field_default_value": "", + "field_default_value": "12", "field_enum": "", - "field_desc_zh": "样式类名，分别用于设置 组件外层、消息内容、左侧图标、操作按钮、关闭按钮等元素类名", + "field_desc_zh": "两条 `message` 之间的间距", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2021-08-03 14:08:15", - "update_time": "2021-08-03 14:09:44", + "create_time": "2024-09-03 03:30:22", + "update_time": "2024-09-03 03:30:22", "event_output": null, - "custom_field_type": "['t-class', 't-class-content', 't-class-icon', 't-class-link', 't-class-close-btn']", + "custom_field_type": null, "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, "trigger_elements": "", "deprecated": 0, - "version": null, + "version": "", "test_description": null, "support_default_value": 0, "field_category_text": "Props", @@ -73084,7 +72358,9 @@ "Miniprogram" ], "field_type_text": [ - "Array" + "String", + "Number", + "Boolean" ] }, { @@ -73350,24 +72626,24 @@ ] }, { - "id": 3100, + "id": 1725334169, "platform_framework": [ "64" ], "component": "Message", "field_category": 1, - "field_name": "style", + "field_name": "single", "field_type": [ - "1" + "4" ], - "field_default_value": "", + "field_default_value": "true", "field_enum": "", - "field_desc_zh": "自定义组件样式", + "field_desc_zh": "是否保持仅显示一条信息", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2022-10-31 11:45:30", - "update_time": "2022-10-31 11:45:30", + "create_time": "2024-09-03 03:29:29", + "update_time": "2024-09-03 03:29:29", "event_output": null, "custom_field_type": null, "syntactic_sugar": null, @@ -73383,7 +72659,7 @@ "Miniprogram" ], "field_type_text": [ - "String" + "Boolean" ] }, { @@ -75777,43 +75053,6 @@ "String" ] }, - { - "id": 3413, - "platform_framework": [ - "64" - ], - "component": "NoticeBar", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置 组件外层元素、文本内容、前缀图标、右侧额外信息、后缀图标 等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2023-03-13 02:16:49", - "update_time": "2023-03-13 02:16:49", - "event_output": null, - "custom_field_type": "['t-class', 't-class-content', 't-class-prefix-icon', 't-class-operation', 't-class-suffix-icon']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1712057349, "platform_framework": [ @@ -76031,7 +75270,7 @@ "8", "64" ], - "field_default_value": "", + "field_default_value": "true", "field_enum": "", "field_desc_zh": "前缀图标。值为字符串表示图标名称，值为 `false` 表示不显示前缀图标，值为 `Object` 类型，表示透传至 `icon`，不传表示使用主题图标", "field_desc_en": null, @@ -76099,43 +75338,6 @@ "TNode" ] }, - { - "id": 3101, - "platform_framework": [ - "64" - ], - "component": "NoticeBar", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:45:38", - "update_time": "2022-10-31 11:45:38", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1102, "platform_framework": [ @@ -82212,43 +81414,6 @@ "TNode" ] }, - { - "id": 1712058071, - "platform_framework": [ - "64" - ], - "component": "Popup", - "field_category": 1, - "field_name": "defaultVisible", - "field_type": [ - "4" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "是否显示浮层。非受控属性", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2024-04-02 11:41:11", - "update_time": "2024-04-02 11:41:11", - "event_output": null, - "custom_field_type": "boolean", - "syntactic_sugar": "v-model", - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Boolean" - ] - }, { "id": 2939, "platform_framework": [ @@ -83268,7 +82433,8 @@ "4", "8", "16", - "32" + "32", + "64" ], "component": "Popup", "field_category": 1, @@ -83301,43 +82467,7 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "Boolean" - ] - }, - { - "id": 2618, - "platform_framework": [ - "64" - ], - "component": "Popup", - "field_category": 1, - "field_name": "visible", - "field_type": [ - "4" - ], - "field_default_value": "false", - "field_enum": "", - "field_desc_zh": "是否显示浮层", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-04-20 07:50:38", - "update_time": "2022-04-20 07:50:38", - "event_output": null, - "custom_field_type": "boolean", - "syntactic_sugar": "v-model", - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -88648,43 +87778,6 @@ "Boolean" ] }, - { - "id": 1417, - "platform_framework": [ - "64" - ], - "component": "Radio", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置 组件外层、单选图标、主文案、内容 等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-08-10 05:19:55", - "update_time": "2022-04-07 02:46:53", - "event_output": null, - "custom_field_type": "['t-class', 't-class-icon', 't-class-label', 't-class-content', 't-class-border']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": null, - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1420, "platform_framework": [ @@ -89076,43 +88169,6 @@ "Boolean" ] }, - { - "id": 3069, - "platform_framework": [ - "64" - ], - "component": "Radio", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:37:00", - "update_time": "2022-10-31 11:37:00", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 504, "platform_framework": [ @@ -89186,7 +88242,7 @@ "create_time": "2024-04-09 08:23:08", "update_time": "2024-04-09 08:23:08", "event_output": null, - "custom_field_type": "RadioValue【type RadioValue = string | number | boolean】", + "custom_field_type": "T【type RadioValue = string | number | boolean】", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -89349,6 +88405,43 @@ ], "field_type_text": [] }, + { + "id": 1725346019, + "platform_framework": [ + "8", + "16", + "64" + ], + "component": "Radio", + "field_category": 64, + "field_name": "", + "field_type": [], + "field_default_value": "", + "field_enum": "", + "field_desc_zh": null, + "field_desc_en": null, + "field_required": 0, + "event_input": "", + "create_time": "2024-09-03 06:46:59", + "update_time": "2024-09-03 06:46:59", + "event_output": null, + "custom_field_type": null, + "syntactic_sugar": null, + "readonly": 1, + "html_attribute": 0, + "trigger_elements": "", + "deprecated": 0, + "version": "", + "test_description": null, + "support_default_value": 0, + "field_category_text": "", + "platform_framework_text": [ + "Vue(Mobile)", + "React(Mobile)", + "Miniprogram" + ], + "field_type_text": [] + }, { "id": 1712028706, "platform_framework": [ @@ -89770,14 +88863,14 @@ ], "field_default_value": "'circle'", "field_enum": "", - "field_desc_zh": "自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标；仅在使用 options 时生效。TS 类型：`'circle' | 'line' | 'dot' | Array`", + "field_desc_zh": "自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标；仅在使用 options 时生效", "field_desc_en": null, "field_required": 0, "event_input": "", "create_time": "2022-10-31 17:19:59", "update_time": "2022-10-31 17:19:59", "event_output": null, - "custom_field_type": null, + "custom_field_type": "'circle' | 'line' | 'dot' | Array", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -89997,7 +89090,7 @@ "create_time": "2021-08-10 05:45:19", "update_time": "2021-08-10 05:53:08", "event_output": null, - "custom_field_type": "Array【type RadioOption = string | number | RadioOptionObj】【interface RadioOptionObj { label?: string; value?: string | number; disabled?: boolean }】", + "custom_field_type": "Array【type RadioOption = string | number | RadioOptionObj】【interface RadioOptionObj { label?: string; value?: string | number; readonly?: boolean; disabled?: boolean; allowUncheck?: boolean; }】", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -90098,43 +89191,6 @@ "String" ] }, - { - "id": 3070, - "platform_framework": [ - "64" - ], - "component": "RadioGroup", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:37:16", - "update_time": "2022-10-31 11:37:16", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 495, "platform_framework": [ @@ -90143,7 +89199,8 @@ "4", "8", "16", - "32" + "32", + "64" ], "component": "RadioGroup", "field_category": 1, @@ -90178,47 +89235,7 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "String", - "Number", - "Boolean" - ] - }, - { - "id": 1712651171, - "platform_framework": [ - "64" - ], - "component": "RadioGroup", - "field_category": 1, - "field_name": "value", - "field_type": [ - "1", - "2", - "4" - ], - "field_default_value": "false", - "field_enum": "", - "field_desc_zh": "选中的值", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 08:26:11", - "update_time": "2024-04-09 08:26:11", - "event_output": null, - "custom_field_type": "RadioValue", - "syntactic_sugar": "", - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 1, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -93324,43 +92341,6 @@ "TNode" ] }, - { - "id": 3128, - "platform_framework": [ - "64" - ], - "component": "Result", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置 组件外层类名、文本描述类名、图片类名、操作按钮类名。`['t-class', 't-class-image', 't-class-title', 't-class-description']`", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 17:49:29", - "update_time": "2022-10-31 17:49:29", - "event_output": null, - "custom_field_type": "", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 3129, "platform_framework": [ @@ -93484,43 +92464,6 @@ "TNode" ] }, - { - "id": 3088, - "platform_framework": [ - "64" - ], - "component": "Result", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:42:01", - "update_time": "2022-10-31 11:42:01", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 3131, "platform_framework": [ @@ -94985,8 +93928,6 @@ { "id": 3387, "platform_framework": [ - "16", - "32", "64" ], "component": "Search", @@ -94998,7 +93939,7 @@ ], "field_default_value": "'search'", "field_enum": "", - "field_desc_zh": "左侧图标", + "field_desc_zh": "左侧图标。如果需要使用 `Slot` 进行自定义，必须将该值设置为假值", "field_desc_en": null, "field_required": 0, "event_input": "", @@ -95016,8 +93957,6 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "React(Mobile)", - "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -95028,7 +93967,9 @@ { "id": 1712657479, "platform_framework": [ - "8" + "8", + "16", + "32" ], "component": "Search", "field_category": 1, @@ -95057,7 +93998,9 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)" + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)" ], "field_type_text": [ "String", @@ -101487,7 +100430,7 @@ ], "field_default_value": "", "field_enum": "", - "field_desc_zh": "`1.0.0-rc.1`。图标，传对象则透传至 Icon", + "field_desc_zh": "图标，传对象则透传至 Icon", "field_desc_en": null, "field_required": 0, "event_input": "", @@ -101862,43 +100805,6 @@ "Number" ] }, - { - "id": 1776, - "platform_framework": [ - "64" - ], - "component": "Skeleton", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置组件外层元素、头像、图片、文本等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-24 05:30:14", - "update_time": "2021-09-24 05:31:25", - "event_output": null, - "custom_field_type": "['t-class', 't-class-avatar', 't-class-image', 't-class-text']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1785, "platform_framework": [ @@ -101959,9 +100865,9 @@ "field_type": [ "16" ], - "field_default_value": "[1, 1, 1, { width: '70%' }]", + "field_default_value": "", "field_enum": "", - "field_desc_zh": "用于设置行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度和间距", + "field_desc_zh": "高级设置，用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、尺寸（圆形或方形使用）、间距、内容等", "field_desc_en": null, "field_required": 0, "event_input": "", @@ -102032,43 +100938,6 @@ "Array" ] }, - { - "id": 3089, - "platform_framework": [ - "64" - ], - "component": "Skeleton", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:42:18", - "update_time": "2022-10-31 11:42:18", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1775, "platform_framework": [ @@ -102375,43 +101244,6 @@ "Array" ] }, - { - "id": 1324, - "platform_framework": [ - "64" - ], - "component": "Slider", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于设置 组件外层元素、滑道底部、滑道激活态、滑道禁用态、游标 等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-07-16 11:44:05", - "update_time": "2021-07-18 10:03:44", - "event_output": null, - "custom_field_type": "['t-class', 't-class-bar', 't-class-bar-active', 't-class-bar-disabled', 't-class-cursor']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": null, - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1201, "platform_framework": [ @@ -102993,43 +101825,6 @@ "Number" ] }, - { - "id": 3073, - "platform_framework": [ - "64" - ], - "component": "Slider", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:37:58", - "update_time": "2022-10-31 11:37:58", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 3388, "platform_framework": [ @@ -104565,43 +103360,6 @@ "TNode" ] }, - { - "id": 1814, - "platform_framework": [ - "64" - ], - "component": "StepItem", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，用于设置组件外层元素元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-30 03:11:59", - "update_time": "2021-09-30 03:31:01", - "event_output": null, - "custom_field_type": "['t-class', 't-class-content', 't-class-title', 't-class-description', 't-class-extra']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 620, "platform_framework": [ @@ -104782,43 +103540,6 @@ "String" ] }, - { - "id": 3056, - "platform_framework": [ - "64" - ], - "component": "StepItem", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:30:46", - "update_time": "2022-10-31 11:30:46", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 2475, "platform_framework": [ @@ -106208,43 +104929,6 @@ "String" ] }, - { - "id": 1813, - "platform_framework": [ - "64" - ], - "component": "Steps", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，用于设置组件外层元素元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-30 03:11:37", - "update_time": "2021-09-30 03:11:37", - "event_output": null, - "custom_field_type": "['t-class']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 613, "platform_framework": [ @@ -106437,43 +105121,6 @@ "String" ] }, - { - "id": 3055, - "platform_framework": [ - "64" - ], - "component": "Steps", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:30:36", - "update_time": "2022-10-31 11:30:36", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 624, "platform_framework": [ @@ -106872,43 +105519,6 @@ "Boolean" ] }, - { - "id": 1731, - "platform_framework": [ - "64" - ], - "component": "Sticky", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "根结点外部样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-22 09:33:30", - "update_time": "2021-09-22 09:33:30", - "event_output": null, - "custom_field_type": "['t-class']", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1728, "platform_framework": [ @@ -106954,43 +105564,6 @@ "Number" ] }, - { - "id": 3057, - "platform_framework": [ - "64" - ], - "component": "Sticky", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:31:35", - "update_time": "2022-10-31 11:31:35", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1726, "platform_framework": [ @@ -108191,8 +106764,7 @@ "platform_framework": [ "8", "16", - "32", - "64" + "32" ], "component": "SwipeCell", "field_category": 1, @@ -108223,7 +106795,45 @@ "platform_framework_text": [ "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)", + "Angular(Mobile)" + ], + "field_type_text": [ + "Array", + "TNode" + ] + }, + { + "id": 1725352608, + "platform_framework": [ + "64" + ], + "component": "SwipeCell", + "field_category": 1, + "field_name": "left", + "field_type": [ + "16", + "64" + ], + "field_default_value": "", + "field_enum": "", + "field_desc_zh": "左侧滑动操作项。所有行为同 `right`", + "field_desc_en": null, + "field_required": 0, + "event_input": "", + "create_time": "2024-09-03 08:36:48", + "update_time": "2024-09-03 08:36:48", + "event_output": null, + "custom_field_type": "Array", + "syntactic_sugar": null, + "readonly": 1, + "html_attribute": 0, + "trigger_elements": "", + "deprecated": 0, + "version": "", + "test_description": null, + "support_default_value": 0, + "field_category_text": "Props", + "platform_framework_text": [ "Miniprogram" ], "field_type_text": [ @@ -111426,43 +110036,6 @@ "String" ] }, - { - "id": 3075, - "platform_framework": [ - "64" - ], - "component": "Switch", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:38:19", - "update_time": "2022-10-31 11:38:19", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 134, "platform_framework": [ @@ -120617,7 +119190,10 @@ "platform_framework": [ "1", "2", - "4" + "4", + "8", + "16", + "32" ], "component": "Textarea", "field_category": 1, @@ -120648,56 +119224,18 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)" - ], - "field_type_text": [ - "Boolean", - "Object" - ] - }, - { - "id": 1723, - "platform_framework": [ - "8", - "16", - "32" - ], - "component": "Textarea", - "field_category": 1, - "field_name": "autosize", - "field_type": [ - "4" - ], - "field_default_value": "false", - "field_enum": "", - "field_desc_zh": "是否自动增高，值为 autosize 时，style.height 不生效", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-22 03:34:58", - "update_time": "2021-09-27 08:40:16", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(PC)", "Vue(Mobile)", "React(Mobile)", "Angular(Mobile)" ], "field_type_text": [ - "Boolean" + "Boolean", + "Object" ] }, { - "id": 1712658886, + "id": 1723, "platform_framework": [ "64" ], @@ -120714,10 +119252,10 @@ "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2024-04-09 10:34:46", - "update_time": "2024-04-09 10:34:46", + "create_time": "2021-09-22 03:34:58", + "update_time": "2021-09-27 08:40:16", "event_output": null, - "custom_field_type": null, + "custom_field_type": "boolean | { maxHeight?: number, minHeight?: number }", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -121012,43 +119550,6 @@ "Boolean" ] }, - { - "id": 2067, - "platform_framework": [ - "64" - ], - "component": "Textarea", - "field_category": 1, - "field_name": "externalClasses", - "field_type": [ - "16" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "组件类名，分别用于表示组件外层元素、输入框、占位符、标签名等元素类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-12-20 05:26:30", - "update_time": "2021-12-20 05:26:30", - "event_output": null, - "custom_field_type": "['t-class', 't-class-textarea', 't-class-label, 't-class-indicator]", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "Array" - ] - }, { "id": 1712045054, "platform_framework": [ @@ -121350,6 +119851,7 @@ "1", "2", "4", + "8", "16", "32" ], @@ -121383,6 +119885,7 @@ "Vue(PC)", "React(PC)", "Angular(PC)", + "Vue(Mobile)", "React(Mobile)", "Angular(Mobile)" ], @@ -121392,7 +119895,7 @@ ] }, { - "id": 1712652934, + "id": 1725357311, "platform_framework": [ "64" ], @@ -121404,12 +119907,12 @@ ], "field_default_value": "-1", "field_enum": "", - "field_desc_zh": "用户最多可以输入的字符个数。默认为 -1，不限制输入长度", + "field_desc_zh": "用户最多可以输入的字符个数，值为 -1 的时候不限制最大长度", "field_desc_en": null, "field_required": 0, "event_input": "", - "create_time": "2024-04-09 08:55:34", - "update_time": "2024-04-09 08:55:34", + "create_time": "2024-09-03 09:55:11", + "update_time": "2024-09-03 09:55:11", "event_output": null, "custom_field_type": null, "syntactic_sugar": null, @@ -121428,43 +119931,6 @@ "Number" ] }, - { - "id": 1712659014, - "platform_framework": [ - "8" - ], - "component": "Textarea", - "field_category": 1, - "field_name": "maxlength", - "field_type": [ - "2" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "用户最多可以输入的字符个数", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 10:36:54", - "update_time": "2024-04-09 10:36:54", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Vue(Mobile)" - ], - "field_type_text": [ - "Number" - ] - }, { "id": 967, "platform_framework": [ @@ -121613,7 +120079,7 @@ "field_type": [ "1" ], - "field_default_value": "''", + "field_default_value": "", "field_enum": "", "field_desc_zh": "指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight", "field_desc_en": null, @@ -121644,7 +120110,10 @@ "platform_framework": [ "1", "2", - "4" + "4", + "8", + "16", + "32" ], "component": "Textarea", "field_category": 1, @@ -121674,44 +120143,10 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)" - ], - "field_type_text": [ - "Boolean" - ] - }, - { - "id": 1712659041, - "platform_framework": [ - "8" - ], - "component": "Textarea", - "field_category": 1, - "field_name": "readonly", - "field_type": [ - "4" - ], - "field_default_value": "false", - "field_enum": "", - "field_desc_zh": "只读状态", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 10:37:21", - "update_time": "2024-04-09 10:37:21", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Vue(Mobile)" + "Angular(PC)", + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)" ], "field_type_text": [ "Boolean" @@ -121869,43 +120304,6 @@ "String" ] }, - { - "id": 3076, - "platform_framework": [ - "64" - ], - "component": "Textarea", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:38:33", - "update_time": "2022-10-31 11:38:33", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 2169, "platform_framework": [ @@ -121957,7 +120355,8 @@ "4", "8", "16", - "32" + "32", + "64" ], "component": "Textarea", "field_category": 1, @@ -121991,50 +120390,14 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" + "Angular(Mobile)", + "Miniprogram" ], "field_type_text": [ "String", "Number" ] }, - { - "id": 1736, - "platform_framework": [ - "64" - ], - "component": "Textarea", - "field_category": 1, - "field_name": "value", - "field_type": [ - "1" - ], - "field_default_value": "null", - "field_enum": "", - "field_desc_zh": "文本框值", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-09-22 13:07:31", - "update_time": "2022-01-25 06:12:11", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": "v-model", - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 974, "platform_framework": [ @@ -125805,7 +124168,7 @@ "field_type": [ "8" ], - "field_default_value": "{}", + "field_default_value": "", "field_enum": "", "field_desc_zh": "遮罩层属性，透传至 Overlay", "field_desc_en": null, @@ -128209,43 +126572,6 @@ "Boolean" ] }, - { - "id": 1316, - "platform_framework": [ - "64" - ], - "component": "Transition", - "field_category": 1, - "field_name": "customClass", - "field_type": [ - "1" - ], - "field_default_value": "''", - "field_enum": "", - "field_desc_zh": "自定义容器类名", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2021-07-16 05:49:46", - "update_time": "2021-07-16 05:51:18", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": null, - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1317, "platform_framework": [ @@ -128304,7 +126630,7 @@ "create_time": "2021-07-16 05:51:57", "update_time": "2022-06-09 09:14:24", "event_output": null, - "custom_field_type": null, + "custom_field_type": "number | number[]", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -128333,7 +126659,7 @@ "field_type": [ "1" ], - "field_default_value": "'t-transition'", + "field_default_value": "t-transition", "field_enum": "", "field_desc_zh": "过渡类名", "field_desc_en": null, @@ -128359,43 +126685,6 @@ "String" ] }, - { - "id": 3147, - "platform_framework": [ - "64" - ], - "component": "Transition", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-11-01 03:50:40", - "update_time": "2022-11-01 03:50:40", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1315, "platform_framework": [ @@ -132928,49 +131217,6 @@ "TNode" ] }, - { - "id": 3230, - "platform_framework": [ - "8", - "16", - "32", - "64" - ], - "component": "TreeSelect", - "field_category": 1, - "field_name": "customStyle", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-12-21 08:33:01", - "update_time": "2022-12-21 08:33:01", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Vue(Mobile)", - "React(Mobile)", - "Angular(Mobile)", - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1149, "platform_framework": [ @@ -134915,10 +133161,7 @@ "platform_framework": [ "1", "2", - "4", - "16", - "32", - "64" + "4" ], "component": "TreeSelect", "field_category": 64, @@ -134946,7 +133189,43 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)", + "Angular(PC)" + ], + "field_type_text": [] + }, + { + "id": 1725346547, + "platform_framework": [ + "8", + "16", + "32", + "64" + ], + "component": "TreeSelect", + "field_category": 64, + "field_name": "", + "field_type": [], + "field_default_value": "", + "field_enum": "", + "field_desc_zh": null, + "field_desc_en": null, + "field_required": 0, + "event_input": "", + "create_time": "2024-09-03 06:55:47", + "update_time": "2024-09-03 06:55:47", + "event_output": null, + "custom_field_type": null, + "syntactic_sugar": null, + "readonly": 1, + "html_attribute": 0, + "trigger_elements": "", + "deprecated": 0, + "version": "", + "test_description": null, + "support_default_value": 0, + "field_category_text": "", + "platform_framework_text": [ + "Vue(Mobile)", "React(Mobile)", "Angular(Mobile)", "Miniprogram" @@ -135739,6 +134018,9 @@ { "id": 1559, "platform_framework": [ + "8", + "16", + "32", "64" ], "component": "Upload", @@ -135768,6 +134050,9 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -135822,7 +134107,8 @@ "4", "8", "16", - "32" + "32", + "64" ], "component": "Upload", "field_category": 1, @@ -135845,7 +134131,7 @@ "html_attribute": 0, "trigger_elements": "", "deprecated": 0, - "version": "", + "version": "{\"Miniprogram\":\"暂不支持\"}", "test_description": "{\"PC\":{\"event\":[{\"props\":{\"files\":[{\"name\":\"file-name.txt\",\"url\":\"https://tdesign.gtimg.com/site/source/figma-pc.png\"}],\"action\":\"https://tdesign.test.com/upload/file_success\",\"allowUploadDuplicateFile\":false},\"description\":\"allowUploadDuplicateFile is equal to false\",\"expect\":[{\"trigger\":\"const fileList = simulateFileChange('input')\",\"event\":{\"validate\":[{\"type\":\"FILTER_FILE_SAME_NAME\",\"files[0].raw\":\"${fileList[0]}\"}]},\"delay\":true}]},{\"props\":{\"files\":[{\"name\":\"file-name.txt\",\"url\":\"https://tdesign.gtimg.com/site/source/figma-pc.png\"}],\"action\":\"https://tdesign.test.com/upload/file_success\",\"allowUploadDuplicateFile\":true},\"description\":\"allowUploadDuplicateFile is equal to true\",\"expect\":[{\"trigger\":\"simulateFileChange('input')\",\"event\":{\"validate\":\"not\"},\"delay\":true}]}]}}", "support_default_value": 0, "field_category_text": "Props", @@ -135855,43 +134141,7 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "Boolean" - ] - }, - { - "id": 1712652424, - "platform_framework": [ - "64" - ], - "component": "Upload", - "field_category": 1, - "field_name": "allowUploadDuplicateFile", - "field_type": [ - "4" - ], - "field_default_value": "false", - "field_enum": "", - "field_desc_zh": "【开发中】是否允许重复上传相同文件名的文件", - "field_desc_en": "allow to upload duplicate name files", - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 08:47:04", - "update_time": "2024-04-09 08:47:04", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -136248,7 +134498,8 @@ "4", "8", "16", - "32" + "32", + "64" ], "component": "Upload", "field_category": 1, @@ -136258,7 +134509,7 @@ ], "field_default_value": "undefined", "field_enum": "", - "field_desc_zh": "是否禁用", + "field_desc_zh": "是否禁用组件", "field_desc_en": "make upload to be disabled", "field_required": 0, "event_input": "", @@ -136281,43 +134532,7 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "Boolean" - ] - }, - { - "id": 1712045608, - "platform_framework": [ - "64" - ], - "component": "Upload", - "field_category": 1, - "field_name": "disabled", - "field_type": [ - "4" - ], - "field_default_value": "false", - "field_enum": "", - "field_desc_zh": "是否禁用组件", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2024-04-02 08:13:28", - "update_time": "2024-04-02 08:13:28", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": "v-model", - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 1, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -136422,14 +134637,14 @@ ], "field_default_value": "", "field_enum": "", - "field_desc_zh": "是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)", + "field_desc_zh": "是否支持拖拽排序。长按时是否振动，碰撞时是否振动。示例一：`true`。示例二：`{ vibrate: true, collisionVibrate: true }`", "field_desc_en": null, "field_required": 0, "event_input": "", "create_time": "2024-04-02 08:20:36", "update_time": "2024-04-02 08:20:36", "event_output": null, - "custom_field_type": "", + "custom_field_type": "boolean | {vibrate?: boolean; collisionVibrate?: boolean}", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -136452,9 +134667,7 @@ "platform_framework": [ "1", "2", - "4", - "16", - "32" + "4" ], "component": "Upload", "field_category": 1, @@ -136484,83 +134697,7 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)", - "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "TNode" - ] - }, - { - "id": 1712045680, - "platform_framework": [ - "64" - ], - "component": "Upload", - "field_category": 1, - "field_name": "fileListDisplay", - "field_type": [ - "64" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "【开发中】用于完全自定义文件列表内容。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2024-04-02 08:14:40", - "update_time": "2024-04-02 08:14:40", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": "v-model", - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 1, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "TNode" - ] - }, - { - "id": 1712660022, - "platform_framework": [ - "8" - ], - "component": "Upload", - "field_category": 1, - "field_name": "fileListDisplay", - "field_type": [ - "64" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "【开发中】用于完全自定义文件列表界面内容(UI)，单文件和多文件均有效", - "field_desc_en": "used to render file list UI", - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 10:53:42", - "update_time": "2024-04-09 10:53:42", - "event_output": null, - "custom_field_type": "TNode<{ files: UploadFile[]; dragEvents?: UploadDisplayDragEvents }>", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Vue(Mobile)" + "Angular(PC)" ], "field_type_text": [ "TNode" @@ -136703,6 +134840,7 @@ "1", "2", "4", + "8", "16", "32" ], @@ -136735,6 +134873,7 @@ "Vue(PC)", "React(PC)", "Angular(PC)", + "Vue(Mobile)", "React(Mobile)", "Angular(Mobile)" ], @@ -136742,51 +134881,12 @@ "Function" ] }, - { - "id": 1712660076, - "platform_framework": [ - "8" - ], - "component": "Upload", - "field_category": 1, - "field_name": "formatRequest", - "field_type": [ - "32" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "用于新增或修改文件上传请求参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`；
一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。
⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。
可以使用 `name` 定义 `file` 字段的别名，也可以使用 `formatRequest` 自定义任意字段", - "field_desc_en": "redefine request data", - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 10:54:36", - "update_time": "2024-04-09 10:54:36", - "event_output": null, - "custom_field_type": "(requestData: { [key: string]: any }) => { [key: string]: any }", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Vue(Mobile)" - ], - "field_type_text": [ - "Function" - ] - }, { "id": 1220, "platform_framework": [ "1", "2", - "4", - "16", - "32" + "4" ], "component": "Upload", "field_category": 1, @@ -136816,9 +134916,7 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)", - "React(Mobile)", - "Angular(Mobile)" + "Angular(PC)" ], "field_type_text": [ "Function" @@ -136827,7 +134925,9 @@ { "id": 1712660124, "platform_framework": [ - "8" + "8", + "16", + "32" ], "component": "Upload", "field_category": 1, @@ -136855,7 +134955,9 @@ "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ - "Vue(Mobile)" + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)" ], "field_type_text": [ "Function" @@ -136882,14 +134984,14 @@ "update_time": "2024-04-02 08:16:17", "event_output": null, "custom_field_type": "{column?: number; width?: number; height?: number;}", - "syntactic_sugar": "v-model", + "syntactic_sugar": "", "readonly": 1, "html_attribute": 0, "trigger_elements": "", "deprecated": 0, "version": "", "test_description": null, - "support_default_value": 1, + "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ "Miniprogram" @@ -136919,14 +135021,14 @@ "update_time": "2024-04-02 08:16:52", "event_output": null, "custom_field_type": null, - "syntactic_sugar": "v-model", + "syntactic_sugar": "", "readonly": 1, "html_attribute": 0, "trigger_elements": "", "deprecated": 0, "version": "", "test_description": null, - "support_default_value": 1, + "support_default_value": 0, "field_category_text": "Props", "platform_framework_text": [ "Miniprogram" @@ -137777,7 +135879,8 @@ "4", "8", "16", - "32" + "32", + "64" ], "component": "Upload", "field_category": 1, @@ -137811,45 +135914,7 @@ "Angular(PC)", "Vue(Mobile)", "React(Mobile)", - "Angular(Mobile)" - ], - "field_type_text": [ - "Number", - "Object" - ] - }, - { - "id": 1712652495, - "platform_framework": [ - "64" - ], - "component": "Upload", - "field_category": 1, - "field_name": "sizeLimit", - "field_type": [ - "2", - "8" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "图片文件大小限制，单位 KB。可选单位有：`'B' | 'KB' | 'MB' | 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`", - "field_desc_en": "files size limit", - "field_required": 0, - "event_input": "", - "create_time": "2024-04-09 08:48:15", - "update_time": "2024-04-09 08:48:15", - "event_output": null, - "custom_field_type": "number | SizeLimitObj【interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }】【type SizeUnitArray = ['B', 'KB', 'MB', 'GB']】【type SizeUnit = SizeUnitArray[number]】", - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ + "Angular(Mobile)", "Miniprogram" ], "field_type_text": [ @@ -137935,43 +136000,6 @@ "String" ] }, - { - "id": 3077, - "platform_framework": [ - "64" - ], - "component": "Upload", - "field_category": 1, - "field_name": "style", - "field_type": [ - "1" - ], - "field_default_value": "", - "field_enum": "", - "field_desc_zh": "自定义组件样式", - "field_desc_en": null, - "field_required": 0, - "event_input": "", - "create_time": "2022-10-31 11:38:51", - "update_time": "2022-10-31 11:38:51", - "event_output": null, - "custom_field_type": null, - "syntactic_sugar": null, - "readonly": 1, - "html_attribute": 0, - "trigger_elements": "", - "deprecated": 0, - "version": "", - "test_description": null, - "support_default_value": 0, - "field_category_text": "Props", - "platform_framework_text": [ - "Miniprogram" - ], - "field_type_text": [ - "String" - ] - }, { "id": 1182, "platform_framework": [ @@ -138067,16 +136095,16 @@ "field_type": [ "8" ], - "field_default_value": "`{ backTransition: true, duration: 300, timingFunction: 'ease' }`", + "field_default_value": "{ backTransition: true, duration: 300, timingFunction: 'ease' }", "field_enum": "", - "field_desc_zh": "拖拽位置移动时的过渡参数", + "field_desc_zh": "拖拽位置移动时的过渡参数,`duration`单位为ms", "field_desc_en": null, "field_required": 0, "event_input": "", "create_time": "2024-04-02 08:26:57", "update_time": "2024-04-02 08:26:57", "event_output": null, - "custom_field_type": "{ backTransition: boolean, duration: number, timingFunction: string }，`duration`单位为ms。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)", + "custom_field_type": "Transition【interface Transition { backTransition?: boolean, duration?: number, timingFunction?: string }】", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -138582,7 +136610,9 @@ { "id": 1712660309, "platform_framework": [ - "8" + "8", + "16", + "32" ], "component": "Upload", "field_category": 2, @@ -138608,7 +136638,9 @@ "support_default_value": 0, "field_category_text": "Events", "platform_framework_text": [ - "Vue(Mobile)" + "Vue(Mobile)", + "React(Mobile)", + "Angular(Mobile)" ], "field_type_text": [] }, @@ -138767,10 +136799,10 @@ "field_type": [], "field_default_value": "", "field_enum": "", - "field_desc_zh": "拖拽结束后触发，包含所有上传的文件（拖拽后的文件顺序）；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/upload/type.ts)。
`type MediaContext = VideoContext[] | ImageContext[]`

`interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }`

`interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number }`
", + "field_desc_zh": "拖拽结束后触发，包含所有上传的文件（拖拽后的文件顺序）；`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size` 选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述", "field_desc_en": null, "field_required": 0, - "event_input": "(files: MediaContext)", + "event_input": "(files: MediaContext) 【type MediaContext = VideoContext[] | ImageContext[]; interface VideoContext { name?: string; type?: string; url?: string; duration?: number; size?: number; width?: number; height?: number; thumb: string; progress: number }; interface ImageContext { name: string; type: string; url: string; size: number; width: number; height: number; progress: number}】", "create_time": "2024-04-02 08:47:17", "update_time": "2024-04-02 08:47:17", "event_output": null, diff --git a/packages/scripts/config/files-combine.js b/packages/scripts/config/files-combine.js index 4839498d9..92e141285 100644 --- a/packages/scripts/config/files-combine.js +++ b/packages/scripts/config/files-combine.js @@ -122,7 +122,7 @@ const COMPONENT_API_MD_MAP = { includes: ['Vue(PC)', 'VueNext(PC)', 'React(PC)', 'Angular(PC)'], }, ], - Icon: ['IconSVG', 'Iconfont'], + Icon: ['Icon', 'IconSVG', 'Iconfont'], Select: ['Select', 'Option', 'OptionGroup', 'TScroll'], Tag: ['Tag', 'CheckTag', 'CheckTagGroup'], Collapse: ['Collapse', 'CollapsePanel'], @@ -188,7 +188,6 @@ const COMPONENT_API_MD_MAP = { SideBar: ['SideBar', 'SideBarItem'], Indexes: { list: ['Indexes', 'IndexesAnchor'], - excludes: ['Miniprogram'], }, Popup: ['Popup', '$Popup'], Typography: [ @@ -369,7 +368,7 @@ const TYPES_COMBINE_MAP = { list: TABLE_LIST, }, Icon: { - list: ['Iconfont', 'IconSVG'], + list: ['Icon', 'Iconfont', 'IconSVG'], }, Anchor: { list: ['AnchorTarget', 'AnchorItem'], @@ -400,6 +399,7 @@ const TYPES_COMBINE_MAP = { }, SideBar: { list: ['SideBar', 'SideBarItem'], + excludes: ['Miniprogram'], }, Indexes: { list: ['Indexes', 'IndexesAnchor'], diff --git a/packages/scripts/types/index.js b/packages/scripts/types/index.js index 9a8a405e7..d8c7ed58f 100644 --- a/packages/scripts/types/index.js +++ b/packages/scripts/types/index.js @@ -518,7 +518,7 @@ function getTypeScriptDesc(componentMap, framework) { const rType = framework === 'Miniprogram' && !COMPONENTS_MAP[api.component].type - ? getMiniprogramType(api.field_type_text, type) + ? getMiniprogramType(api.field_type_text, type, api.field_required) : type; const apiContext = [ formatComment(comment, plugin), diff --git a/packages/scripts/types/miniprogram.js b/packages/scripts/types/miniprogram.js index 960ca87b1..e5d7301d5 100644 --- a/packages/scripts/types/miniprogram.js +++ b/packages/scripts/types/miniprogram.js @@ -2,7 +2,7 @@ const shell = require('shelljs'); const { camelCase } = require('lodash'); // 小程序的 props 类型定义特殊 -function getMiniprogramType(type, tsType) { +function getMiniprogramType(type, tsType, required) { const MP_PROP_TYPES = { string: 'StringConstructor', number: 'NumberConstructor', @@ -18,9 +18,13 @@ function getMiniprogramType(type, tsType) { } }); const valueStr = ['function', 'Function'].includes(tsType) ? 'null' : tsType; + + const isRequired = required ? `required?: boolean;` : ''; + return `{ ${`type: ${types.length > 1 ? 'null' : types[0]};`} value?: ${valueStr}; + ${isRequired} }`; } diff --git a/packages/scripts/types/vue-props.js b/packages/scripts/types/vue-props.js index ac1931bbe..35b16821a 100644 --- a/packages/scripts/types/vue-props.js +++ b/packages/scripts/types/vue-props.js @@ -108,9 +108,9 @@ function defaultValueIsUndefined(api) { function getDefaultWithType(api, dl, valueType) { const isMiniprogram = currentFramework === 'Miniprogram'; // 小程序，默认值为中文的，使用 '' 替换 - if (isMiniprogram && /[^\x00-\xff]/.test(dl)) { - dl = '\'\''; - } + // if (isMiniprogram && /[^\x00-\xff]/.test(dl)) { + // dl = '\'\''; + // } // 小程序的默认值使用 `value` 表示；Vue 的默认值使用 `default` 表示 const defaultField = isMiniprogram ? 'value:' : 'default:'; @@ -271,8 +271,8 @@ function formatApiToProps(baseData, framework, isUseDefault) { const miniprogram = {}; baseData[cmp].forEach((api) => { //废弃属性不放在 props 中 - if(api.deprecated) return; - + if(api.deprecated) return; + // 小程序原生属性替代属性不放在 props 中 const MP_PROPS = ['MP_PROPS', 'MP_EXCLUDE_PROPS']; MP_PROPS.forEach((prop) => {