| | |
| | | { |
| | | "key": "TDesign", |
| | | "label": "Tdesign", |
| | | "components": { |
| | | "t-action-sheet": { |
| | | "key": "t-action-sheet", |
| | | "label": "动作面板", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-actionsheet.png", |
| | | "properties": [ |
| | | { |
| | | "key": "cancelText", |
| | | "type": ["String"], |
| | | "desc": "设置取消按钮的文本", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "count", |
| | | "type": ["Number"], |
| | | "desc": "设置每页展示菜单的数量,仅当 type=grid 时有效", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "items", |
| | | "type": ["Array"], |
| | | "desc": "菜单项", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showCancel", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示取消按钮", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "展示类型,列表和表格形式展示", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "显示与隐藏", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:cancel", |
| | | "desc": "点击取消按钮时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:close", |
| | | "desc": "关闭时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:selected", |
| | | "desc": "选择菜单项时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-action-sheet id=\"t-action-sheet-imperative\" visible=\"{{false}}\"></t-action-sheet>", |
| | | "path": "./action-sheet/action-sheet" |
| | | }, |
| | | "t-avatar-group": { |
| | | "key": "t-avatar-group", |
| | | "label": "头像组", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-avatar.png", |
| | | "properties": [ |
| | | { |
| | | "key": "cascading", |
| | | "type": ["String"], |
| | | "desc": "图片之间的层叠关系,可选值:左侧图片在上和右侧图片在上", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "collapseAvatar", |
| | | "type": ["String"], |
| | | "desc": "头像数量超出时,会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例:`+5`,`...`, `更多`", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "max", |
| | | "type": ["Number"], |
| | | "desc": "能够同时显示的最多头像数量", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "尺寸,示例值:small/medium/large/24px/38px 等。优先级低于 Avatar.size", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-image", "t-class-content"], |
| | | "tpl": "<t-avatar-group max=\"2\" collapseAvatar=\"+5\"><t-avatar wx:for=\"{{['https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/avatar/avatar-v2/1.png','https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/avatar/avatar-v2/2.png','https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/avatar/avatar-v2/3.png']}}\" wx:key=\"index\" image=\"{{item}}\" style=\"margin-right: -16rpx\" /></t-avatar-group>", |
| | | "require": { |
| | | "t-avatar": "./avatar/avatar" |
| | | }, |
| | | "path": "./avatar/avatar-group" |
| | | }, |
| | | "t-avatar": { |
| | | "key": "t-avatar", |
| | | "label": "头像", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-avatar.png", |
| | | "properties": [ |
| | | { |
| | | "key": "alt", |
| | | "type": ["String"], |
| | | "desc": "头像替换文本,仅当图片加载失败时有效", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "badgeProps", |
| | | "type": ["Object"], |
| | | "desc": "头像右上角提示信息,继承 Badge 组件的全部特性。如:小红点,或者数字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "hideOnLoadFailed", |
| | | "type": ["Boolean"], |
| | | "desc": "加载失败时隐藏图片", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "image", |
| | | "type": ["String"], |
| | | "desc": "图片地址", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "形状", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "尺寸,示例值:small/medium/large/24px/38px 等,默认为 large", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:error", |
| | | "desc": "图片加载失败时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-avatar icon=\"user\" alt=\"avatar\"/>", |
| | | "path": "./avatar/avatar" |
| | | }, |
| | | "t-back-top": { |
| | | "key": "t-back-top", |
| | | "label": "回到顶部", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-backtop.png", |
| | | "properties": [ |
| | | { |
| | | "key": "fixed", |
| | | "type": ["Boolean"], |
| | | "desc": "是否绝对定位固定到屏幕右下方", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "text", |
| | | "type": ["String"], |
| | | "desc": "文案", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "预设的样式类型", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-icon", "t-class-text"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:to-top", |
| | | "desc": "点击触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-back-top />", |
| | | "path": "./back-top/back-top" |
| | | }, |
| | | "t-badge": { |
| | | "key": "t-badge", |
| | | "label": "徽标数", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-badge.png", |
| | | "properties": [ |
| | | { |
| | | "key": "color", |
| | | "type": ["String"], |
| | | "desc": "颜色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "徽标内容,示例:`content='自定义内容'`。也可以使用默认插槽定义", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "count", |
| | | "type": ["String", "Number"], |
| | | "desc": "徽标右上角内容。可以是数字,也可以是文字。如:'new'/3/99+。特殊:值为空表示使用插槽渲染", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "dot", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为红点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxCount", |
| | | "type": ["Number"], |
| | | "desc": "封顶的数字值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "offset", |
| | | "type": ["Array"], |
| | | "desc": "设置状态点的位置偏移,示例:[-10, 20] 或 ['10em', '8rem']", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "形状", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showZero", |
| | | "type": ["Boolean"], |
| | | "desc": "当数值为 0 时,是否展示徽标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "尺寸", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-content", "t-class-count"], |
| | | "tpl": "<t-badge content=\"消息\" dot />", |
| | | "path": "./badge/badge" |
| | | }, |
| | | "t-button": { |
| | | "key": "t-button", |
| | | "label": "按钮", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-button.png", |
| | | "properties": [ |
| | | { |
| | | "key": "block", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为块级元素", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "按钮内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "customDataset", |
| | | "type": ["Object"], |
| | | "desc": "自定义 dataset,可通过 event.currentTarget.dataset.custom 获取", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用按钮", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "ghost", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为幽灵按钮(镂空按钮)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loading", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示为加载状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "按钮形状,有 4 种:长方形、正方形、圆角长方形、圆形", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "组件尺寸", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "组件风格,依次为品牌色、危险色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "type", |
| | | "type": ["String"], |
| | | "desc": "同小程序的 formType", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "variant", |
| | | "type": ["String"], |
| | | "desc": "按钮形式,基础、线框、文字", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-icon"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:click", |
| | | "desc": "点击时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-button theme=\"primary\" block content=\"强按钮\"></t-button>", |
| | | "path": "./button/button" |
| | | }, |
| | | "t-cell-group": { |
| | | "key": "t-cell-group", |
| | | "label": "单元格组", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-cell.png", |
| | | "properties": [ |
| | | { |
| | | "key": "bordered", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示组边框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "单元格组标题", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "tpl": "<t-cell-group title=\"01 基础用法\"><t-cell title=\"单行标题\" required /><t-cell title=\"单行标题\" hover note=\"辅助信息\" /><t-cell title=\"单行标题\" hover arrow /><t-cell title=\"单行标题\" hover note=\"辅助信息\" arrow /></t-cell-group>", |
| | | "require": { |
| | | "t-cell": "./cell/cell" |
| | | }, |
| | | "path": "./cell-group/cell-group" |
| | | }, |
| | | "t-cell": { |
| | | "key": "t-cell", |
| | | "label": "单元格", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-cell.png", |
| | | "properties": [ |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "内容的对齐方式,默认居中对齐", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "arrow", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示右侧箭头", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bordered", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示下边框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "description", |
| | | "type": ["String"], |
| | | "desc": "下方内容描述", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "hover", |
| | | "type": ["Boolean"], |
| | | "desc": "是否开启点击反馈", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "image", |
| | | "type": ["String"], |
| | | "desc": "主图", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "jumpType", |
| | | "type": ["String"], |
| | | "desc": "链接跳转类型", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "leftIcon", |
| | | "type": ["String"], |
| | | "desc": "左侧图标,出现在单元格标题的左侧", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "note", |
| | | "type": ["String"], |
| | | "desc": "和标题同行的说明文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "required", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示表单必填星号", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "rightIcon", |
| | | "type": ["String"], |
| | | "desc": "最右侧图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "标题", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "url", |
| | | "type": ["String"], |
| | | "desc": "点击后跳转链接地址。如果值为空,则表示不需要跳转", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": [ |
| | | "t-class", |
| | | "t-class-title", |
| | | "t-class-note", |
| | | "t-class-description", |
| | | "t-class-thumb", |
| | | "t-class-hover", |
| | | "t-class-left", |
| | | "t-class-right" |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:click", |
| | | "desc": "右侧内容", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-cell title=\"单行标题\" hover />", |
| | | "path": "./cell/cell" |
| | | }, |
| | | "t-check-tag": { |
| | | "key": "t-check-tag", |
| | | "label": "可选标签", |
| | | "icon": "", |
| | | "properties": [ |
| | | { |
| | | "key": "checked", |
| | | "type": ["Boolean"], |
| | | "desc": "标签选中的状态,默认风格(theme=default)才有选中态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "closable", |
| | | "type": ["Boolean"], |
| | | "desc": "标签是否可关闭", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String", "Number"], |
| | | "desc": "组件子元素", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "标签禁用态,失效标签不能触发事件。默认风格(theme=default)才有禁用态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "标签中的图标,可自定义图标呈现", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "标签类型,有三种:方形、圆角方形、标记型", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "标签尺寸", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "组件子元素", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:click", |
| | | "desc": "点击标签时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-check-tag>check tag</t-check-tag>", |
| | | "path": "./check-tag/check-tag" |
| | | }, |
| | | "t-checkbox-group": { |
| | | "key": "t-checkbox-group", |
| | | "label": "多选框组", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-checkbox.png", |
| | | "properties": [ |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "max", |
| | | "type": ["Number"], |
| | | "desc": "支持最多选中的数量", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "name", |
| | | "type": ["String"], |
| | | "desc": "统一设置内部复选框 HTML 属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "options", |
| | | "type": ["Array"], |
| | | "desc": "以配置形式设置子元素。示例1:`['北京', '上海']` ,示例2: `[{ label: '全选', checkAll: true }, { label: '上海', value: 'shanghai' }]`。checkAll 值为 true 表示当前选项为「全选选项」", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["Array"], |
| | | "desc": "选中值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "值变化时触发。`context.current` 表示当前变化的数据项,如果是全选则为空;`context.type` 表示引起选中数据变化的是选中或是取消选中,`context.option` 表示当前变化的数据项", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-checkbox-group value=\"{{['checkbox1']}}\"><t-checkbox value=\"checkbox1\" label=\"多选\" /><t-checkbox value=\"checkbox2\" label=\"多选\" /><t-checkbox value=\"checkbox3\" label=\"多选\" /></t-checkbox-group>", |
| | | "require": { |
| | | "t-checkbox": "./checkbox/checkbox" |
| | | }, |
| | | "path": "./checkbox-group/checkbox-group" |
| | | }, |
| | | "t-checkbox": { |
| | | "key": "t-checkbox", |
| | | "label": "多选框", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-checkbox.png", |
| | | "properties": [ |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "多选框和内容相对位置", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "checkAll", |
| | | "type": ["Boolean"], |
| | | "desc": "用于标识是否为「全选选项」。单独使用无效,需在 CheckboxGroup 中使用", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "checked", |
| | | "type": ["Boolean"], |
| | | "desc": "是否选中", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "color", |
| | | "type": ["String"], |
| | | "desc": "多选框颜色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "多选框内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "contentDisabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件内容(content)触发选中", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["Array"], |
| | | "desc": "自定义选中图标和非选中图标。示例:[选中态图标地址,非选中态图标地址]", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "indeterminate", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为半选", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "主文案", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxContentRow", |
| | | "type": ["Number"], |
| | | "desc": "内容最大行数限制", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxLabelRow", |
| | | "type": ["Number"], |
| | | "desc": "主文案最大行数限制", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "name", |
| | | "type": ["String"], |
| | | "desc": "HTML 元素原生属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "readonly", |
| | | "type": ["Boolean"], |
| | | "desc": "只读状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "多选框的值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-icon", "t-class-label", "t-class-content", "t-class-border"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "值变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-checkbox label=\"多选框\" checked=\"{{true}}\"></t-checkbox>", |
| | | "path": "./checkbox/checkbox" |
| | | }, |
| | | "t-collapse-panel": { |
| | | "key": "t-collapse-panel", |
| | | "label": "折叠面板", |
| | | "icon": "", |
| | | "properties": [ |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "折叠面板内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "禁止当前面板展开,优先级大于 Collapse 的同名属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "expandIcon", |
| | | "type": ["Boolean"], |
| | | "desc": "当前折叠面板展开图标,优先级大于 Collapse 的同名属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "header", |
| | | "type": ["String"], |
| | | "desc": "面板头内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "headerRightContent", |
| | | "type": ["String"], |
| | | "desc": "面板头的右侧区域,一般用于呈现面板操作", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "当前面板唯一标识,如果值为空则取当前面下标兜底作为唯一标识", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-collapse-panel header=\"折叠面板标题\" value=\"{{0}}\">此处可自定义内容</t-collapse-panel>", |
| | | "path": "./collapse/collapse-panel" |
| | | }, |
| | | "t-collapse": { |
| | | "key": "t-collapse", |
| | | "label": "折叠", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-collapse.png", |
| | | "properties": [ |
| | | { |
| | | "key": "defaultExpandAll", |
| | | "type": ["Boolean"], |
| | | "desc": "默认是否展开全部", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用面板展开/收起操作", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "expandIcon", |
| | | "type": ["Boolean"], |
| | | "desc": "展开图标。值为 undefined 或 false 则不显示展开图标;值为 true 显示默认图标;值类型为函数,则表示完全自定义展开图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "expandMutex", |
| | | "type": ["Boolean"], |
| | | "desc": "每个面板互斥展开,每次只展开一个面板", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["Array"], |
| | | "desc": "展开的面板集合", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "切换面板时触发,返回变化的值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-collapse value=\"{{[0]}}\"><t-collapse-panel header=\"折叠面板标题\" value=\"{{0}}\">此处可自定义内容</t-collapse-panel></t-collapse>", |
| | | "require": { |
| | | "t-collapse-panel": "./collapse/collapse-panel" |
| | | }, |
| | | "path": "./collapse/collapse" |
| | | }, |
| | | "t-date-time-picker": { |
| | | "key": "t-date-time-picker", |
| | | "label": "日期时间选择器", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-datetimepicker.png", |
| | | "properties": [ |
| | | { |
| | | "key": "cancelBtn", |
| | | "type": ["String"], |
| | | "desc": "取消按钮文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "confirmBtn", |
| | | "type": ["String"], |
| | | "desc": "确定按钮文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "end", |
| | | "type": ["String", "Number"], |
| | | "desc": "选择器的结束时间", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "footer", |
| | | "type": ["String"], |
| | | "desc": "底部内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "format", |
| | | "type": ["String"], |
| | | "desc": "用于格式化日期,[详细文档](https://day.js.org/docs/en/display/format)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "header", |
| | | "type": ["Boolean"], |
| | | "desc": "头部内容。值为 true 显示空白头部,值为 false 不显示任何内容,值类型为 TNode 表示自定义头部内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "mode", |
| | | "type": ["String", "Array"], |
| | | "desc": "选择器模式,用于表示可以选择到哪一个层级。【示例一】year 或者 ['year'] 表示纯日期选择器,只能选择到年份,只显示年份。【示例二】'hour' 或 ['hour'] 表示纯时间选择器,只能选择到小时维度。【示例三】['year', 'month', 'date', 'hour', 'minute'] 表示,日期和时间 混合选择器,可以选择到具体哪一分钟,显示全部时间:年/月/日/时/分", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showWeek", |
| | | "type": ["Boolean"], |
| | | "desc": "【开发中】是否在日期旁边显示周几(如周一,周二,周日等)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "start", |
| | | "type": ["String", "Number"], |
| | | "desc": "选择器的开始时间", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "标题", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "选中值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-confirm", "t-class-cancel", "t-class-title"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:cancel", |
| | | "desc": "取消按钮点击时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "选中值发生变化时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:column-change", |
| | | "desc": "每一列选中数据变化时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:confirm", |
| | | "desc": "确认按钮点击时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-date-time-picker title=\"选择日期\" visible=\"{{true}}\" mode=\"{{['date']}}\" format=\"YYYY-MM-DD\"></t-date-time-picker>", |
| | | "path": "./date-time-picker/date-time-picker" |
| | | }, |
| | | "t-dialog": { |
| | | "key": "t-dialog", |
| | | "label": "对话框", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-dialog.png", |
| | | "properties": [ |
| | | { |
| | | "key": "actions", |
| | | "type": ["Array"], |
| | | "desc": "操作栏", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "buttonLayout", |
| | | "type": ["String"], |
| | | "desc": "多按钮排列方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "cancelBtn", |
| | | "type": ["String", "Object"], |
| | | "desc": "取消按钮,可自定义。值为 null 则不显示取消按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时,需自行控制取消事件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "closeOnOverlayClick", |
| | | "type": ["Boolean"], |
| | | "desc": "点击蒙层时是否触发关闭事件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "confirmBtn", |
| | | "type": ["String", "Object"], |
| | | "desc": "确认按钮。值为 null 则不显示确认按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时,需自行控制确认事件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "preventScrollThrough", |
| | | "type": ["Boolean"], |
| | | "desc": "防止滚动穿透", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showInAttachedElement", |
| | | "type": ["Boolean"], |
| | | "desc": "【开发中】仅在挂载元素中显示抽屉,默认在浏览器可视区域显示。父元素需要有定位属性,如:position: relative", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showOverlay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示遮罩层", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "标题", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "控制对话框是否显示", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "zIndex", |
| | | "type": ["Number"], |
| | | "desc": "对话框层级,Web 侧样式默认为 2500,移动端和小程序样式默认为 1500", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-content", "t-class-confirm", "t-class-cancel"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:cancel", |
| | | "desc": "如果“取消”按钮存在,则点击“取消”按钮时触发,同时触发关闭事件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:close", |
| | | "desc": "关闭事件,点击 取消按钮 或 点击蒙层 时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:overlay-click", |
| | | "desc": "如果蒙层存在,点击蒙层时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-dialog visible=\"{{true}}\" title=\"对话框标题\" content=\"告知当前状态、信息和解决方法,等内容。描述文案尽可能控制在三行内\" confirm-btn=\"我知道了\" />", |
| | | "path": "./dialog/dialog" |
| | | }, |
| | | "t-divider": { |
| | | "key": "t-divider", |
| | | "label": "分割线", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-divider.png", |
| | | "properties": [ |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "文本位置(仅在水平分割线有效)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "子元素", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "dashed", |
| | | "type": ["Boolean"], |
| | | "desc": "是否虚线(仅在水平分割线有效)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "layout", |
| | | "type": ["String"], |
| | | "desc": "分隔线类型有两种:水平和垂直", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "lineColor", |
| | | "type": ["String"], |
| | | "desc": "分隔线颜色", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-line", "t-class-content"], |
| | | "tpl": "<t-divider />", |
| | | "path": "./divider/divider" |
| | | }, |
| | | "t-drawer": { |
| | | "key": "t-drawer", |
| | | "label": "模态抽屉", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-drawer.png", |
| | | "properties": [ |
| | | { |
| | | "key": "closeOnOverlayClick", |
| | | "type": ["Boolean"], |
| | | "desc": "点击蒙层时是否触发抽屉关闭事件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "destroyOnClose", |
| | | "type": ["Boolean"], |
| | | "desc": "抽屉关闭时是否销毁节点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "items", |
| | | "type": ["Array"], |
| | | "desc": "抽屉里的列表项", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placement", |
| | | "type": ["String"], |
| | | "desc": "抽屉方向", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showOverlay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示遮罩层", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "组件是否可见", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "zIndex", |
| | | "type": ["Number"], |
| | | "desc": "抽屉层级,样式默认为 1500", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:close", |
| | | "desc": "关闭事件,取消按钮点击时、关闭按钮点击时、点击蒙层时均会触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:item-click", |
| | | "desc": "点击抽屉里的列表项", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:overlay-click", |
| | | "desc": "如果蒙层存在,点击蒙层时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-drawer visible=\"{{true}}\" placement=\"left\" items=\"{{[{title: '菜单一'},{title: '菜单二'}]}}\"></t-drawer>", |
| | | "path": "./drawer/drawer" |
| | | }, |
| | | "t-dropdown-item": { |
| | | "key": "t-dropdown-item", |
| | | "label": "下拉菜单子项", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-dropdownmenu.png", |
| | | "properties": [ |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "标题", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "multiple", |
| | | "type": ["Boolean"], |
| | | "desc": "是否多选", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "options", |
| | | "type": ["Array"], |
| | | "desc": "选项数据", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" /><t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" />", |
| | | "path": "./dropdown-menu/dropdown-item" |
| | | }, |
| | | "t-dropdown-menu": { |
| | | "key": "t-dropdown-menu", |
| | | "label": "下拉菜单", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-dropdownmenu.png", |
| | | "properties": [ |
| | | { |
| | | "key": "activeColor", |
| | | "type": ["String"], |
| | | "desc": "【讨论中】菜单标题和选项的选中态颜色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "closeOnClickOverlay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否在点击遮罩层后关闭菜单", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "duration", |
| | | "type": ["String", "Number"], |
| | | "desc": "动画时长", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showOverlay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示遮罩层", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "zIndex", |
| | | "type": ["Number"], |
| | | "desc": "菜单栏 z-index 层级", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-dropdown-menu><t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" /><t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" /></t-dropdown-menu>", |
| | | "require": { |
| | | "t-dropdown-item": "./dropdown-menu/dropdown-item" |
| | | }, |
| | | "path": "./dropdown-menu/dropdown-menu" |
| | | }, |
| | | "t-empty": { |
| | | "key": "t-empty", |
| | | "label": "空状态", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-empty.png", |
| | | "properties": [ |
| | | { |
| | | "key": "action", |
| | | "type": ["String"], |
| | | "desc": "操作按钮", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "description", |
| | | "type": ["String"], |
| | | "desc": "描述文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "image", |
| | | "type": ["String"], |
| | | "desc": "图片地址", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-description", "t-class-image", "t-class-actions"], |
| | | "tpl": "<t-empty icon=\"info-circle-filled\" />", |
| | | "path": "./empty/empty" |
| | | }, |
| | | "t-fab": { |
| | | "key": "t-fab", |
| | | "label": "悬浮按钮", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-fab.png", |
| | | "properties": [ |
| | | { |
| | | "key": "buttonProps", |
| | | "type": ["Object"], |
| | | "desc": "透传至 Button 组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "style", |
| | | "type": ["String"], |
| | | "desc": "悬浮按钮的样式,常用于调整位置", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "text", |
| | | "type": ["String"], |
| | | "desc": "文本内容", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:click", |
| | | "desc": "悬浮按钮点击事件", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-fab icon=\"add\" />", |
| | | "path": "./fab/fab" |
| | | }, |
| | | "t-footer": { |
| | | "key": "t-footer", |
| | | "label": "布局-底部内容", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-footer.png", |
| | | "properties": [ |
| | | { |
| | | "key": "copyright", |
| | | "type": ["String"], |
| | | "desc": "版权信息,type 为`text`生效", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "logo", |
| | | "type": ["Object"], |
| | | "desc": "图标配置,type 为`logo`生效。`logo.icon` 表示图标链接地址,`logo.title` 表示标题文本,`logo.url` 表示链接跳转地址", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "textLinkList", |
| | | "type": ["Array"], |
| | | "desc": "链接列表,type 为`text`生效。name 表示链接名称, url 表示链接 page 路径,目前只支持小程序内部跳转,openType 表示跳转方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "页脚展示类型", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-footer theme=\"text\" copyright=\"Copyright © 2021-2031 TD.All Rights Reserved.\" />", |
| | | "path": "./footer/footer" |
| | | }, |
| | | "t-grid-item": { |
| | | "key": "t-grid-item", |
| | | "label": "宫格子项", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-grid.png", |
| | | "properties": [ |
| | | { |
| | | "key": "badgeProps", |
| | | "type": ["Object"], |
| | | "desc": "头像右上角提示信息,继承 Badge 组件的全部特性。如:小红点,或者数字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "description", |
| | | "type": ["String"], |
| | | "desc": "文本以外的更多描述,辅助信息。可以通过 Props 传入文本,也可以自定义标题节点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "image", |
| | | "type": ["String"], |
| | | "desc": "图片,可以是图片地址,也可以自定义图片节点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "jumpType", |
| | | "type": ["String"], |
| | | "desc": "链接跳转类型", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "layout", |
| | | "type": ["String"], |
| | | "desc": "内容布局方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "text", |
| | | "type": ["String"], |
| | | "desc": "文本,可以通过 Props 传入文本,也可以自定义标题节点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "url", |
| | | "type": ["String"], |
| | | "desc": "点击后的跳转链接", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-image", "t-class-text", "t-class-description"], |
| | | "tpl": "<t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item>", |
| | | "path": "./grid-item/grid-item" |
| | | }, |
| | | "t-grid": { |
| | | "key": "t-grid", |
| | | "label": "栅格", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-grid.png", |
| | | "properties": [ |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "内容对齐方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "border", |
| | | "type": ["Boolean", "Object"], |
| | | "desc": "边框,默认不显示。值为 true 则显示默认边框,值类型为 object 则表示自定义边框样式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "column", |
| | | "type": ["Number"], |
| | | "desc": "每一行的列数量", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "gutter", |
| | | "type": ["Number"], |
| | | "desc": "间隔大小", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "hover", |
| | | "type": ["Boolean"], |
| | | "desc": "是否开启点击反馈", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "tpl": "<t-grid column=\"{{2}}\"><t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item><t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item></t-grid>", |
| | | "require": { |
| | | "t-grid-item": "./grid-item/grid-item" |
| | | }, |
| | | "path": "./grid/grid" |
| | | }, |
| | | "t-icon": { |
| | | "key": "t-icon", |
| | | "label": "图标", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-icon.png", |
| | | "properties": [ |
| | | { |
| | | "key": "classPrefix", |
| | | "type": ["String"], |
| | | "desc": "自定义icon前缀", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "color", |
| | | "type": ["String"], |
| | | "desc": "图标颜色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "style", |
| | | "type": ["String"], |
| | | "desc": "自定义样式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "name", |
| | | "type": ["String"], |
| | | "desc": "图标名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String", "Number"], |
| | | "desc": "图标名称", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-icon name=\"add-circle\" />", |
| | | "path": "./icon/icon" |
| | | }, |
| | | "t-image": { |
| | | "key": "t-image", |
| | | "label": "图片", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-image.png", |
| | | "properties": [ |
| | | { |
| | | "key": "error", |
| | | "type": ["String"], |
| | | "desc": "加载失败时显示的内容。值为 `default` 则表示使用默认加载失败风格;值为空或者 `slot` 表示使用插槽渲染,插槽名称为 `error`;值为其他则表示普通文本内容,如“加载失败”", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "lazy", |
| | | "type": ["Boolean"], |
| | | "desc": "是否开启图片懒加载", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loading", |
| | | "type": ["String"], |
| | | "desc": "加载态内容。值为 `default` 则表示使用默认加载中风格;值为空或者 `slot` 表示使用插槽渲染,插槽名称为 `loading`;值为其他则表示普通文本内容,如“加载中”", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "图片圆角类型", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "src", |
| | | "type": ["String"], |
| | | "desc": "图片链接", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-load"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:error", |
| | | "desc": "图片加载失败时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:load", |
| | | "desc": "图片加载完成时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-image src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" mode=\"aspectFill\"></t-image>", |
| | | "path": "./image/image" |
| | | }, |
| | | "t-indexes": { |
| | | "key": "t-indexes", |
| | | "label": "索引", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-indexes.png", |
| | | "properties": [ |
| | | { |
| | | "key": "height", |
| | | "type": ["Number"], |
| | | "desc": "列表高度,未设置默认占满设备高度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "list", |
| | | "type": ["Array"], |
| | | "desc": "索引列表的列表数据。每个元素包含三个子元素,index(string):索引值,例如1,2,3,...或A,B,C等;title(string): 索引标题,可不填将默认设为索引值;children(Array<{title: string}>): 子元素列表,title为子元素的展示文案。", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "sticky", |
| | | "type": ["Boolean"], |
| | | "desc": "索引是否吸顶,默认为true", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:select", |
| | | "desc": "点击行元素时触发事件", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-indexes id=\"bar\" list=\"{{ [{ title: 'A开头', index: 'A', children: [{ title: '阿坝' }]},{ title: 'B开头', index: 'B', children: [{ title: '北京' }]}] }}\" />", |
| | | "path": "./indexes/indexes" |
| | | }, |
| | | "t-input": { |
| | | "key": "t-input", |
| | | "label": "输入框", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-input.png", |
| | | "properties": [ |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "文本内容位置,居左/居中/居右", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "borderless", |
| | | "type": ["Boolean"], |
| | | "desc": "【讨论中】是否开启无边框模式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "clearable", |
| | | "type": ["Boolean"], |
| | | "desc": "是否可清空", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用输入框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "errorMessage", |
| | | "type": ["String"], |
| | | "desc": "错误提示文本,值为空不显示(废弃属性,如果需要,请更为使用 status 和 tips)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "format", |
| | | "type": ["String"], |
| | | "desc": "【开发中】指定输入框展示值的格式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "左侧文本", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxcharacter", |
| | | "type": ["Number"], |
| | | "desc": "用户最多可以输入的字符个数,一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxlength", |
| | | "type": ["Number"], |
| | | "desc": "用户最多可以输入的文本长度,一个中文等于一个计数长度。值小于等于 0 的时候,则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placeholder", |
| | | "type": ["String"], |
| | | "desc": "占位符", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "prefixIcon", |
| | | "type": ["String"], |
| | | "desc": "组件前置图标,值为字符串则表示图标名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "readonly", |
| | | "type": ["Boolean"], |
| | | "desc": "只读状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "输入框尺寸", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "status", |
| | | "type": ["String"], |
| | | "desc": "输入框状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "suffix", |
| | | "type": ["String"], |
| | | "desc": "后置图标前的后置内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "suffixIcon", |
| | | "type": ["String"], |
| | | "desc": "后置文本内容,值为字符串则表示图标名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "tips", |
| | | "type": ["String"], |
| | | "desc": "输入框下方提示文本,会根据不同的 `status` 呈现不同的样式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "输入框的值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-input", "t-class-placeholder", "t-class-error-msg"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:blur", |
| | | "desc": "失去焦点时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "输入框值发生变化时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:clear", |
| | | "desc": "清空按钮点击时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:enter", |
| | | "desc": "回车键按下时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:focus", |
| | | "desc": "获得焦点时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-input placeholder=\"请输入文字\" />", |
| | | "path": "./input/input" |
| | | }, |
| | | "t-loading": { |
| | | "key": "t-loading", |
| | | "label": "加载中", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-loading.png", |
| | | "properties": [ |
| | | { |
| | | "key": "delay", |
| | | "type": ["Number"], |
| | | "desc": "延迟显示加载效果的时间,用于防止请求速度过快引起的加载闪烁,单位:毫秒", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "duration", |
| | | "type": ["Number"], |
| | | "desc": "加载动画执行完成一次的时间,单位:毫秒", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "indicator", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示加载指示符", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "inheritColor", |
| | | "type": ["Boolean"], |
| | | "desc": "是否继承父元素颜色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "layout", |
| | | "type": ["String"], |
| | | "desc": "对齐方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loading", |
| | | "type": ["Boolean"], |
| | | "desc": "是否处于加载状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "pause", |
| | | "type": ["Boolean"], |
| | | "desc": "是否暂停动画", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "progress", |
| | | "type": ["Number"], |
| | | "desc": "加载进度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "reverse", |
| | | "type": ["Boolean"], |
| | | "desc": "加载动画是否反向", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "尺寸,示例:40rpx/20px", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "text", |
| | | "type": ["String"], |
| | | "desc": "加载提示文案", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "加载组件类型", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-text", "t-class-indicator"], |
| | | "tpl": "<t-loading theme=\"circular\" size=\"40rpx\"></t-loading>", |
| | | "path": "./loading/loading" |
| | | }, |
| | | "t-message": { |
| | | "key": "t-message", |
| | | "label": "全局提醒", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-message.png", |
| | | "properties": [ |
| | | { |
| | | "key": "action", |
| | | "type": ["String"], |
| | | "desc": "操作", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "文本对齐方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "closeBtn", |
| | | "type": ["String", "Boolean"], |
| | | "desc": "关闭按钮,可以自定义。值为 true 显示默认关闭按钮,值为 false 不显示关闭按钮。值类型为 string 则直接显示值,如:“关闭”。也可以完全自定义按钮", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "用于自定义消息弹出内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "duration", |
| | | "type": ["Number"], |
| | | "desc": "消息内置计时器,计时到达时会触发 duration-end 事件。单位:毫秒。值为 0 则表示没有计时器。", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String", "Boolean"], |
| | | "desc": "消息提醒前面的图标。值为 true 则根据 theme 显示对应的图标,值为 false 则不显示图标。值为 'info' 或 'bell' 则显示组件内置图标。也可以完全自定义图标节点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "marquee", |
| | | "type": ["Boolean", "Object"], |
| | | "desc": "跑马灯效果。speed 指速度控制;loop 指循环播放次数,值为 -1 表示循环播放,值为 0 表示不循环播放;delay 表示延迟多久开始播放", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "offset", |
| | | "type": ["Array"], |
| | | "desc": "相对于 placement 的偏移量,示例:[-10, 20] 或 ['10rpx', '8rpx']", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "消息组件风格", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示,隐藏时默认销毁组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "zIndex", |
| | | "type": ["Number"], |
| | | "desc": "元素层级,样式默认为 5000", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-content", "t-class-icon", "t-class-action", "t-class-close-btn"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:action-btn-click", |
| | | "desc": "当操作按钮存在时,用户点击操作按钮时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:close-btn-click", |
| | | "desc": "当关闭按钮存在时,用户点击关闭按钮触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:duration-end", |
| | | "desc": "计时结束后触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-message id=\"t-message\" />", |
| | | "path": "./message/message" |
| | | }, |
| | | "t-navbar": { |
| | | "key": "t-navbar", |
| | | "label": "导航条", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-navbar.png", |
| | | "properties": [ |
| | | { |
| | | "key": "animation", |
| | | "type": ["Boolean"], |
| | | "desc": "是否添加动画效果", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "background", |
| | | "type": ["String"], |
| | | "desc": "背景", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "delta", |
| | | "type": ["Number"], |
| | | "desc": "后退按钮后退层数,含义参考 [wx.navigateBack](https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateBack.html),特殊的,传入 0 不会发生执行 wx.navigateBack,只会触发一个 goback 事件供自行处理。", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "fixed", |
| | | "type": ["Boolean"], |
| | | "desc": "是否固定在顶部", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "homeIcon", |
| | | "type": ["String"], |
| | | "desc": "首页图标地址。值为 '' 或者 undefiend 则表示不显示返回图标,值为 'circle' 表示显示默认图标,值为 'slot' 表示使用插槽渲染,值为其他则表示图标地址", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "leftIcon", |
| | | "type": ["String"], |
| | | "desc": "左侧图标地址,值为 '' 或者 undefiend 则表示不显示返回图标,值为 'arrow-left' 表示显示返回图标,值为 'slot' 表示使用插槽渲染,值为其他则表示图标地址", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "页面标题", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "titleMaxLength", |
| | | "type": ["Number"], |
| | | "desc": "标题文字最大长度,超出的范围使用 `...` 表示", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-title", "t-class-left-icon", "t-class-home-icon", "t-class-capsule"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:complete", |
| | | "desc": "navigateBack 执行完成后触发(失败或成功均会触发)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:fail", |
| | | "desc": "navigateBack 执行失败后触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:go-back", |
| | | "desc": "delta 值为 0 时,点击返回,触发该事件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:go-home", |
| | | "desc": "点击 Home 触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:success", |
| | | "desc": "navigateBack 执行成功后触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-navbar title=\"标题\" />", |
| | | "path": "./navbar/navbar" |
| | | }, |
| | | "t-picker-item": { |
| | | "key": "t-picker-item", |
| | | "label": "选择器子项", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-picker.png", |
| | | "properties": [ |
| | | { |
| | | "key": "format", |
| | | "type": ["String"], |
| | | "desc": "格式化标签", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "options", |
| | | "type": ["Array"], |
| | | "desc": "数据源", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-picker-item options=\"{{[{ label: '上海', value: '上海' },{ label: '广州', value: '广州' },{ label: '深圳', value: '深圳' }]}}\" value=\"广州\"></t-picker-item>", |
| | | "path": "./picker-item/picker-item" |
| | | }, |
| | | "t-picker": { |
| | | "key": "t-picker", |
| | | "label": "选择器", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-picker.png", |
| | | "properties": [ |
| | | { |
| | | "key": "cancelBtn", |
| | | "type": ["String", "Object"], |
| | | "desc": "取消按钮文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "confirmBtn", |
| | | "type": ["String", "Object"], |
| | | "desc": "确定按钮文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "footer", |
| | | "type": ["String"], |
| | | "desc": "底部内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "header", |
| | | "type": ["Boolean"], |
| | | "desc": "头部内容。值为 true 显示空白头部,值为 false 不显示任何内容,值类型为 TNode 表示自定义头部内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "标题", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["Array"], |
| | | "desc": "选中值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:cancel", |
| | | "desc": "点击取消按钮时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "选中变化时候触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:pick", |
| | | "desc": "任何一列选中都会触发,不同的列参数不同。`context.column` 表示第几列变化,`context.index` 表示变化那一列的选中项下标", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-picker visible=\"{{true}}\" cancelBtn=\"取消\" confirmBtn=\"确认\"><t-picker-item options=\"{{[{ label: '上海', value: '上海' },{ label: '广州', value: '广州' },{ label: '深圳', value: '深圳' }]}}\" value=\"广州\"></t-picker-item></t-picker>", |
| | | "require": { |
| | | "t-picker-item": "./picker-item/picker-item" |
| | | }, |
| | | "path": "./picker/picker" |
| | | }, |
| | | "t-popup": { |
| | | "key": "t-popup", |
| | | "label": "气泡框", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-popup.png", |
| | | "properties": [ |
| | | { |
| | | "key": "closeBtn", |
| | | "type": ["Boolean"], |
| | | "desc": "关闭按钮,值类型为 Boolean 时表示是否显示关闭按钮。也可以自定义关闭按钮", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "closeOnOverlayClick", |
| | | "type": ["Boolean"], |
| | | "desc": "点击遮罩层是否关闭", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "浮层里面的内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placement", |
| | | "type": ["String"], |
| | | "desc": "浮层出现位置", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "preventScrollThrough", |
| | | "type": ["Boolean"], |
| | | "desc": "防止滚动穿透", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showOverlay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示遮罩层", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "transitionProps", |
| | | "type": ["Object"], |
| | | "desc": "动画效果定义", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示浮层", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "zIndex", |
| | | "type": ["Number"], |
| | | "desc": "组件层级,Web 侧样式默认为 5500,移动端和小程序样式默认为 1500", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-overlay", "t-class-content"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:visible-change", |
| | | "desc": "当浮层隐藏或显示时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-popup visible=\"{{true}}\" placement=\"top\"><view style=\"width: 100vw; height: 35vh; background: #fff\" /></t-popup>", |
| | | "path": "./popup/popup" |
| | | }, |
| | | "t-progress": { |
| | | "key": "t-progress", |
| | | "label": "进度条", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-progress.png", |
| | | "properties": [ |
| | | { |
| | | "key": "color", |
| | | "type": ["String", "Object", "Array"], |
| | | "desc": "进度条颜色。示例:'#ED7B2F' 或 'orange' 或 `['#f00', '#0ff', '#f0f']` 或 `{ '0%': '#f00', '100%': '#0ff' }` 或 `{ from: '#000', to: '#000' }` 等", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String", "Boolean"], |
| | | "desc": "进度百分比,可自定义", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "percentage", |
| | | "type": ["Number"], |
| | | "desc": "进度条百分比", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String", "Number"], |
| | | "desc": "进度条尺寸,示例:small/medium/large/240。small 值为 72; medium 值为 112;large 值为 160", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "status", |
| | | "type": ["String"], |
| | | "desc": "进度条状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "strokeWidth", |
| | | "type": ["String", "Number"], |
| | | "desc": "进度条线宽。宽度数值不能超过 size 的一半,否则不能输出环形进度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "进度条风格。值为 line,标签(label)显示在进度条右侧;值为 plump,标签(label)显示在进度条里面;值为 circle,标签(label)显示在进度条正中间", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "trackColor", |
| | | "type": ["String"], |
| | | "desc": "进度条未完成部分颜色", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-progress></t-progress>", |
| | | "path": "./progress/progress" |
| | | }, |
| | | "t-pull-down-refresh": { |
| | | "key": "t-pull-down-refresh", |
| | | "label": "下拉刷新", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-pulldownrefresh.png", |
| | | "properties": [ |
| | | { |
| | | "key": "loadingBarHeight", |
| | | "type": ["String", "Number"], |
| | | "desc": "加载中下拉高度,如果值为数字则单位是:'px'", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loadingProps", |
| | | "type": ["Object"], |
| | | "desc": "加载loading样式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loadingTexts", |
| | | "type": ["Array"], |
| | | "desc": "提示语,组件内部默认值为 ['下拉刷新', '松手刷新', '正在刷新', '刷新完成']", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxBarHeight", |
| | | "type": ["String", "Number"], |
| | | "desc": "最大下拉高度,如果值为数字则单位是:'px'", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "refreshTimeout", |
| | | "type": ["Number"], |
| | | "desc": "刷新超时时间", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["Boolean"], |
| | | "desc": "组件状态,值为 `true` 表示下拉状态,值为 `false` 表示收起状态", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-loading", "t-class-text", "t-class-indicator"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "下拉或收起时触发,用户手势往下滑动触发下拉状态,手势松开触发收起状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:refresh", |
| | | "desc": "结束下拉时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:timeout", |
| | | "desc": "刷新超时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-pull-down-refresh id=\"pull-down-refresh\" loadingTexts=\"{{['继续拉哦', '该松手啦', '努力刷新中', '完成~']}}\"><view style=\"height: 300rpx; background: #fff; text-align: center\">拖拽该区域演示 中间下拉刷新</view></t-pull-down-refresh>", |
| | | "path": "./pull-down-refresh/pull-down-refresh" |
| | | }, |
| | | "t-radio-group": { |
| | | "key": "t-radio-group", |
| | | "label": "单选框组", |
| | | "icon": "", |
| | | "properties": [ |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用全部子单选框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "name", |
| | | "type": ["String"], |
| | | "desc": "HTML 元素原生属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "options", |
| | | "type": ["Array"], |
| | | "desc": "单选组件按钮形式。RadioOption 数据类型为 string 或 number 时,表示 label 和 value 值相同", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number", "Boolean"], |
| | | "desc": "选中的值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "选中值发生变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-radio-group defaultValue=\"radio1\"><t-radio value=\"radio1\" label=\"单选\" /><t-radio value=\"radio2\" label=\"单选\" /></t-radio-group>", |
| | | "require": { |
| | | "t-radio": "./radio/radio" |
| | | }, |
| | | "path": "./radio-group/radio-group" |
| | | }, |
| | | "t-radio": { |
| | | "key": "t-radio", |
| | | "label": "单选框", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-radio.png", |
| | | "properties": [ |
| | | { |
| | | "key": "align", |
| | | "type": ["String"], |
| | | "desc": "复选框和内容相对位置", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "allowUncheck", |
| | | "type": ["Boolean"], |
| | | "desc": "是否允许取消选中", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "checked", |
| | | "type": ["Boolean"], |
| | | "desc": "是否选中", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "color", |
| | | "type": ["String"], |
| | | "desc": "单选按钮颜色", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "单选内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "contentDisabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件内容(content)触发选中", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为禁用态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String", "Array"], |
| | | "desc": "自定义选中图标和非选中图标。示例:[选中态图标,非选中态图标]。值为 fill-circle 表示图标为填充型图标,值为 stroke-line 表示图标为描边型图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "主文案", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxContentRow", |
| | | "type": ["Number"], |
| | | "desc": "内容最大行数限制", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxLabelRow", |
| | | "type": ["Number"], |
| | | "desc": "主文案最大行数限制", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "name", |
| | | "type": ["String"], |
| | | "desc": "HTML 元素原生属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number", "Boolean"], |
| | | "desc": "单选按钮的值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-icon", "t-class-label", "t-class-content", "t-class-border"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "值变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-radio value=\"radio\" label=\"单选\" />", |
| | | "path": "./radio/radio" |
| | | }, |
| | | "t-rate": { |
| | | "key": "t-rate", |
| | | "label": "评分", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-rate.png", |
| | | "properties": [ |
| | | { |
| | | "key": "allowHalf", |
| | | "type": ["Boolean"], |
| | | "desc": "是否允许半选", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "color", |
| | | "type": ["String", "Array"], |
| | | "desc": "评分图标的颜色,样式中默认为 #ED7B2F。一个值表示设置选中高亮的五角星颜色,示例:[选中颜色]。数组则表示分别设置 选中高亮的五角星颜色 和 未选中暗灰的五角星颜色,[选中颜色,未选中颜色]。示例:['#ED7B2F', '#E3E6EB']", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "count", |
| | | "type": ["Number"], |
| | | "desc": "评分的数量", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用评分", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "gap", |
| | | "type": ["Number"], |
| | | "desc": "评分图标的间距", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showText", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示对应的辅助文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "评分图标的大小,示例:`20`", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "texts", |
| | | "type": ["Array"], |
| | | "desc": "评分等级对应的辅助文字。组件内置默认值为:['极差', '失望', '一般', '满意', '惊喜']。自定义值示例:['1分', '2分', '3分', '4分', '5分']", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["Number"], |
| | | "desc": "选择评分的值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "variant", |
| | | "type": ["String"], |
| | | "desc": "形状类型,有描边类型和填充类型两种", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "评分数改变时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-rate defaultValue=\"{{4}}\" variant=\"filled\"></t-rate>", |
| | | "path": "./rate/rate" |
| | | }, |
| | | "t-search": { |
| | | "key": "t-search", |
| | | "label": "搜索", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-search.png", |
| | | "properties": [ |
| | | { |
| | | "key": "action", |
| | | "type": ["String"], |
| | | "desc": "自定义右侧操作按钮文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "center", |
| | | "type": ["Boolean"], |
| | | "desc": "是否居中", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "focus", |
| | | "type": ["Boolean"], |
| | | "desc": "是否聚焦", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "左侧文本", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "leftIcon", |
| | | "type": ["String"], |
| | | "desc": "左侧图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placeholder", |
| | | "type": ["String"], |
| | | "desc": "占位符", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "rightIcon", |
| | | "type": ["String"], |
| | | "desc": "右侧图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "搜索框形状", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String"], |
| | | "desc": "值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": [ |
| | | "t-class", |
| | | "t-class-input", |
| | | "t-class-input-container", |
| | | "t-class-cancel", |
| | | "t-class-left", |
| | | "t-class-right" |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:action-click", |
| | | "desc": "点击右侧操作按钮文字时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:blur", |
| | | "desc": "失去焦点时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "值发生变化时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:clear", |
| | | "desc": "点击清除时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:focus", |
| | | "desc": "聚焦时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:submit", |
| | | "desc": "提交时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-search></t-search>", |
| | | "path": "./search/search" |
| | | }, |
| | | "t-skeleton": { |
| | | "key": "t-skeleton", |
| | | "label": "骨架屏", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-skeleton.png", |
| | | "properties": [ |
| | | { |
| | | "key": "animation", |
| | | "type": ["String"], |
| | | "desc": "动画效果,有「渐变加载动画」和「闪烁加载动画」两种。值为 'none' 则表示没有动画", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "delay", |
| | | "type": ["Number"], |
| | | "desc": "【开发中】延迟显示加载效果的时间,用于防止请求速度过快引起的加载闪烁,单位:毫秒", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loading", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为加载状态,如果是则显示骨架图,如果不是则显示加载完成的内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "rowCol", |
| | | "type": ["Array"], |
| | | "desc": "用于设置行列数量、宽度高度、间距等。【示例一】,`[1, 1, 2]` 表示输出三行骨架图,第一行一列,第二行一列,第三行两列。【示例二】,`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】,`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列,且自定义宽度、高度和间距", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "骨架图风格,有基础、头像组合等两大类", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-avatar", "t-class-image", "t-class-text"], |
| | | "tpl": "<t-skeleton rowCol=\"{{ [{ width: '686rpx', height: '32rpx' }, 1, 1, { width: '380rpx', height: '32rpx' }]}}\" loading></t-skeleton>", |
| | | "path": "./skeleton/skeleton" |
| | | }, |
| | | "t-slider": { |
| | | "key": "t-slider", |
| | | "label": "滑块", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-slider.png", |
| | | "properties": [ |
| | | { |
| | | "key": "colors", |
| | | "type": ["Array"], |
| | | "desc": "颜色,[已选择, 未选择]", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabledColor", |
| | | "type": ["Array"], |
| | | "desc": "禁用状态滑动条的颜色,[已选, 未选]", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String", "Boolean"], |
| | | "desc": "滑块当前值文本。<br />值为 true 显示默认文案;值为 false 不显示滑块当前值文本;<br />值为 `${value}%` 则表示组件会根据占位符渲染文案;<br />值类型为函数时,参数 `value` 标识滑块值,参数 `position=start` 表示范围滑块的起始值,参数 `position=end` 表示范围滑块的终点值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "marks", |
| | | "type": ["Object", "Array"], |
| | | "desc": "刻度标记,示例:`[0, 10, 40, 200]` 或者 `{ 5: '5¥', 10: '10%' }`", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "max", |
| | | "type": ["Number"], |
| | | "desc": "滑块范围最大值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "min", |
| | | "type": ["Number"], |
| | | "desc": "滑块范围最小值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "range", |
| | | "type": ["Boolean"], |
| | | "desc": "双游标滑块", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showExtremeValue", |
| | | "type": ["Boolean"], |
| | | "desc": "是否边界值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "step", |
| | | "type": ["Number"], |
| | | "desc": "步长", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["Number", "Array"], |
| | | "desc": "滑块值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-bar", "t-class-bar-active", "t-class-bar-disabled", "t-class-cursor"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "滑块值变化时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:dragend", |
| | | "desc": "结束拖动时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:dragstart", |
| | | "desc": "开始拖动时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-slider />", |
| | | "path": "./slider/slider" |
| | | }, |
| | | "t-step-item": { |
| | | "key": "t-step-item", |
| | | "label": "步骤", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-steps.png", |
| | | "properties": [ |
| | | { |
| | | "key": "content", |
| | | "type": ["String"], |
| | | "desc": "步骤描述", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标。传入 slot 代表使用插槽,其他字符串代表使用内置图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "status", |
| | | "type": ["String"], |
| | | "desc": "当前步骤的状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "subStepItems", |
| | | "type": ["Array"], |
| | | "desc": "子步骤条,仅支持 layout = 'vertical' 时", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "title", |
| | | "type": ["String"], |
| | | "desc": "标题", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-content", "t-class-title", "t-class-description", "t-class-extra"], |
| | | "tpl": "<t-step-item title=\"步骤描述\"></t-step-item>", |
| | | "path": "./step-item/step-item" |
| | | }, |
| | | "t-stepper": { |
| | | "key": "t-stepper", |
| | | "label": "步进器", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-stepper.png", |
| | | "properties": [ |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "禁用全部操作", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disableInput", |
| | | "type": ["Boolean"], |
| | | "desc": "禁用输入框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "inputWidth", |
| | | "type": ["Number"], |
| | | "desc": "输入框宽度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "max", |
| | | "type": ["Number"], |
| | | "desc": "最大值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "min", |
| | | "type": ["Number"], |
| | | "desc": "最小值", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "step", |
| | | "type": ["Number"], |
| | | "desc": "步长", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "组件风格", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-input", "t-class-add", "t-class-minus"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:blur", |
| | | "desc": "输入框失去焦点时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "数值发生变更时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:overlimit", |
| | | "desc": "数值超出限制时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-stepper />", |
| | | "path": "./stepper/stepper" |
| | | }, |
| | | "t-steps": { |
| | | "key": "t-steps", |
| | | "label": "步骤条", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-steps.png", |
| | | "properties": [ |
| | | { |
| | | "key": "current", |
| | | "type": ["String", "Number"], |
| | | "desc": "当前步骤,即整个步骤条进度。默认根据步骤下标判断步骤的完成状态,当前步骤为进行中,当前步骤之前的步骤为已完成,当前步骤之后的步骤为未开始。如果每个步骤没有设置 value,current 值为步骤长度则表示所有步骤已完成。如果每个步骤设置了自定义 value,则 current = 'FINISH' 表示所有状态完成", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "currentStatus", |
| | | "type": ["String"], |
| | | "desc": "用于控制 current 指向的步骤条的状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "layout", |
| | | "type": ["String"], |
| | | "desc": "步骤条方向,有两种:横向和纵向", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "readonly", |
| | | "type": ["Boolean"], |
| | | "desc": "只读状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "separator", |
| | | "type": ["String"], |
| | | "desc": "步骤条分割符", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "步骤条风格", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "当前步骤发生变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-steps><t-step-item title=\"步骤描述1\" /><t-step-item title=\"步骤描述2\" /></t-steps>", |
| | | "require": { |
| | | "t-step-item": "./step-item/step-item" |
| | | }, |
| | | "path": "./steps/steps" |
| | | }, |
| | | "t-sticky": { |
| | | "key": "t-sticky", |
| | | "label": "吸顶容器", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-sticky.png", |
| | | "properties": [ |
| | | { |
| | | "key": "container", |
| | | "type": ["String"], |
| | | "desc": "函数返回容器对应的 NodesRef 节点,将对应节点指定为组件的外部容器,滚动时组件会始终保持在容器范围内,当组件即将超出容器底部时,会返回原位置。", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "offsetTop", |
| | | "type": ["String", "Number"], |
| | | "desc": "吸顶时与顶部的距离,单位`px`", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "zIndex", |
| | | "type": ["Number"], |
| | | "desc": "吸顶时的 z-index", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:scroll", |
| | | "desc": "滚动时触发,scrollTop: 距离顶部位置,isFixed: 是否吸顶", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-sticky></t-sticky>", |
| | | "path": "./sticky/sticky" |
| | | }, |
| | | "t-swipe-cell": { |
| | | "key": "t-swipe-cell", |
| | | "label": "滑动操作", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-swipecell.png", |
| | | "properties": [ |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用滑动", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "expanded", |
| | | "type": ["String"], |
| | | "desc": "操作项是否呈现为打开态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "left", |
| | | "type": ["Array"], |
| | | "desc": "左侧滑动操作项。所有行为同 `right`", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "right", |
| | | "type": ["Array"], |
| | | "desc": "右侧滑动操作项。有两种定义方式,一种是使用数组,二种是使用插槽。`right.text` 表示操作文本,`right.className` 表示操作项类名,`right.style` 表示操作项样式,`right.onClick` 表示点击操作项后执行的回调函数。示例:`[{ text: '删除', style: 'background-color: red', onClick: () => {} }]`", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:click", |
| | | "desc": "操作项点击时触发(插槽写法组件不触发,业务侧自定义内容和事件)", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-swipe-cell><t-cell title=\"列表-左滑单操作\" note=\"辅助信息\" /><view slot=\"right\">删除</view></t-swipe-cell>", |
| | | "require": { |
| | | "t-cell": "./cell/cell" |
| | | }, |
| | | "path": "./swipe-cell/swipe-cell" |
| | | }, |
| | | "t-swiper": { |
| | | "key": "t-swiper", |
| | | "label": "轮播", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-swiper.png", |
| | | "properties": [ |
| | | { |
| | | "key": "animation", |
| | | "type": ["String"], |
| | | "desc": "轮播切换动画效果类型", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "autoplay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否自动播放", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "current", |
| | | "type": ["Number"], |
| | | "desc": "当前轮播在哪一项(下标)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "direction", |
| | | "type": ["String"], |
| | | "desc": "轮播滑动方向,包括横向滑动和纵向滑动两个方向", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "duration", |
| | | "type": ["Number"], |
| | | "desc": "滑动动画时长", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "height", |
| | | "type": ["Number"], |
| | | "desc": "当使用垂直方向滚动时的高度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "interval", |
| | | "type": ["Number"], |
| | | "desc": "轮播间隔时间", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loop", |
| | | "type": ["Boolean"], |
| | | "desc": "是否循环播放", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "navigation", |
| | | "type": ["Object"], |
| | | "desc": "导航器全部配置", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "轮播切换时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-swiper current=\"{{1}}\" autoplay=\"{{true}}\" duration=\"{{500}}\" interval=\"{{5000}}\" navigation><t-swiper-item wx:for=\"{{[{image: 'https://tdesign.gtimg.com/site/swiper/01.png'},{image: 'https://tdesign.gtimg.com/site/swiper/02.png'}]}}\" wx:key=\"index\"><image src=\"{{item.image}}\" style=\"width: 100%; height: 100%\" /></t-swiper-item></t-swiper>", |
| | | "require": { |
| | | "t-swiper-item": "./swiper/swiper-item" |
| | | }, |
| | | "path": "./swiper/swiper" |
| | | }, |
| | | "t-switch": { |
| | | "key": "t-switch", |
| | | "label": "开关", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-switch.png", |
| | | "properties": [ |
| | | { |
| | | "key": "colors", |
| | | "type": ["Array"], |
| | | "desc": "自定义颜色,[打开时的颜色,关闭时的颜色]。组件默认颜色为 ['#0052d9', 'rgba(0, 0, 0, .26']。示例:[blue, gray]", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "customValue", |
| | | "type": ["Array"], |
| | | "desc": "开关内容,[打开时的值,关闭时的值]。默认为 [true, false]。示例:[1, 0]", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用组件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "开关的标签", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "loading", |
| | | "type": ["Boolean"], |
| | | "desc": "是否处于加载中状态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "开关尺寸", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number", "Boolean"], |
| | | "desc": "开关值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "数据发生变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-switch defaultValue=\"{{true}}\" />", |
| | | "path": "./switch/switch" |
| | | }, |
| | | "t-tab-bar-item": { |
| | | "key": "t-tab-bar-item", |
| | | "label": "标签栏选项", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabbar.png", |
| | | "properties": [ |
| | | { |
| | | "key": "badgeProps", |
| | | "type": ["Object"], |
| | | "desc": "图标右上角提示信息", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "图标名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "subTabBar", |
| | | "type": ["Array"], |
| | | "desc": "二级菜单", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "标识符", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-tab-bar-item wx:for=\"{{[{value: 'label_1',label: '标签栏一',icon: 'app'},{value: 'label_2',label: '标签栏二',icon: 'app'}]}}\" wx:for-item=\"item\" wx:for-index=\"index\" wx:key=\"index\" value=\"{{item.value}}\">{{item.label}}</t-tab-bar-item>", |
| | | "path": "./tab-bar-item/tab-bar-item" |
| | | }, |
| | | "t-tab-bar": { |
| | | "key": "t-tab-bar", |
| | | "label": "标签栏", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabbar.png", |
| | | "properties": [ |
| | | { |
| | | "key": "bordered", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示外边框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "color", |
| | | "type": ["Array"], |
| | | "desc": "标签颜色设置。示例:[选中标签的颜色, 未选中的标签颜色]", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "fixed", |
| | | "type": ["Boolean"], |
| | | "desc": "是否固定在底部", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "safeAreaInsetBottom", |
| | | "type": ["Boolean"], |
| | | "desc": "是否为 iPhoneX 留出底部安全距离", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "split", |
| | | "type": ["Boolean"], |
| | | "desc": "是否需要分割线", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number", "Array"], |
| | | "desc": "当前选中标签的索引", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "选中标签切换时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-tab-bar value=\"label_1\"><t-tab-bar-item wx:for=\"{{[{value: 'label_1',label: '标签栏一',icon: 'app'},{value: 'label_2',label: '标签栏二',icon: 'app'}]}}\" wx:for-item=\"item\" wx:for-index=\"index\" wx:key=\"index\" value=\"{{item.value}}\">{{item.label}}</t-tab-bar-item></t-tab-bar>", |
| | | "require": { |
| | | "t-tab-bar-item": "./tab-bar-item/tab-bar-item" |
| | | }, |
| | | "path": "./tab-bar/tab-bar" |
| | | }, |
| | | "t-tab-panel": { |
| | | "key": "t-tab-panel", |
| | | "label": "选项卡面板", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabs.png", |
| | | "properties": [ |
| | | { |
| | | "key": "destroyOnHide", |
| | | "type": ["Boolean"], |
| | | "desc": "选项卡内容隐藏时是否销毁", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用当前选项卡", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "选项卡名称", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "panel", |
| | | "type": ["String"], |
| | | "desc": "用于自定义选项卡面板内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "选项卡的值,唯一标识", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-tab-panel label=\"标签页一\" value=\"0\">标签一内容</t-tab-panel>", |
| | | "path": "./tab-panel/tab-panel" |
| | | }, |
| | | "t-tabs": { |
| | | "key": "t-tabs", |
| | | "label": "选项卡", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabs.png", |
| | | "properties": [ |
| | | { |
| | | "key": "animation", |
| | | "type": ["Object"], |
| | | "desc": "动画效果设置。其中 duration 表示动画时长", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placement", |
| | | "type": ["String"], |
| | | "desc": "选项卡位置", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showBottomLine", |
| | | "type": ["Boolean"], |
| | | "desc": "是否展示底部激活线条", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "stickyProps", |
| | | "type": ["Object"], |
| | | "desc": "是否支持吸顶", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String", "Number"], |
| | | "desc": "激活的选项卡值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-item", "t-class-active", "t-class-track"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "激活的选项卡发生变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-tabs defaultValue=\"{{0}}\"><t-tab-panel label=\"标签页一\" value=\"0\">标签一内容</t-tab-panel><t-tab-panel label=\"标签页二\" value=\"1\">标签二内容</t-tab-panel></t-tabs>", |
| | | "require": { |
| | | "t-tab-panel": "./tab-panel/tab-panel" |
| | | }, |
| | | "path": "./tabs/tabs" |
| | | }, |
| | | "t-tag": { |
| | | "key": "t-tag", |
| | | "label": "标签", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-tag.png", |
| | | "properties": [ |
| | | { |
| | | "key": "closable", |
| | | "type": ["Boolean"], |
| | | "desc": "标签是否可关闭", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "标签禁用态,失效标签不能触发事件。默认风格(theme=default)才有禁用态", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "标签中的图标,可自定义图标呈现", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxWidth", |
| | | "type": ["String", "Number"], |
| | | "desc": "标签最大宽度,宽度超出后会出现省略号。示例:'50px' / 80", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "shape", |
| | | "type": ["String"], |
| | | "desc": "标签类型,有三种:方形、圆角方形、标记型", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "size", |
| | | "type": ["String"], |
| | | "desc": "标签尺寸", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "组件风格,用于描述组件不同的应用场景", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "variant", |
| | | "type": ["String"], |
| | | "desc": "标签风格变体", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:click", |
| | | "desc": "点击时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:close", |
| | | "desc": "如果关闭按钮存在,点击关闭按钮时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-tag theme=\"primary\">重要</t-tag>", |
| | | "path": "./tag/tag" |
| | | }, |
| | | "t-textarea": { |
| | | "key": "t-textarea", |
| | | "label": "文本输入框", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-textarea.png", |
| | | "properties": [ |
| | | { |
| | | "key": "adjustPosition", |
| | | "type": ["Boolean"], |
| | | "desc": "键盘弹起时,是否自动上推页面", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "autofocus", |
| | | "type": ["Boolean"], |
| | | "desc": "自动聚焦,拉起键盘", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "autosize", |
| | | "type": ["Boolean"], |
| | | "desc": "是否自动增高,值为 autosize 时,style.height 不生效", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "confirmHold", |
| | | "type": ["Boolean"], |
| | | "desc": "点击键盘右下角按钮时是否保持键盘不收起点", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "confirmType", |
| | | "type": ["String"], |
| | | "desc": "设置键盘右下角按钮的文字,仅在 type='text'时生效", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "disabled", |
| | | "type": ["Boolean"], |
| | | "desc": "是否禁用文本框", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "focus", |
| | | "type": ["Boolean"], |
| | | "desc": "自动聚焦", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "label", |
| | | "type": ["String"], |
| | | "desc": "左侧文本", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxcharacter", |
| | | "type": ["Number"], |
| | | "desc": "用户最多可以输入的字符个数,一个中文汉字表示两个字符长度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "maxlength", |
| | | "type": ["Number"], |
| | | "desc": "用户最多可以输入的字符个数", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placeholder", |
| | | "type": ["String"], |
| | | "desc": "占位符", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "value", |
| | | "type": ["String"], |
| | | "desc": "文本框值", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class", "t-class-textarea", "t-class-placeholder", "t-class-name"], |
| | | "events": [ |
| | | { |
| | | "key": "bind:blur", |
| | | "desc": "失去焦点时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:change", |
| | | "desc": "输入内容变化时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:enter", |
| | | "desc": "点击完成时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:focus", |
| | | "desc": "获得焦点时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:line-change", |
| | | "desc": "行高发生变化时触发", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-textarea />", |
| | | "path": "./textarea/textarea" |
| | | }, |
| | | "t-toast": { |
| | | "key": "t-toast", |
| | | "label": "轻提示", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-toast.png", |
| | | "properties": [ |
| | | { |
| | | "key": "direction", |
| | | "type": ["String"], |
| | | "desc": "图标排列方式", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "duration", |
| | | "type": ["Number"], |
| | | "desc": "弹窗显示毫秒数", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "icon", |
| | | "type": ["String"], |
| | | "desc": "自定义图标", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "message", |
| | | "type": ["String"], |
| | | "desc": "弹窗显示文字", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "overlayProps", |
| | | "type": ["Object"], |
| | | "desc": "遮罩层属性,透传至 Overlay", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "placement", |
| | | "type": ["String"], |
| | | "desc": "弹窗展示位置", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "preventScrollThrough", |
| | | "type": ["Boolean"], |
| | | "desc": "防止滚动穿透,即不允许点击和滚动", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "showOverlay", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示遮罩层", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "theme", |
| | | "type": ["String"], |
| | | "desc": "提示类型", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "externalClasses": ["t-class"], |
| | | "tpl": "<t-toast id=\"t-toast\" />", |
| | | "path": "./toast/toast" |
| | | }, |
| | | "t-transition": { |
| | | "key": "t-transition", |
| | | "label": "动画", |
| | | "icon": "", |
| | | "properties": [ |
| | | { |
| | | "key": "appear", |
| | | "type": ["Boolean"], |
| | | "desc": "首次出现是否展示动画", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "customClass", |
| | | "type": ["String"], |
| | | "desc": "自定义容器类名", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "destoryOnClose", |
| | | "type": ["Boolean"], |
| | | "desc": "隐藏时是否销毁内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "duration", |
| | | "type": ["Number"], |
| | | "desc": "指定过渡时间", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "name", |
| | | "type": ["String"], |
| | | "desc": "过渡类名", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "visible", |
| | | "type": ["Boolean"], |
| | | "desc": "是否显示", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-transition visible appear></t-transition>", |
| | | "path": "./transition/transition" |
| | | }, |
| | | "t-upload": { |
| | | "key": "t-upload", |
| | | "label": "上传", |
| | | "icon": "https://tdesign.gtimg.com/site/miniprogram-doc/doc-upload.png", |
| | | "properties": [ |
| | | { |
| | | "key": "addContent", |
| | | "type": ["String"], |
| | | "desc": "添加按钮内容。值为空,使用默认图标渲染;值为 slot 则表示使用插槽渲染;其他值无效。", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "allowUploadDuplicateFile", |
| | | "type": ["Boolean"], |
| | | "desc": "是否允许重复上传相同文件名的文件", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "config", |
| | | "type": ["Object"], |
| | | "desc": "图片上传配置,视频上传配置,文件上传配置等,包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](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)", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "deleteBtn", |
| | | "type": ["String"], |
| | | "desc": "删除图标。值为空,使用默认图标渲染;值为 slot 则表示使用插槽渲染;其他值无效。", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "fileListDisplay", |
| | | "type": ["String"], |
| | | "desc": "用于完全自定义文件列表内容", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "files", |
| | | "type": ["Array"], |
| | | "desc": "已上传文件列表", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "gridConfig", |
| | | "type": ["Object"], |
| | | "desc": "upload组件每行上传图片列数以及图片的宽度和高度", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "gutter", |
| | | "type": ["Number"], |
| | | "desc": "预览窗格的 `gutter` 大小,单位 rpx", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "imageProps", |
| | | "type": ["Object"], |
| | | "desc": "透传 Image 组件全部属性", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "max", |
| | | "type": ["Number"], |
| | | "desc": "用于控制文件上传数量,值为 0 则不限制", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "mediaType", |
| | | "type": ["Array"], |
| | | "desc": "支持上传的文件类型,图片或视频", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "requestMethod", |
| | | "type": ["String"], |
| | | "desc": "自定义上传方法", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "sizeLimit", |
| | | "type": ["Number", "Object"], |
| | | "desc": "图片文件大小限制,单位 KB。可选单位有:`'B' | 'KB' | 'MB' | 'GB'`。示例一:`1000`。示例二:`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "events": [ |
| | | { |
| | | "key": "bind:add", |
| | | "desc": "上传成功后触发,仅包含本次选择的照片;`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:complete", |
| | | "desc": "上传成功或失败后触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:fail", |
| | | "desc": "上传失败后触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:remove", |
| | | "desc": "移除文件时触发", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:select-change", |
| | | "desc": "选择文件或图片之后,上传之前,触发该事件。<br />`files` 表示之前已经上传完成的文件列表。<br />`currentSelectedFiles` 表示本次上传选中的文件列表", |
| | | "label": "" |
| | | }, |
| | | { |
| | | "key": "bind:success", |
| | | "desc": "上传成功后触发,包含所有上传的文件;`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述", |
| | | "label": "" |
| | | } |
| | | ], |
| | | "tpl": "<t-upload />", |
| | | "path": "./upload/upload" |
| | | } |
| | | }, |
| | | "common": { |
| | | "properties": {}, |
| | | "events": {} |
| | | }, |
| | | "menu": [ |
| | | { |
| | | "key": "menu-basic", |
| | | "label": "基础", |
| | | "submenu": [ |
| | | { |
| | | "key": "subMenu-button", |
| | | "label": "Button 按钮", |
| | | "components": ["t-button"] |
| | | }, |
| | | { |
| | | "key": "subMenu-divider", |
| | | "label": "Divider 分割线", |
| | | "components": ["t-divider"] |
| | | }, |
| | | { |
| | | "key": "subMenu-fab", |
| | | "label": "Fab 悬浮按钮", |
| | | "components": ["t-fab"] |
| | | }, |
| | | { |
| | | "key": "subMenu-icon", |
| | | "label": "Icon 图标", |
| | | "components": ["t-icon"] |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "key": "menu-nav", |
| | | "label": "导航", |
| | | "submenu": [ |
| | | { |
| | | "key": "subMenu-drawer", |
| | | "label": "Drawer 抽屉", |
| | | "components": ["t-drawer"] |
| | | }, |
| | | { |
| | | "key": "subMenu-indexes", |
| | | "label": "Indexes 索引", |
| | | "components": ["t-indexes"] |
| | | }, |
| | | { |
| | | "key": "subMenu-navbar", |
| | | "label": "Navbar 导航条", |
| | | "components": ["t-navbar"] |
| | | }, |
| | | { |
| | | "key": "subMenu-steps", |
| | | "label": "Steps 步骤条", |
| | | "components": ["t-steps"] |
| | | }, |
| | | { |
| | | "key": "subMenu-tabbar", |
| | | "label": "TabBar 标签栏", |
| | | "components": ["t-tab-bar"] |
| | | }, |
| | | { |
| | | "key": "subMenu-tabs", |
| | | "label": "Tabs 选项卡", |
| | | "components": ["t-tabs"] |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "key": "menu-input", |
| | | "label": "输入", |
| | | "submenu": [ |
| | | { |
| | | "key": "subMenu-checkbox", |
| | | "label": "CheckBox 复选框", |
| | | "components": ["t-checkbox"] |
| | | }, |
| | | { |
| | | "key": "subMenu-dateTimePicker", |
| | | "label": "DateTimePicker 时间选择器", |
| | | "components": ["t-date-time-picker"] |
| | | }, |
| | | { |
| | | "key": "subMenu-input", |
| | | "label": "Input 输入框", |
| | | "components": ["t-input"] |
| | | }, |
| | | { |
| | | "key": "subMenu-picker", |
| | | "label": "Picker 选择器", |
| | | "components": ["t-picker"] |
| | | }, |
| | | { |
| | | "key": "subMenu-radio", |
| | | "label": "Radio 单选框", |
| | | "components": ["t-radio"] |
| | | }, |
| | | { |
| | | "key": "subMenu-rate", |
| | | "label": "Rate 评分", |
| | | "components": ["t-rate"] |
| | | }, |
| | | { |
| | | "key": "subMenu-search", |
| | | "label": "Search 搜索框", |
| | | "components": ["t-search"] |
| | | }, |
| | | { |
| | | "key": "subMenu-slider", |
| | | "label": "Slider 滑动选择器", |
| | | "components": ["t-slider"] |
| | | }, |
| | | { |
| | | "key": "subMenu-stepper", |
| | | "label": "Stepper 步进器", |
| | | "components": ["t-stepper"] |
| | | }, |
| | | { |
| | | "key": "subMenu-switch", |
| | | "label": "Switch 开关", |
| | | "components": ["t-switch"] |
| | | }, |
| | | { |
| | | "key": "subMenu-textarea", |
| | | "label": "Textarea 多行文本框", |
| | | "components": ["t-textarea"] |
| | | }, |
| | | { |
| | | "key": "subMenu-upload", |
| | | "label": "UpLoad 上传", |
| | | "components": ["t-upload"] |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "key": "menu-data", |
| | | "label": "数据展示", |
| | | "submenu": [ |
| | | { |
| | | "key": "subMenu-avatar", |
| | | "label": "Avatar 头像", |
| | | "components": ["t-avatar"] |
| | | }, |
| | | { |
| | | "key": "subMenu-badge", |
| | | "label": "Badge 徽标", |
| | | "components": ["t-badge"] |
| | | }, |
| | | { |
| | | "key": "subMenu-cell", |
| | | "label": "Cell 单元格", |
| | | "components": ["t-cell"] |
| | | }, |
| | | { |
| | | "key": "subMenu-collapse", |
| | | "label": "Collapse 折叠面板", |
| | | "components": ["t-collapse"] |
| | | }, |
| | | { |
| | | "key": "subMenu-dropdown-menu", |
| | | "label": "DropdownMenu 下拉菜单", |
| | | "components": ["t-dropdown-menu"] |
| | | }, |
| | | { |
| | | "key": "subMenu-empty", |
| | | "label": "Empty 空状态", |
| | | "components": ["t-empty"] |
| | | }, |
| | | { |
| | | "key": "subMenu-footer", |
| | | "label": "Footer 页脚", |
| | | "components": ["t-footer"] |
| | | }, |
| | | { |
| | | "key": "subMenu-grid", |
| | | "label": "Grid 宫格", |
| | | "components": ["t-grid"] |
| | | }, |
| | | { |
| | | "key": "subMenu-image", |
| | | "label": "Image 图片", |
| | | "components": ["t-image"] |
| | | }, |
| | | { |
| | | "key": "subMenu-skeleton", |
| | | "label": "Skeleton 骨架屏", |
| | | "components": ["t-skeleton"] |
| | | }, |
| | | { |
| | | "key": "subMenu-sticky", |
| | | "label": "Sticky 吸顶容器", |
| | | "components": ["t-sticky"] |
| | | }, |
| | | { |
| | | "key": "subMenu-swiper", |
| | | "label": "Swiper 轮播图", |
| | | "components": ["t-swiper"] |
| | | }, |
| | | { |
| | | "key": "subMenu-tag", |
| | | "label": "Tag 标签", |
| | | "components": ["t-tag"] |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "key": "menu-info", |
| | | "label": "消息提醒", |
| | | "submenu": [ |
| | | { |
| | | "key": "subMenu-actionsheet", |
| | | "label": "ActionSheet 动作面板", |
| | | "components": ["t-action-sheet"] |
| | | }, |
| | | { |
| | | "key": "subMenu-back-top", |
| | | "label": "BackTop 返回顶部", |
| | | "components": ["t-back-top"] |
| | | }, |
| | | { |
| | | "key": "subMenu-dialog", |
| | | "label": "Dialog 弹出框", |
| | | "components": ["t-dialog"] |
| | | }, |
| | | { |
| | | "key": "subMenu-loading", |
| | | "label": "Loading 加载", |
| | | "components": ["t-loading"] |
| | | }, |
| | | { |
| | | "key": "subMenu-message", |
| | | "label": "Message 消息通知", |
| | | "components": ["t-message"] |
| | | }, |
| | | { |
| | | "key": "subMenu-popup", |
| | | "label": "Popup 弹出层", |
| | | "components": ["t-popup"] |
| | | }, |
| | | { |
| | | "key": "subMenu-progress", |
| | | "label": "Progress 进度条", |
| | | "components": ["t-progress"] |
| | | }, |
| | | { |
| | | "key": "subMenu-pullDownRefresh", |
| | | "label": "PullDownRefresh 下拉刷新", |
| | | "components": ["t-pull-down-refresh"] |
| | | }, |
| | | { |
| | | "key": "subMenu-swipeCell", |
| | | "label": "SwipeCell 滑动操作", |
| | | "components": ["t-swipe-cell"] |
| | | }, |
| | | { |
| | | "key": "subMenu-toast", |
| | | "label": "Toast 轻提示", |
| | | "components": ["t-toast"] |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | } |
| | | {"key":"TDesign","label":"Tdesign","components":{"t-action-sheet":{"key":"t-action-sheet","label":"动作面板","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-actionsheet.png","properties":[{"key":"cancelText","type":["String"],"desc":"设置取消按钮的文本","label":""},{"key":"count","type":["Number"],"desc":"设置每页展示菜单的数量,仅当 type=grid 时有效","label":""},{"key":"items","type":["Array"],"desc":"菜单项","label":""},{"key":"showCancel","type":["Boolean"],"desc":"是否显示取消按钮","label":""},{"key":"theme","type":["String"],"desc":"展示类型,列表和表格形式展示","label":""},{"key":"visible","type":["Boolean"],"desc":"显示与隐藏","label":""}],"events":[{"key":"bind:cancel","desc":"点击取消按钮时触发","label":""},{"key":"bind:close","desc":"关闭时触发","label":""},{"key":"bind:selected","desc":"选择菜单项时触发","label":""}],"tpl":"<t-action-sheet id=\"t-action-sheet-imperative\" visible=\"{{false}}\"></t-action-sheet>","path":"./action-sheet/action-sheet"},"t-avatar-group":{"key":"t-avatar-group","label":"头像组","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-avatar.png","properties":[{"key":"cascading","type":["String"],"desc":"图片之间的层叠关系,可选值:左侧图片在上和右侧图片在上","label":""},{"key":"collapseAvatar","type":["String"],"desc":"头像数量超出时,会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例:`+5`,`...`, `更多`","label":""},{"key":"max","type":["Number"],"desc":"能够同时显示的最多头像数量","label":""},{"key":"size","type":["String"],"desc":"尺寸,示例值:small/medium/large/24px/38px 等。优先级低于 Avatar.size","label":""}],"externalClasses":["t-class","t-class-image","t-class-content"],"tpl":"<t-avatar-group max=\"2\" collapseAvatar=\"+5\"><t-avatar wx:for=\"{{['https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/avatar/avatar-v2/1.png','https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/avatar/avatar-v2/2.png','https://cdn-we-retail.ym.tencent.com/retail-ui/components-exp/avatar/avatar-v2/3.png']}}\" wx:key=\"index\" image=\"{{item}}\" style=\"margin-right: -16rpx\" /></t-avatar-group>","require":{"t-avatar":"./avatar/avatar"},"path":"./avatar/avatar-group"},"t-avatar":{"key":"t-avatar","label":"头像","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-avatar.png","properties":[{"key":"alt","type":["String"],"desc":"头像替换文本,仅当图片加载失败时有效","label":""},{"key":"badgeProps","type":["Object"],"desc":"头像右上角提示信息,继承 Badge 组件的全部特性。如:小红点,或者数字","label":""},{"key":"hideOnLoadFailed","type":["Boolean"],"desc":"加载失败时隐藏图片","label":""},{"key":"icon","type":["String"],"desc":"图标","label":""},{"key":"image","type":["String"],"desc":"图片地址","label":""},{"key":"shape","type":["String"],"desc":"形状","label":""},{"key":"size","type":["String"],"desc":"尺寸,示例值:small/medium/large/24px/38px 等,默认为 large","label":""}],"externalClasses":["t-class"],"events":[{"key":"bind:error","desc":"图片加载失败时触发","label":""}],"tpl":"<t-avatar icon=\"user\" alt=\"avatar\"/>","path":"./avatar/avatar"},"t-back-top":{"key":"t-back-top","label":"回到顶部","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-backtop.png","properties":[{"key":"fixed","type":["Boolean"],"desc":"是否绝对定位固定到屏幕右下方","label":""},{"key":"icon","type":["String"],"desc":"图标","label":""},{"key":"text","type":["String"],"desc":"文案","label":""},{"key":"theme","type":["String"],"desc":"预设的样式类型","label":""}],"externalClasses":["t-class","t-class-icon","t-class-text"],"events":[{"key":"bind:to-top","desc":"点击触发","label":""}],"tpl":"<t-back-top />","path":"./back-top/back-top"},"t-badge":{"key":"t-badge","label":"徽标数","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-badge.png","properties":[{"key":"color","type":["String"],"desc":"颜色","label":""},{"key":"content","type":["String"],"desc":"徽标内容,示例:`content='自定义内容'`。也可以使用默认插槽定义","label":""},{"key":"count","type":["String","Number"],"desc":"徽标右上角内容。可以是数字,也可以是文字。如:'new'/3/99+。特殊:值为空表示使用插槽渲染","label":""},{"key":"dot","type":["Boolean"],"desc":"是否为红点","label":""},{"key":"maxCount","type":["Number"],"desc":"封顶的数字值","label":""},{"key":"offset","type":["Array"],"desc":"设置状态点的位置偏移,示例:[-10, 20] 或 ['10em', '8rem']","label":""},{"key":"shape","type":["String"],"desc":"形状","label":""},{"key":"showZero","type":["Boolean"],"desc":"当数值为 0 时,是否展示徽标","label":""},{"key":"size","type":["String"],"desc":"尺寸","label":""}],"externalClasses":["t-class","t-class-content","t-class-count"],"tpl":"<t-badge content=\"消息\" dot />","path":"./badge/badge"},"t-button":{"key":"t-button","label":"按钮","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-button.png","properties":[{"key":"block","type":["Boolean"],"desc":"是否为块级元素","label":""},{"key":"content","type":["String"],"desc":"按钮内容","label":""},{"key":"customDataset","type":["Object"],"desc":"自定义 dataset,可通过 event.currentTarget.dataset.custom 获取","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用按钮","label":""},{"key":"ghost","type":["Boolean"],"desc":"是否为幽灵按钮(镂空按钮)","label":""},{"key":"icon","type":["String"],"desc":"图标名称","label":""},{"key":"loading","type":["Boolean"],"desc":"是否显示为加载状态","label":""},{"key":"shape","type":["String"],"desc":"按钮形状,有 4 种:长方形、正方形、圆角长方形、圆形","label":""},{"key":"size","type":["String"],"desc":"组件尺寸","label":""},{"key":"theme","type":["String"],"desc":"组件风格,依次为品牌色、危险色","label":""},{"key":"type","type":["String"],"desc":"同小程序的 formType","label":""},{"key":"variant","type":["String"],"desc":"按钮形式,基础、线框、文字","label":""}],"externalClasses":["t-class","t-class-icon"],"events":[{"key":"bind:click","desc":"点击时触发","label":""}],"tpl":"<t-button theme=\"primary\" block content=\"强按钮\"></t-button>","path":"./button/button"},"t-cell-group":{"key":"t-cell-group","label":"单元格组","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-cell.png","properties":[{"key":"bordered","type":["Boolean"],"desc":"是否显示组边框","label":""},{"key":"title","type":["String"],"desc":"单元格组标题","label":""}],"externalClasses":["t-class"],"tpl":"<t-cell-group title=\"01 基础用法\"><t-cell title=\"单行标题\" required /><t-cell title=\"单行标题\" hover note=\"辅助信息\" /><t-cell title=\"单行标题\" hover arrow /><t-cell title=\"单行标题\" hover note=\"辅助信息\" arrow /></t-cell-group>","require":{"t-cell":"./cell/cell"},"path":"./cell-group/cell-group"},"t-cell":{"key":"t-cell","label":"单元格","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-cell.png","properties":[{"key":"align","type":["String"],"desc":"内容的对齐方式,默认居中对齐","label":""},{"key":"arrow","type":["Boolean"],"desc":"是否显示右侧箭头","label":""},{"key":"bordered","type":["Boolean"],"desc":"是否显示下边框","label":""},{"key":"description","type":["String"],"desc":"下方内容描述","label":""},{"key":"hover","type":["Boolean"],"desc":"是否开启点击反馈","label":""},{"key":"image","type":["String"],"desc":"主图","label":""},{"key":"jumpType","type":["String"],"desc":"链接跳转类型","label":""},{"key":"leftIcon","type":["String"],"desc":"左侧图标,出现在单元格标题的左侧","label":""},{"key":"note","type":["String"],"desc":"和标题同行的说明文字","label":""},{"key":"required","type":["Boolean"],"desc":"是否显示表单必填星号","label":""},{"key":"rightIcon","type":["String"],"desc":"最右侧图标","label":""},{"key":"title","type":["String"],"desc":"标题","label":""},{"key":"url","type":["String"],"desc":"点击后跳转链接地址。如果值为空,则表示不需要跳转","label":""}],"externalClasses":["t-class","t-class-title","t-class-note","t-class-description","t-class-thumb","t-class-hover","t-class-left","t-class-right"],"events":[{"key":"bind:click","desc":"右侧内容","label":""}],"tpl":"<t-cell title=\"单行标题\" hover />","path":"./cell/cell"},"t-check-tag":{"key":"t-check-tag","label":"可选标签","icon":"","properties":[{"key":"checked","type":["Boolean"],"desc":"标签选中的状态,默认风格(theme=default)才有选中态","label":""},{"key":"closable","type":["Boolean"],"desc":"标签是否可关闭","label":""},{"key":"content","type":["String","Number"],"desc":"组件子元素","label":""},{"key":"disabled","type":["Boolean"],"desc":"标签禁用态,失效标签不能触发事件。默认风格(theme=default)才有禁用态","label":""},{"key":"icon","type":["String"],"desc":"标签中的图标,可自定义图标呈现","label":""},{"key":"shape","type":["String"],"desc":"标签类型,有三种:方形、圆角方形、标记型","label":""},{"key":"size","type":["String"],"desc":"标签尺寸","label":""}],"events":[{"key":"bind:change","desc":"组件子元素","label":""},{"key":"bind:click","desc":"点击标签时触发","label":""}],"tpl":"<t-check-tag>check tag</t-check-tag>","path":"./check-tag/check-tag"},"t-checkbox-group":{"key":"t-checkbox-group","label":"多选框组","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-checkbox.png","properties":[{"key":"disabled","type":["Boolean"],"desc":"是否禁用组件","label":""},{"key":"max","type":["Number"],"desc":"支持最多选中的数量","label":""},{"key":"name","type":["String"],"desc":"统一设置内部复选框 HTML 属性","label":""},{"key":"options","type":["Array"],"desc":"以配置形式设置子元素。示例1:`['北京', '上海']` ,示例2: `[{ label: '全选', checkAll: true }, { label: '上海', value: 'shanghai' }]`。checkAll 值为 true 表示当前选项为「全选选项」","label":""},{"key":"value","type":["Array"],"desc":"选中值","label":""}],"events":[{"key":"bind:change","desc":"值变化时触发。`context.current` 表示当前变化的数据项,如果是全选则为空;`context.type` 表示引起选中数据变化的是选中或是取消选中,`context.option` 表示当前变化的数据项","label":""}],"tpl":"<t-checkbox-group value=\"{{['checkbox1']}}\"><t-checkbox value=\"checkbox1\" label=\"多选\" /><t-checkbox value=\"checkbox2\" label=\"多选\" /><t-checkbox value=\"checkbox3\" label=\"多选\" /></t-checkbox-group>","require":{"t-checkbox":"./checkbox/checkbox"},"path":"./checkbox-group/checkbox-group"},"t-checkbox":{"key":"t-checkbox","label":"多选框","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-checkbox.png","properties":[{"key":"align","type":["String"],"desc":"多选框和内容相对位置","label":""},{"key":"checkAll","type":["Boolean"],"desc":"用于标识是否为「全选选项」。单独使用无效,需在 CheckboxGroup 中使用","label":""},{"key":"checked","type":["Boolean"],"desc":"是否选中","label":""},{"key":"color","type":["String"],"desc":"多选框颜色","label":""},{"key":"content","type":["String"],"desc":"多选框内容","label":""},{"key":"contentDisabled","type":["Boolean"],"desc":"是否禁用组件内容(content)触发选中","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用组件","label":""},{"key":"icon","type":["Array"],"desc":"自定义选中图标和非选中图标。示例:[选中态图标地址,非选中态图标地址]","label":""},{"key":"indeterminate","type":["Boolean"],"desc":"是否为半选","label":""},{"key":"label","type":["String"],"desc":"主文案","label":""},{"key":"maxContentRow","type":["Number"],"desc":"内容最大行数限制","label":""},{"key":"maxLabelRow","type":["Number"],"desc":"主文案最大行数限制","label":""},{"key":"name","type":["String"],"desc":"HTML 元素原生属性","label":""},{"key":"readonly","type":["Boolean"],"desc":"只读状态","label":""},{"key":"value","type":["String","Number"],"desc":"多选框的值","label":""}],"externalClasses":["t-class","t-class-icon","t-class-label","t-class-content","t-class-border"],"events":[{"key":"bind:change","desc":"值变化时触发","label":""}],"tpl":"<t-checkbox label=\"多选框\" checked=\"{{true}}\"></t-checkbox>","path":"./checkbox/checkbox"},"t-collapse-panel":{"key":"t-collapse-panel","label":"折叠面板","icon":"","properties":[{"key":"content","type":["String"],"desc":"折叠面板内容","label":""},{"key":"disabled","type":["Boolean"],"desc":"禁止当前面板展开,优先级大于 Collapse 的同名属性","label":""},{"key":"expandIcon","type":["Boolean"],"desc":"当前折叠面板展开图标,优先级大于 Collapse 的同名属性","label":""},{"key":"header","type":["String"],"desc":"面板头内容","label":""},{"key":"headerRightContent","type":["String"],"desc":"面板头的右侧区域,一般用于呈现面板操作","label":""},{"key":"value","type":["String","Number"],"desc":"当前面板唯一标识,如果值为空则取当前面下标兜底作为唯一标识","label":""}],"tpl":"<t-collapse-panel header=\"折叠面板标题\" value=\"{{0}}\">此处可自定义内容</t-collapse-panel>","path":"./collapse/collapse-panel"},"t-collapse":{"key":"t-collapse","label":"折叠","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-collapse.png","properties":[{"key":"defaultExpandAll","type":["Boolean"],"desc":"默认是否展开全部","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用面板展开/收起操作","label":""},{"key":"expandIcon","type":["Boolean"],"desc":"展开图标。值为 undefined 或 false 则不显示展开图标;值为 true 显示默认图标;值类型为函数,则表示完全自定义展开图标","label":""},{"key":"expandMutex","type":["Boolean"],"desc":"每个面板互斥展开,每次只展开一个面板","label":""},{"key":"value","type":["Array"],"desc":"展开的面板集合","label":""}],"events":[{"key":"bind:change","desc":"切换面板时触发,返回变化的值","label":""}],"tpl":"<t-collapse value=\"{{[0]}}\"><t-collapse-panel header=\"折叠面板标题\" value=\"{{0}}\">此处可自定义内容</t-collapse-panel></t-collapse>","require":{"t-collapse-panel":"./collapse/collapse-panel"},"path":"./collapse/collapse"},"t-date-time-picker":{"key":"t-date-time-picker","label":"日期时间选择器","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-datetimepicker.png","properties":[{"key":"cancelBtn","type":["String"],"desc":"取消按钮文字","label":""},{"key":"confirmBtn","type":["String"],"desc":"确定按钮文字","label":""},{"key":"end","type":["String","Number"],"desc":"选择器的结束时间","label":""},{"key":"footer","type":["String"],"desc":"底部内容","label":""},{"key":"format","type":["String"],"desc":"用于格式化日期,[详细文档](https://day.js.org/docs/en/display/format)","label":""},{"key":"header","type":["Boolean"],"desc":"头部内容。值为 true 显示空白头部,值为 false 不显示任何内容,值类型为 TNode 表示自定义头部内容","label":""},{"key":"mode","type":["String","Array"],"desc":"选择器模式,用于表示可以选择到哪一个层级。【示例一】year 或者 ['year'] 表示纯日期选择器,只能选择到年份,只显示年份。【示例二】'hour' 或 ['hour'] 表示纯时间选择器,只能选择到小时维度。【示例三】['year', 'month', 'date', 'hour', 'minute'] 表示,日期和时间 混合选择器,可以选择到具体哪一分钟,显示全部时间:年/月/日/时/分","label":""},{"key":"showWeek","type":["Boolean"],"desc":"【开发中】是否在日期旁边显示周几(如周一,周二,周日等)","label":""},{"key":"start","type":["String","Number"],"desc":"选择器的开始时间","label":""},{"key":"title","type":["String"],"desc":"标题","label":""},{"key":"value","type":["String","Number"],"desc":"选中值","label":""},{"key":"visible","type":["Boolean"],"desc":"是否显示","label":""}],"externalClasses":["t-class","t-class-confirm","t-class-cancel","t-class-title"],"events":[{"key":"bind:cancel","desc":"取消按钮点击时触发","label":""},{"key":"bind:change","desc":"选中值发生变化时触发","label":""},{"key":"bind:column-change","desc":"每一列选中数据变化时触发","label":""},{"key":"bind:confirm","desc":"确认按钮点击时触发","label":""}],"tpl":"<t-date-time-picker title=\"选择日期\" visible=\"{{true}}\" mode=\"{{['date']}}\" format=\"YYYY-MM-DD\"></t-date-time-picker>","path":"./date-time-picker/date-time-picker"},"t-dialog":{"key":"t-dialog","label":"对话框","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-dialog.png","properties":[{"key":"actions","type":["Array"],"desc":"操作栏","label":""},{"key":"buttonLayout","type":["String"],"desc":"多按钮排列方式","label":""},{"key":"cancelBtn","type":["String","Object"],"desc":"取消按钮,可自定义。值为 null 则不显示取消按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时,需自行控制取消事件","label":""},{"key":"closeOnOverlayClick","type":["Boolean"],"desc":"点击蒙层时是否触发关闭事件","label":""},{"key":"confirmBtn","type":["String","Object"],"desc":"确认按钮。值为 null 则不显示确认按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时,需自行控制确认事件","label":""},{"key":"content","type":["String"],"desc":"内容","label":""},{"key":"preventScrollThrough","type":["Boolean"],"desc":"防止滚动穿透","label":""},{"key":"showInAttachedElement","type":["Boolean"],"desc":"【开发中】仅在挂载元素中显示抽屉,默认在浏览器可视区域显示。父元素需要有定位属性,如:position: relative","label":""},{"key":"showOverlay","type":["Boolean"],"desc":"是否显示遮罩层","label":""},{"key":"title","type":["String"],"desc":"标题","label":""},{"key":"visible","type":["Boolean"],"desc":"控制对话框是否显示","label":""},{"key":"zIndex","type":["Number"],"desc":"对话框层级,Web 侧样式默认为 2500,移动端和小程序样式默认为 1500","label":""}],"externalClasses":["t-class","t-class-content","t-class-confirm","t-class-cancel"],"events":[{"key":"bind:cancel","desc":"如果“取消”按钮存在,则点击“取消”按钮时触发,同时触发关闭事件","label":""},{"key":"bind:close","desc":"关闭事件,点击 取消按钮 或 点击蒙层 时触发","label":""},{"key":"bind:overlay-click","desc":"如果蒙层存在,点击蒙层时触发","label":""}],"tpl":"<t-dialog visible=\"{{true}}\" title=\"对话框标题\" content=\"告知当前状态、信息和解决方法,等内容。描述文案尽可能控制在三行内\" confirm-btn=\"我知道了\" />","path":"./dialog/dialog"},"t-divider":{"key":"t-divider","label":"分割线","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-divider.png","properties":[{"key":"align","type":["String"],"desc":"文本位置(仅在水平分割线有效)","label":""},{"key":"content","type":["String"],"desc":"子元素","label":""},{"key":"dashed","type":["Boolean"],"desc":"是否虚线(仅在水平分割线有效)","label":""},{"key":"layout","type":["String"],"desc":"分隔线类型有两种:水平和垂直","label":""},{"key":"lineColor","type":["String"],"desc":"分隔线颜色","label":""}],"externalClasses":["t-class","t-class-line","t-class-content"],"tpl":"<t-divider />","path":"./divider/divider"},"t-drawer":{"key":"t-drawer","label":"模态抽屉","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-drawer.png","properties":[{"key":"closeOnOverlayClick","type":["Boolean"],"desc":"点击蒙层时是否触发抽屉关闭事件","label":""},{"key":"destroyOnClose","type":["Boolean"],"desc":"抽屉关闭时是否销毁节点","label":""},{"key":"items","type":["Array"],"desc":"抽屉里的列表项","label":""},{"key":"placement","type":["String"],"desc":"抽屉方向","label":""},{"key":"showOverlay","type":["Boolean"],"desc":"是否显示遮罩层","label":""},{"key":"visible","type":["Boolean"],"desc":"组件是否可见","label":""},{"key":"zIndex","type":["Number"],"desc":"抽屉层级,样式默认为 1500","label":""}],"events":[{"key":"bind:close","desc":"关闭事件,取消按钮点击时、关闭按钮点击时、点击蒙层时均会触发","label":""},{"key":"bind:item-click","desc":"点击抽屉里的列表项","label":""},{"key":"bind:overlay-click","desc":"如果蒙层存在,点击蒙层时触发","label":""}],"tpl":"<t-drawer visible=\"{{true}}\" placement=\"left\" items=\"{{[{title: '菜单一'},{title: '菜单二'}]}}\"></t-drawer>","path":"./drawer/drawer"},"t-dropdown-item":{"key":"t-dropdown-item","label":"下拉菜单子项","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-dropdownmenu.png","properties":[{"key":"disabled","type":["Boolean"],"desc":"是否禁用","label":""},{"key":"label","type":["String"],"desc":"标题","label":""},{"key":"multiple","type":["Boolean"],"desc":"是否多选","label":""},{"key":"options","type":["Array"],"desc":"选项数据","label":""}],"tpl":"<t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" /><t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" />","path":"./dropdown-menu/dropdown-item"},"t-dropdown-menu":{"key":"t-dropdown-menu","label":"下拉菜单","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-dropdownmenu.png","properties":[{"key":"activeColor","type":["String"],"desc":"【讨论中】菜单标题和选项的选中态颜色","label":""},{"key":"closeOnClickOverlay","type":["Boolean"],"desc":"是否在点击遮罩层后关闭菜单","label":""},{"key":"duration","type":["String","Number"],"desc":"动画时长","label":""},{"key":"showOverlay","type":["Boolean"],"desc":"是否显示遮罩层","label":""},{"key":"zIndex","type":["Number"],"desc":"菜单栏 z-index 层级","label":""}],"tpl":"<t-dropdown-menu><t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" /><t-dropdown-item label=\"菜单\" options=\"{{[{label:'选项一',value:'option_1',disabled:false},{label:'选项二',value:'option_2',disabled:false},{label:'选项三',value:'option_3',disabled:false}]}}\" defaultValue=\"option_3\" /></t-dropdown-menu>","require":{"t-dropdown-item":"./dropdown-menu/dropdown-item"},"path":"./dropdown-menu/dropdown-menu"},"t-empty":{"key":"t-empty","label":"空状态","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-empty.png","properties":[{"key":"action","type":["String"],"desc":"操作按钮","label":""},{"key":"description","type":["String"],"desc":"描述文字","label":""},{"key":"icon","type":["String"],"desc":"图标名称","label":""},{"key":"image","type":["String"],"desc":"图片地址","label":""}],"externalClasses":["t-class","t-class-description","t-class-image","t-class-actions"],"tpl":"<t-empty icon=\"info-circle-filled\" />","path":"./empty/empty"},"t-fab":{"key":"t-fab","label":"悬浮按钮","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-fab.png","properties":[{"key":"buttonProps","type":["Object"],"desc":"透传至 Button 组件","label":""},{"key":"icon","type":["String"],"desc":"图标","label":""},{"key":"style","type":["String"],"desc":"悬浮按钮的样式,常用于调整位置","label":""},{"key":"text","type":["String"],"desc":"文本内容","label":""}],"events":[{"key":"bind:click","desc":"悬浮按钮点击事件","label":""}],"tpl":"<t-fab icon=\"add\" />","path":"./fab/fab"},"t-footer":{"key":"t-footer","label":"布局-底部内容","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-footer.png","properties":[{"key":"copyright","type":["String"],"desc":"版权信息,type 为`text`生效","label":""},{"key":"logo","type":["Object"],"desc":"图标配置,type 为`logo`生效。`logo.icon` 表示图标链接地址,`logo.title` 表示标题文本,`logo.url` 表示链接跳转地址","label":""},{"key":"textLinkList","type":["Array"],"desc":"链接列表,type 为`text`生效。name 表示链接名称, url 表示链接 page 路径,目前只支持小程序内部跳转,openType 表示跳转方式","label":""},{"key":"theme","type":["String"],"desc":"页脚展示类型","label":""}],"tpl":"<t-footer theme=\"text\" copyright=\"Copyright © 2021-2031 TD.All Rights Reserved.\" />","path":"./footer/footer"},"t-grid-item":{"key":"t-grid-item","label":"宫格子项","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-grid.png","properties":[{"key":"badgeProps","type":["Object"],"desc":"头像右上角提示信息,继承 Badge 组件的全部特性。如:小红点,或者数字","label":""},{"key":"description","type":["String"],"desc":"文本以外的更多描述,辅助信息。可以通过 Props 传入文本,也可以自定义标题节点","label":""},{"key":"image","type":["String"],"desc":"图片,可以是图片地址,也可以自定义图片节点","label":""},{"key":"jumpType","type":["String"],"desc":"链接跳转类型","label":""},{"key":"layout","type":["String"],"desc":"内容布局方式","label":""},{"key":"text","type":["String"],"desc":"文本,可以通过 Props 传入文本,也可以自定义标题节点","label":""},{"key":"url","type":["String"],"desc":"点击后的跳转链接","label":""}],"externalClasses":["t-class","t-class-image","t-class-text","t-class-description"],"tpl":"<t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item>","path":"./grid-item/grid-item"},"t-grid":{"key":"t-grid","label":"栅格","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-grid.png","properties":[{"key":"align","type":["String"],"desc":"内容对齐方式","label":""},{"key":"border","type":["Boolean","Object"],"desc":"边框,默认不显示。值为 true 则显示默认边框,值类型为 object 则表示自定义边框样式","label":""},{"key":"column","type":["Number"],"desc":"每一行的列数量","label":""},{"key":"gutter","type":["Number"],"desc":"间隔大小","label":""},{"key":"hover","type":["Boolean"],"desc":"是否开启点击反馈","label":""}],"externalClasses":["t-class"],"tpl":"<t-grid column=\"{{2}}\"><t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item><t-grid-item text=\"标题文字\"><image style=\"width: 96rpx; height: 96rpx\" src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" slot=\"image\" /></t-grid-item></t-grid>","require":{"t-grid-item":"./grid-item/grid-item"},"path":"./grid/grid"},"t-icon":{"key":"t-icon","label":"图标","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-icon.png","properties":[{"key":"classPrefix","type":["String"],"desc":"自定义icon前缀","label":""},{"key":"color","type":["String"],"desc":"图标颜色","label":""},{"key":"style","type":["String"],"desc":"自定义样式","label":""},{"key":"name","type":["String"],"desc":"图标名称","label":""},{"key":"size","type":["String","Number"],"desc":"图标名称","label":""}],"tpl":"<t-icon name=\"add-circle\" />","path":"./icon/icon"},"t-image":{"key":"t-image","label":"图片","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-image.png","properties":[{"key":"error","type":["String"],"desc":"加载失败时显示的内容。值为 `default` 则表示使用默认加载失败风格;值为空或者 `slot` 表示使用插槽渲染,插槽名称为 `error`;值为其他则表示普通文本内容,如“加载失败”","label":""},{"key":"lazy","type":["Boolean"],"desc":"是否开启图片懒加载","label":""},{"key":"loading","type":["String"],"desc":"加载态内容。值为 `default` 则表示使用默认加载中风格;值为空或者 `slot` 表示使用插槽渲染,插槽名称为 `loading`;值为其他则表示普通文本内容,如“加载中”","label":""},{"key":"shape","type":["String"],"desc":"图片圆角类型","label":""},{"key":"src","type":["String"],"desc":"图片链接","label":""}],"externalClasses":["t-class","t-class-load"],"events":[{"key":"bind:error","desc":"图片加载失败时触发","label":""},{"key":"bind:load","desc":"图片加载完成时触发","label":""}],"tpl":"<t-image src=\"https://tdesign.gtimg.com/mobile/%E5%9B%BE%E7%89%87.png\" mode=\"aspectFill\"></t-image>","path":"./image/image"},"t-indexes":{"key":"t-indexes","label":"索引","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-indexes.png","properties":[{"key":"height","type":["Number"],"desc":"列表高度,未设置默认占满设备高度","label":""},{"key":"list","type":["Array"],"desc":"索引列表的列表数据。每个元素包含三个子元素,index(string):索引值,例如1,2,3,...或A,B,C等;title(string): 索引标题,可不填将默认设为索引值;children(Array<{title: string}>): 子元素列表,title为子元素的展示文案。","label":""},{"key":"sticky","type":["Boolean"],"desc":"索引是否吸顶,默认为true","label":""}],"events":[{"key":"bind:select","desc":"点击行元素时触发事件","label":""}],"tpl":"<t-indexes id=\"bar\" list=\"{{ [{ title: 'A开头', index: 'A', children: [{ title: '阿坝' }]},{ title: 'B开头', index: 'B', children: [{ title: '北京' }]}] }}\" />","path":"./indexes/indexes"},"t-input":{"key":"t-input","label":"输入框","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-input.png","properties":[{"key":"align","type":["String"],"desc":"文本内容位置,居左/居中/居右","label":""},{"key":"borderless","type":["Boolean"],"desc":"【讨论中】是否开启无边框模式","label":""},{"key":"clearable","type":["Boolean"],"desc":"是否可清空","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用输入框","label":""},{"key":"errorMessage","type":["String"],"desc":"错误提示文本,值为空不显示(废弃属性,如果需要,请更为使用 status 和 tips)","label":""},{"key":"format","type":["String"],"desc":"【开发中】指定输入框展示值的格式","label":""},{"key":"label","type":["String"],"desc":"左侧文本","label":""},{"key":"maxcharacter","type":["Number"],"desc":"用户最多可以输入的字符个数,一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用","label":""},{"key":"maxlength","type":["Number"],"desc":"用户最多可以输入的文本长度,一个中文等于一个计数长度。值小于等于 0 的时候,则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用","label":""},{"key":"placeholder","type":["String"],"desc":"占位符","label":""},{"key":"prefixIcon","type":["String"],"desc":"组件前置图标,值为字符串则表示图标名称","label":""},{"key":"readonly","type":["Boolean"],"desc":"只读状态","label":""},{"key":"size","type":["String"],"desc":"输入框尺寸","label":""},{"key":"status","type":["String"],"desc":"输入框状态","label":""},{"key":"suffix","type":["String"],"desc":"后置图标前的后置内容","label":""},{"key":"suffixIcon","type":["String"],"desc":"后置文本内容,值为字符串则表示图标名称","label":""},{"key":"tips","type":["String"],"desc":"输入框下方提示文本,会根据不同的 `status` 呈现不同的样式","label":""},{"key":"value","type":["String","Number"],"desc":"输入框的值","label":""}],"externalClasses":["t-class","t-class-input","t-class-placeholder","t-class-error-msg"],"events":[{"key":"bind:blur","desc":"失去焦点时触发","label":""},{"key":"bind:change","desc":"输入框值发生变化时触发","label":""},{"key":"bind:clear","desc":"清空按钮点击时触发","label":""},{"key":"bind:enter","desc":"回车键按下时触发","label":""},{"key":"bind:focus","desc":"获得焦点时触发","label":""}],"tpl":"<t-input placeholder=\"请输入文字\" />","path":"./input/input"},"t-loading":{"key":"t-loading","label":"加载中","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-loading.png","properties":[{"key":"delay","type":["Number"],"desc":"延迟显示加载效果的时间,用于防止请求速度过快引起的加载闪烁,单位:毫秒","label":""},{"key":"duration","type":["Number"],"desc":"加载动画执行完成一次的时间,单位:毫秒","label":""},{"key":"indicator","type":["Boolean"],"desc":"是否显示加载指示符","label":""},{"key":"inheritColor","type":["Boolean"],"desc":"是否继承父元素颜色","label":""},{"key":"layout","type":["String"],"desc":"对齐方式","label":""},{"key":"loading","type":["Boolean"],"desc":"是否处于加载状态","label":""},{"key":"pause","type":["Boolean"],"desc":"是否暂停动画","label":""},{"key":"progress","type":["Number"],"desc":"加载进度","label":""},{"key":"reverse","type":["Boolean"],"desc":"加载动画是否反向","label":""},{"key":"size","type":["String"],"desc":"尺寸,示例:40rpx/20px","label":""},{"key":"text","type":["String"],"desc":"加载提示文案","label":""},{"key":"theme","type":["String"],"desc":"加载组件类型","label":""}],"externalClasses":["t-class","t-class-text","t-class-indicator"],"tpl":"<t-loading theme=\"circular\" size=\"40rpx\"></t-loading>","path":"./loading/loading"},"t-message":{"key":"t-message","label":"全局提醒","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-message.png","properties":[{"key":"action","type":["String"],"desc":"操作","label":""},{"key":"align","type":["String"],"desc":"文本对齐方式","label":""},{"key":"closeBtn","type":["String","Boolean"],"desc":"关闭按钮,可以自定义。值为 true 显示默认关闭按钮,值为 false 不显示关闭按钮。值类型为 string 则直接显示值,如:“关闭”。也可以完全自定义按钮","label":""},{"key":"content","type":["String"],"desc":"用于自定义消息弹出内容","label":""},{"key":"duration","type":["Number"],"desc":"消息内置计时器,计时到达时会触发 duration-end 事件。单位:毫秒。值为 0 则表示没有计时器。","label":""},{"key":"icon","type":["String","Boolean"],"desc":"消息提醒前面的图标。值为 true 则根据 theme 显示对应的图标,值为 false 则不显示图标。值为 'info' 或 'bell' 则显示组件内置图标。也可以完全自定义图标节点","label":""},{"key":"marquee","type":["Boolean","Object"],"desc":"跑马灯效果。speed 指速度控制;loop 指循环播放次数,值为 -1 表示循环播放,值为 0 表示不循环播放;delay 表示延迟多久开始播放","label":""},{"key":"offset","type":["Array"],"desc":"相对于 placement 的偏移量,示例:[-10, 20] 或 ['10rpx', '8rpx']","label":""},{"key":"theme","type":["String"],"desc":"消息组件风格","label":""},{"key":"visible","type":["Boolean"],"desc":"是否显示,隐藏时默认销毁组件","label":""},{"key":"zIndex","type":["Number"],"desc":"元素层级,样式默认为 5000","label":""}],"externalClasses":["t-class","t-class-content","t-class-icon","t-class-action","t-class-close-btn"],"events":[{"key":"bind:action-btn-click","desc":"当操作按钮存在时,用户点击操作按钮时触发","label":""},{"key":"bind:close-btn-click","desc":"当关闭按钮存在时,用户点击关闭按钮触发","label":""},{"key":"bind:duration-end","desc":"计时结束后触发","label":""}],"tpl":"<t-message id=\"t-message\" />","path":"./message/message"},"t-navbar":{"key":"t-navbar","label":"导航条","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-navbar.png","properties":[{"key":"animation","type":["Boolean"],"desc":"是否添加动画效果","label":""},{"key":"background","type":["String"],"desc":"背景","label":""},{"key":"delta","type":["Number"],"desc":"后退按钮后退层数,含义参考 [wx.navigateBack](https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateBack.html),特殊的,传入 0 不会发生执行 wx.navigateBack,只会触发一个 goback 事件供自行处理。","label":""},{"key":"fixed","type":["Boolean"],"desc":"是否固定在顶部","label":""},{"key":"homeIcon","type":["String"],"desc":"首页图标地址。值为 '' 或者 undefiend 则表示不显示返回图标,值为 'circle' 表示显示默认图标,值为 'slot' 表示使用插槽渲染,值为其他则表示图标地址","label":""},{"key":"leftIcon","type":["String"],"desc":"左侧图标地址,值为 '' 或者 undefiend 则表示不显示返回图标,值为 'arrow-left' 表示显示返回图标,值为 'slot' 表示使用插槽渲染,值为其他则表示图标地址","label":""},{"key":"title","type":["String"],"desc":"页面标题","label":""},{"key":"titleMaxLength","type":["Number"],"desc":"标题文字最大长度,超出的范围使用 `...` 表示","label":""},{"key":"visible","type":["Boolean"],"desc":"是否显示","label":""}],"externalClasses":["t-class","t-class-title","t-class-left-icon","t-class-home-icon","t-class-capsule"],"events":[{"key":"bind:complete","desc":"navigateBack 执行完成后触发(失败或成功均会触发)","label":""},{"key":"bind:fail","desc":"navigateBack 执行失败后触发","label":""},{"key":"bind:go-back","desc":"delta 值为 0 时,点击返回,触发该事件","label":""},{"key":"bind:go-home","desc":"点击 Home 触发","label":""},{"key":"bind:success","desc":"navigateBack 执行成功后触发","label":""}],"tpl":"<t-navbar title=\"标题\" />","path":"./navbar/navbar"},"t-picker-item":{"key":"t-picker-item","label":"选择器子项","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-picker.png","properties":[{"key":"format","type":["String"],"desc":"格式化标签","label":""},{"key":"options","type":["Array"],"desc":"数据源","label":""}],"tpl":"<t-picker-item options=\"{{[{ label: '上海', value: '上海' },{ label: '广州', value: '广州' },{ label: '深圳', value: '深圳' }]}}\" value=\"广州\"></t-picker-item>","path":"./picker-item/picker-item"},"t-picker":{"key":"t-picker","label":"选择器","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-picker.png","properties":[{"key":"cancelBtn","type":["String","Object"],"desc":"取消按钮文字","label":""},{"key":"confirmBtn","type":["String","Object"],"desc":"确定按钮文字","label":""},{"key":"footer","type":["String"],"desc":"底部内容","label":""},{"key":"header","type":["Boolean"],"desc":"头部内容。值为 true 显示空白头部,值为 false 不显示任何内容,值类型为 TNode 表示自定义头部内容","label":""},{"key":"title","type":["String"],"desc":"标题","label":""},{"key":"value","type":["Array"],"desc":"选中值","label":""},{"key":"visible","type":["Boolean"],"desc":"是否显示","label":""}],"events":[{"key":"bind:cancel","desc":"点击取消按钮时触发","label":""},{"key":"bind:change","desc":"选中变化时候触发","label":""},{"key":"bind:pick","desc":"任何一列选中都会触发,不同的列参数不同。`context.column` 表示第几列变化,`context.index` 表示变化那一列的选中项下标","label":""}],"tpl":"<t-picker visible=\"{{true}}\" cancelBtn=\"取消\" confirmBtn=\"确认\"><t-picker-item options=\"{{[{ label: '上海', value: '上海' },{ label: '广州', value: '广州' },{ label: '深圳', value: '深圳' }]}}\" value=\"广州\"></t-picker-item></t-picker>","require":{"t-picker-item":"./picker-item/picker-item"},"path":"./picker/picker"},"t-popup":{"key":"t-popup","label":"气泡框","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-popup.png","properties":[{"key":"closeBtn","type":["Boolean"],"desc":"关闭按钮,值类型为 Boolean 时表示是否显示关闭按钮。也可以自定义关闭按钮","label":""},{"key":"closeOnOverlayClick","type":["Boolean"],"desc":"点击遮罩层是否关闭","label":""},{"key":"content","type":["String"],"desc":"浮层里面的内容","label":""},{"key":"placement","type":["String"],"desc":"浮层出现位置","label":""},{"key":"preventScrollThrough","type":["Boolean"],"desc":"防止滚动穿透","label":""},{"key":"showOverlay","type":["Boolean"],"desc":"是否显示遮罩层","label":""},{"key":"transitionProps","type":["Object"],"desc":"动画效果定义","label":""},{"key":"visible","type":["Boolean"],"desc":"是否显示浮层","label":""},{"key":"zIndex","type":["Number"],"desc":"组件层级,Web 侧样式默认为 5500,移动端和小程序样式默认为 1500","label":""}],"externalClasses":["t-class","t-class-overlay","t-class-content"],"events":[{"key":"bind:visible-change","desc":"当浮层隐藏或显示时触发","label":""}],"tpl":"<t-popup visible=\"{{true}}\" placement=\"top\"><view style=\"width: 100vw; height: 35vh; background: #fff\" /></t-popup>","path":"./popup/popup"},"t-progress":{"key":"t-progress","label":"进度条","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-progress.png","properties":[{"key":"color","type":["String","Object","Array"],"desc":"进度条颜色。示例:'#ED7B2F' 或 'orange' 或 `['#f00', '#0ff', '#f0f']` 或 `{ '0%': '#f00', '100%': '#0ff' }` 或 `{ from: '#000', to: '#000' }` 等","label":""},{"key":"label","type":["String","Boolean"],"desc":"进度百分比,可自定义","label":""},{"key":"percentage","type":["Number"],"desc":"进度条百分比","label":""},{"key":"size","type":["String","Number"],"desc":"进度条尺寸,示例:small/medium/large/240。small 值为 72; medium 值为 112;large 值为 160","label":""},{"key":"status","type":["String"],"desc":"进度条状态","label":""},{"key":"strokeWidth","type":["String","Number"],"desc":"进度条线宽。宽度数值不能超过 size 的一半,否则不能输出环形进度","label":""},{"key":"theme","type":["String"],"desc":"进度条风格。值为 line,标签(label)显示在进度条右侧;值为 plump,标签(label)显示在进度条里面;值为 circle,标签(label)显示在进度条正中间","label":""},{"key":"trackColor","type":["String"],"desc":"进度条未完成部分颜色","label":""}],"tpl":"<t-progress></t-progress>","path":"./progress/progress"},"t-pull-down-refresh":{"key":"t-pull-down-refresh","label":"下拉刷新","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-pulldownrefresh.png","properties":[{"key":"loadingBarHeight","type":["String","Number"],"desc":"加载中下拉高度,如果值为数字则单位是:'px'","label":""},{"key":"loadingProps","type":["Object"],"desc":"加载loading样式","label":""},{"key":"loadingTexts","type":["Array"],"desc":"提示语,组件内部默认值为 ['下拉刷新', '松手刷新', '正在刷新', '刷新完成']","label":""},{"key":"maxBarHeight","type":["String","Number"],"desc":"最大下拉高度,如果值为数字则单位是:'px'","label":""},{"key":"refreshTimeout","type":["Number"],"desc":"刷新超时时间","label":""},{"key":"value","type":["Boolean"],"desc":"组件状态,值为 `true` 表示下拉状态,值为 `false` 表示收起状态","label":""}],"externalClasses":["t-class","t-class-loading","t-class-text","t-class-indicator"],"events":[{"key":"bind:change","desc":"下拉或收起时触发,用户手势往下滑动触发下拉状态,手势松开触发收起状态","label":""},{"key":"bind:refresh","desc":"结束下拉时触发","label":""},{"key":"bind:timeout","desc":"刷新超时触发","label":""}],"tpl":"<t-pull-down-refresh id=\"pull-down-refresh\" loadingTexts=\"{{['继续拉哦', '该松手啦', '努力刷新中', '完成~']}}\"><view style=\"height: 300rpx; background: #fff; text-align: center\">拖拽该区域演示 中间下拉刷新</view></t-pull-down-refresh>","path":"./pull-down-refresh/pull-down-refresh"},"t-radio-group":{"key":"t-radio-group","label":"单选框组","icon":"","properties":[{"key":"disabled","type":["Boolean"],"desc":"是否禁用全部子单选框","label":""},{"key":"name","type":["String"],"desc":"HTML 元素原生属性","label":""},{"key":"options","type":["Array"],"desc":"单选组件按钮形式。RadioOption 数据类型为 string 或 number 时,表示 label 和 value 值相同","label":""},{"key":"value","type":["String","Number","Boolean"],"desc":"选中的值","label":""}],"events":[{"key":"bind:change","desc":"选中值发生变化时触发","label":""}],"tpl":"<t-radio-group defaultValue=\"radio1\"><t-radio value=\"radio1\" label=\"单选\" /><t-radio value=\"radio2\" label=\"单选\" /></t-radio-group>","require":{"t-radio":"./radio/radio"},"path":"./radio-group/radio-group"},"t-radio":{"key":"t-radio","label":"单选框","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-radio.png","properties":[{"key":"align","type":["String"],"desc":"复选框和内容相对位置","label":""},{"key":"allowUncheck","type":["Boolean"],"desc":"是否允许取消选中","label":""},{"key":"checked","type":["Boolean"],"desc":"是否选中","label":""},{"key":"color","type":["String"],"desc":"单选按钮颜色","label":""},{"key":"content","type":["String"],"desc":"单选内容","label":""},{"key":"contentDisabled","type":["Boolean"],"desc":"是否禁用组件内容(content)触发选中","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否为禁用态","label":""},{"key":"icon","type":["String","Array"],"desc":"自定义选中图标和非选中图标。示例:[选中态图标,非选中态图标]。值为 fill-circle 表示图标为填充型图标,值为 stroke-line 表示图标为描边型图标","label":""},{"key":"label","type":["String"],"desc":"主文案","label":""},{"key":"maxContentRow","type":["Number"],"desc":"内容最大行数限制","label":""},{"key":"maxLabelRow","type":["Number"],"desc":"主文案最大行数限制","label":""},{"key":"name","type":["String"],"desc":"HTML 元素原生属性","label":""},{"key":"value","type":["String","Number","Boolean"],"desc":"单选按钮的值","label":""}],"externalClasses":["t-class","t-class-icon","t-class-label","t-class-content","t-class-border"],"events":[{"key":"bind:change","desc":"值变化时触发","label":""}],"tpl":"<t-radio value=\"radio\" label=\"单选\" />","path":"./radio/radio"},"t-rate":{"key":"t-rate","label":"评分","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-rate.png","properties":[{"key":"allowHalf","type":["Boolean"],"desc":"是否允许半选","label":""},{"key":"color","type":["String","Array"],"desc":"评分图标的颜色,样式中默认为 #ED7B2F。一个值表示设置选中高亮的五角星颜色,示例:[选中颜色]。数组则表示分别设置 选中高亮的五角星颜色 和 未选中暗灰的五角星颜色,[选中颜色,未选中颜色]。示例:['#ED7B2F', '#E3E6EB']","label":""},{"key":"count","type":["Number"],"desc":"评分的数量","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用评分","label":""},{"key":"gap","type":["Number"],"desc":"评分图标的间距","label":""},{"key":"showText","type":["Boolean"],"desc":"是否显示对应的辅助文字","label":""},{"key":"size","type":["String"],"desc":"评分图标的大小,示例:`20`","label":""},{"key":"texts","type":["Array"],"desc":"评分等级对应的辅助文字。组件内置默认值为:['极差', '失望', '一般', '满意', '惊喜']。自定义值示例:['1分', '2分', '3分', '4分', '5分']","label":""},{"key":"value","type":["Number"],"desc":"选择评分的值","label":""},{"key":"variant","type":["String"],"desc":"形状类型,有描边类型和填充类型两种","label":""}],"events":[{"key":"bind:change","desc":"评分数改变时触发","label":""}],"tpl":"<t-rate defaultValue=\"{{4}}\" variant=\"filled\"></t-rate>","path":"./rate/rate"},"t-search":{"key":"t-search","label":"搜索","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-search.png","properties":[{"key":"action","type":["String"],"desc":"自定义右侧操作按钮文字","label":""},{"key":"center","type":["Boolean"],"desc":"是否居中","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用","label":""},{"key":"focus","type":["Boolean"],"desc":"是否聚焦","label":""},{"key":"label","type":["String"],"desc":"左侧文本","label":""},{"key":"leftIcon","type":["String"],"desc":"左侧图标","label":""},{"key":"placeholder","type":["String"],"desc":"占位符","label":""},{"key":"rightIcon","type":["String"],"desc":"右侧图标","label":""},{"key":"shape","type":["String"],"desc":"搜索框形状","label":""},{"key":"value","type":["String"],"desc":"值","label":""}],"externalClasses":["t-class","t-class-input","t-class-input-container","t-class-cancel","t-class-left","t-class-right"],"events":[{"key":"bind:action-click","desc":"点击右侧操作按钮文字时触发","label":""},{"key":"bind:blur","desc":"失去焦点时触发","label":""},{"key":"bind:change","desc":"值发生变化时触发","label":""},{"key":"bind:clear","desc":"点击清除时触发","label":""},{"key":"bind:focus","desc":"聚焦时触发","label":""},{"key":"bind:submit","desc":"提交时触发","label":""}],"tpl":"<t-search></t-search>","path":"./search/search"},"t-skeleton":{"key":"t-skeleton","label":"骨架屏","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-skeleton.png","properties":[{"key":"animation","type":["String"],"desc":"动画效果,有「渐变加载动画」和「闪烁加载动画」两种。值为 'none' 则表示没有动画","label":""},{"key":"delay","type":["Number"],"desc":"【开发中】延迟显示加载效果的时间,用于防止请求速度过快引起的加载闪烁,单位:毫秒","label":""},{"key":"loading","type":["Boolean"],"desc":"是否为加载状态,如果是则显示骨架图,如果不是则显示加载完成的内容","label":""},{"key":"rowCol","type":["Array"],"desc":"用于设置行列数量、宽度高度、间距等。【示例一】,`[1, 1, 2]` 表示输出三行骨架图,第一行一列,第二行一列,第三行两列。【示例二】,`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】,`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列,且自定义宽度、高度和间距","label":""},{"key":"theme","type":["String"],"desc":"骨架图风格,有基础、头像组合等两大类","label":""}],"externalClasses":["t-class","t-class-avatar","t-class-image","t-class-text"],"tpl":"<t-skeleton rowCol=\"{{ [{ width: '686rpx', height: '32rpx' }, 1, 1, { width: '380rpx', height: '32rpx' }]}}\" loading></t-skeleton>","path":"./skeleton/skeleton"},"t-slider":{"key":"t-slider","label":"滑块","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-slider.png","properties":[{"key":"colors","type":["Array"],"desc":"颜色,[已选择, 未选择]","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用组件","label":""},{"key":"disabledColor","type":["Array"],"desc":"禁用状态滑动条的颜色,[已选, 未选]","label":""},{"key":"label","type":["String","Boolean"],"desc":"滑块当前值文本。<br />值为 true 显示默认文案;值为 false 不显示滑块当前值文本;<br />值为 `${value}%` 则表示组件会根据占位符渲染文案;<br />值类型为函数时,参数 `value` 标识滑块值,参数 `position=start` 表示范围滑块的起始值,参数 `position=end` 表示范围滑块的终点值","label":""},{"key":"marks","type":["Object","Array"],"desc":"刻度标记,示例:`[0, 10, 40, 200]` 或者 `{ 5: '5¥', 10: '10%' }`","label":""},{"key":"max","type":["Number"],"desc":"滑块范围最大值","label":""},{"key":"min","type":["Number"],"desc":"滑块范围最小值","label":""},{"key":"range","type":["Boolean"],"desc":"双游标滑块","label":""},{"key":"showExtremeValue","type":["Boolean"],"desc":"是否边界值","label":""},{"key":"step","type":["Number"],"desc":"步长","label":""},{"key":"value","type":["Number","Array"],"desc":"滑块值","label":""}],"externalClasses":["t-class","t-class-bar","t-class-bar-active","t-class-bar-disabled","t-class-cursor"],"events":[{"key":"bind:change","desc":"滑块值变化时触发","label":""},{"key":"bind:dragend","desc":"结束拖动时触发","label":""},{"key":"bind:dragstart","desc":"开始拖动时触发","label":""}],"tpl":"<t-slider />","path":"./slider/slider"},"t-step-item":{"key":"t-step-item","label":"步骤","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-steps.png","properties":[{"key":"content","type":["String"],"desc":"步骤描述","label":""},{"key":"icon","type":["String"],"desc":"图标。传入 slot 代表使用插槽,其他字符串代表使用内置图标","label":""},{"key":"status","type":["String"],"desc":"当前步骤的状态","label":""},{"key":"subStepItems","type":["Array"],"desc":"子步骤条,仅支持 layout = 'vertical' 时","label":""},{"key":"title","type":["String"],"desc":"标题","label":""}],"externalClasses":["t-class","t-class-content","t-class-title","t-class-description","t-class-extra"],"tpl":"<t-step-item title=\"步骤描述\"></t-step-item>","path":"./step-item/step-item"},"t-stepper":{"key":"t-stepper","label":"步进器","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-stepper.png","properties":[{"key":"disabled","type":["Boolean"],"desc":"禁用全部操作","label":""},{"key":"disableInput","type":["Boolean"],"desc":"禁用输入框","label":""},{"key":"inputWidth","type":["Number"],"desc":"输入框宽度","label":""},{"key":"max","type":["Number"],"desc":"最大值","label":""},{"key":"min","type":["Number"],"desc":"最小值","label":""},{"key":"step","type":["Number"],"desc":"步长","label":""},{"key":"theme","type":["String"],"desc":"组件风格","label":""},{"key":"value","type":["String","Number"],"desc":"值","label":""}],"externalClasses":["t-class","t-class-input","t-class-add","t-class-minus"],"events":[{"key":"bind:blur","desc":"输入框失去焦点时触发","label":""},{"key":"bind:change","desc":"数值发生变更时触发","label":""},{"key":"bind:overlimit","desc":"数值超出限制时触发","label":""}],"tpl":"<t-stepper />","path":"./stepper/stepper"},"t-steps":{"key":"t-steps","label":"步骤条","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-steps.png","properties":[{"key":"current","type":["String","Number"],"desc":"当前步骤,即整个步骤条进度。默认根据步骤下标判断步骤的完成状态,当前步骤为进行中,当前步骤之前的步骤为已完成,当前步骤之后的步骤为未开始。如果每个步骤没有设置 value,current 值为步骤长度则表示所有步骤已完成。如果每个步骤设置了自定义 value,则 current = 'FINISH' 表示所有状态完成","label":""},{"key":"currentStatus","type":["String"],"desc":"用于控制 current 指向的步骤条的状态","label":""},{"key":"layout","type":["String"],"desc":"步骤条方向,有两种:横向和纵向","label":""},{"key":"readonly","type":["Boolean"],"desc":"只读状态","label":""},{"key":"separator","type":["String"],"desc":"步骤条分割符","label":""},{"key":"theme","type":["String"],"desc":"步骤条风格","label":""}],"externalClasses":["t-class"],"events":[{"key":"bind:change","desc":"当前步骤发生变化时触发","label":""}],"tpl":"<t-steps><t-step-item title=\"步骤描述1\" /><t-step-item title=\"步骤描述2\" /></t-steps>","require":{"t-step-item":"./step-item/step-item"},"path":"./steps/steps"},"t-sticky":{"key":"t-sticky","label":"吸顶容器","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-sticky.png","properties":[{"key":"container","type":["String"],"desc":"函数返回容器对应的 NodesRef 节点,将对应节点指定为组件的外部容器,滚动时组件会始终保持在容器范围内,当组件即将超出容器底部时,会返回原位置。","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用组件","label":""},{"key":"offsetTop","type":["String","Number"],"desc":"吸顶时与顶部的距离,单位`px`","label":""},{"key":"zIndex","type":["Number"],"desc":"吸顶时的 z-index","label":""}],"externalClasses":["t-class"],"events":[{"key":"bind:scroll","desc":"滚动时触发,scrollTop: 距离顶部位置,isFixed: 是否吸顶","label":""}],"tpl":"<t-sticky></t-sticky>","path":"./sticky/sticky"},"t-swipe-cell":{"key":"t-swipe-cell","label":"滑动操作","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-swipecell.png","properties":[{"key":"disabled","type":["Boolean"],"desc":"是否禁用滑动","label":""},{"key":"expanded","type":["String"],"desc":"操作项是否呈现为打开态","label":""},{"key":"left","type":["Array"],"desc":"左侧滑动操作项。所有行为同 `right`","label":""},{"key":"right","type":["Array"],"desc":"右侧滑动操作项。有两种定义方式,一种是使用数组,二种是使用插槽。`right.text` 表示操作文本,`right.className` 表示操作项类名,`right.style` 表示操作项样式,`right.onClick` 表示点击操作项后执行的回调函数。示例:`[{ text: '删除', style: 'background-color: red', onClick: () => {} }]`","label":""}],"events":[{"key":"bind:click","desc":"操作项点击时触发(插槽写法组件不触发,业务侧自定义内容和事件)","label":""}],"tpl":"<t-swipe-cell><t-cell title=\"列表-左滑单操作\" note=\"辅助信息\" /><view slot=\"right\">删除</view></t-swipe-cell>","require":{"t-cell":"./cell/cell"},"path":"./swipe-cell/swipe-cell"},"t-swiper":{"key":"t-swiper","label":"轮播","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-swiper.png","properties":[{"key":"animation","type":["String"],"desc":"轮播切换动画效果类型","label":""},{"key":"autoplay","type":["Boolean"],"desc":"是否自动播放","label":""},{"key":"current","type":["Number"],"desc":"当前轮播在哪一项(下标)","label":""},{"key":"direction","type":["String"],"desc":"轮播滑动方向,包括横向滑动和纵向滑动两个方向","label":""},{"key":"duration","type":["Number"],"desc":"滑动动画时长","label":""},{"key":"height","type":["Number"],"desc":"当使用垂直方向滚动时的高度","label":""},{"key":"interval","type":["Number"],"desc":"轮播间隔时间","label":""},{"key":"loop","type":["Boolean"],"desc":"是否循环播放","label":""},{"key":"navigation","type":["Object"],"desc":"导航器全部配置","label":""}],"events":[{"key":"bind:change","desc":"轮播切换时触发","label":""}],"tpl":"<t-swiper current=\"{{1}}\" autoplay=\"{{true}}\" duration=\"{{500}}\" interval=\"{{5000}}\" navigation><t-swiper-item wx:for=\"{{[{image: 'https://tdesign.gtimg.com/site/swiper/01.png'},{image: 'https://tdesign.gtimg.com/site/swiper/02.png'}]}}\" wx:key=\"index\"><image src=\"{{item.image}}\" style=\"width: 100%; height: 100%\" /></t-swiper-item></t-swiper>","require":{"t-swiper-item":"./swiper/swiper-item"},"path":"./swiper/swiper"},"t-switch":{"key":"t-switch","label":"开关","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-switch.png","properties":[{"key":"colors","type":["Array"],"desc":"自定义颜色,[打开时的颜色,关闭时的颜色]。组件默认颜色为 ['#0052d9', 'rgba(0, 0, 0, .26']。示例:[blue, gray]","label":""},{"key":"customValue","type":["Array"],"desc":"开关内容,[打开时的值,关闭时的值]。默认为 [true, false]。示例:[1, 0]","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用组件","label":""},{"key":"label","type":["String"],"desc":"开关的标签","label":""},{"key":"loading","type":["Boolean"],"desc":"是否处于加载中状态","label":""},{"key":"size","type":["String"],"desc":"开关尺寸","label":""},{"key":"value","type":["String","Number","Boolean"],"desc":"开关值","label":""}],"events":[{"key":"bind:change","desc":"数据发生变化时触发","label":""}],"tpl":"<t-switch defaultValue=\"{{true}}\" />","path":"./switch/switch"},"t-tab-bar-item":{"key":"t-tab-bar-item","label":"标签栏选项","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabbar.png","properties":[{"key":"badgeProps","type":["Object"],"desc":"图标右上角提示信息","label":""},{"key":"icon","type":["String"],"desc":"图标名称","label":""},{"key":"subTabBar","type":["Array"],"desc":"二级菜单","label":""},{"key":"value","type":["String","Number"],"desc":"标识符","label":""}],"tpl":"<t-tab-bar-item wx:for=\"{{[{value: 'label_1',label: '标签栏一',icon: 'app'},{value: 'label_2',label: '标签栏二',icon: 'app'}]}}\" wx:for-item=\"item\" wx:for-index=\"index\" wx:key=\"index\" value=\"{{item.value}}\">{{item.label}}</t-tab-bar-item>","path":"./tab-bar-item/tab-bar-item"},"t-tab-bar":{"key":"t-tab-bar","label":"标签栏","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabbar.png","properties":[{"key":"bordered","type":["Boolean"],"desc":"是否显示外边框","label":""},{"key":"color","type":["Array"],"desc":"标签颜色设置。示例:[选中标签的颜色, 未选中的标签颜色]","label":""},{"key":"fixed","type":["Boolean"],"desc":"是否固定在底部","label":""},{"key":"safeAreaInsetBottom","type":["Boolean"],"desc":"是否为 iPhoneX 留出底部安全距离","label":""},{"key":"split","type":["Boolean"],"desc":"是否需要分割线","label":""},{"key":"value","type":["String","Number","Array"],"desc":"当前选中标签的索引","label":""}],"externalClasses":["t-class"],"events":[{"key":"bind:change","desc":"选中标签切换时触发","label":""}],"tpl":"<t-tab-bar value=\"label_1\"><t-tab-bar-item wx:for=\"{{[{value: 'label_1',label: '标签栏一',icon: 'app'},{value: 'label_2',label: '标签栏二',icon: 'app'}]}}\" wx:for-item=\"item\" wx:for-index=\"index\" wx:key=\"index\" value=\"{{item.value}}\">{{item.label}}</t-tab-bar-item></t-tab-bar>","require":{"t-tab-bar-item":"./tab-bar-item/tab-bar-item"},"path":"./tab-bar/tab-bar"},"t-tab-panel":{"key":"t-tab-panel","label":"选项卡面板","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabs.png","properties":[{"key":"destroyOnHide","type":["Boolean"],"desc":"选项卡内容隐藏时是否销毁","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用当前选项卡","label":""},{"key":"label","type":["String"],"desc":"选项卡名称","label":""},{"key":"panel","type":["String"],"desc":"用于自定义选项卡面板内容","label":""},{"key":"value","type":["String","Number"],"desc":"选项卡的值,唯一标识","label":""}],"tpl":"<t-tab-panel label=\"标签页一\" value=\"0\">标签一内容</t-tab-panel>","path":"./tab-panel/tab-panel"},"t-tabs":{"key":"t-tabs","label":"选项卡","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-tabs.png","properties":[{"key":"animation","type":["Object"],"desc":"动画效果设置。其中 duration 表示动画时长","label":""},{"key":"placement","type":["String"],"desc":"选项卡位置","label":""},{"key":"showBottomLine","type":["Boolean"],"desc":"是否展示底部激活线条","label":""},{"key":"stickyProps","type":["Object"],"desc":"是否支持吸顶","label":""},{"key":"value","type":["String","Number"],"desc":"激活的选项卡值","label":""}],"externalClasses":["t-class","t-class-item","t-class-active","t-class-track"],"events":[{"key":"bind:change","desc":"激活的选项卡发生变化时触发","label":""}],"tpl":"<t-tabs defaultValue=\"{{0}}\"><t-tab-panel label=\"标签页一\" value=\"0\">标签一内容</t-tab-panel><t-tab-panel label=\"标签页二\" value=\"1\">标签二内容</t-tab-panel></t-tabs>","require":{"t-tab-panel":"./tab-panel/tab-panel"},"path":"./tabs/tabs"},"t-tag":{"key":"t-tag","label":"标签","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-tag.png","properties":[{"key":"closable","type":["Boolean"],"desc":"标签是否可关闭","label":""},{"key":"disabled","type":["Boolean"],"desc":"标签禁用态,失效标签不能触发事件。默认风格(theme=default)才有禁用态","label":""},{"key":"icon","type":["String"],"desc":"标签中的图标,可自定义图标呈现","label":""},{"key":"maxWidth","type":["String","Number"],"desc":"标签最大宽度,宽度超出后会出现省略号。示例:'50px' / 80","label":""},{"key":"shape","type":["String"],"desc":"标签类型,有三种:方形、圆角方形、标记型","label":""},{"key":"size","type":["String"],"desc":"标签尺寸","label":""},{"key":"theme","type":["String"],"desc":"组件风格,用于描述组件不同的应用场景","label":""},{"key":"variant","type":["String"],"desc":"标签风格变体","label":""}],"externalClasses":["t-class"],"events":[{"key":"bind:click","desc":"点击时触发","label":""},{"key":"bind:close","desc":"如果关闭按钮存在,点击关闭按钮时触发","label":""}],"tpl":"<t-tag theme=\"primary\">重要</t-tag>","path":"./tag/tag"},"t-textarea":{"key":"t-textarea","label":"文本输入框","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-textarea.png","properties":[{"key":"adjustPosition","type":["Boolean"],"desc":"键盘弹起时,是否自动上推页面","label":""},{"key":"autofocus","type":["Boolean"],"desc":"自动聚焦,拉起键盘","label":""},{"key":"autosize","type":["Boolean"],"desc":"是否自动增高,值为 autosize 时,style.height 不生效","label":""},{"key":"confirmHold","type":["Boolean"],"desc":"点击键盘右下角按钮时是否保持键盘不收起点","label":""},{"key":"confirmType","type":["String"],"desc":"设置键盘右下角按钮的文字,仅在 type='text'时生效","label":""},{"key":"disabled","type":["Boolean"],"desc":"是否禁用文本框","label":""},{"key":"focus","type":["Boolean"],"desc":"自动聚焦","label":""},{"key":"label","type":["String"],"desc":"左侧文本","label":""},{"key":"maxcharacter","type":["Number"],"desc":"用户最多可以输入的字符个数,一个中文汉字表示两个字符长度","label":""},{"key":"maxlength","type":["Number"],"desc":"用户最多可以输入的字符个数","label":""},{"key":"placeholder","type":["String"],"desc":"占位符","label":""},{"key":"value","type":["String"],"desc":"文本框值","label":""}],"externalClasses":["t-class","t-class-textarea","t-class-placeholder","t-class-name"],"events":[{"key":"bind:blur","desc":"失去焦点时触发","label":""},{"key":"bind:change","desc":"输入内容变化时触发","label":""},{"key":"bind:enter","desc":"点击完成时触发","label":""},{"key":"bind:focus","desc":"获得焦点时触发","label":""},{"key":"bind:line-change","desc":"行高发生变化时触发","label":""}],"tpl":"<t-textarea />","path":"./textarea/textarea"},"t-toast":{"key":"t-toast","label":"轻提示","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-toast.png","properties":[{"key":"direction","type":["String"],"desc":"图标排列方式","label":""},{"key":"duration","type":["Number"],"desc":"弹窗显示毫秒数","label":""},{"key":"icon","type":["String"],"desc":"自定义图标","label":""},{"key":"message","type":["String"],"desc":"弹窗显示文字","label":""},{"key":"overlayProps","type":["Object"],"desc":"遮罩层属性,透传至 Overlay","label":""},{"key":"placement","type":["String"],"desc":"弹窗展示位置","label":""},{"key":"preventScrollThrough","type":["Boolean"],"desc":"防止滚动穿透,即不允许点击和滚动","label":""},{"key":"showOverlay","type":["Boolean"],"desc":"是否显示遮罩层","label":""},{"key":"theme","type":["String"],"desc":"提示类型","label":""}],"externalClasses":["t-class"],"tpl":"<t-toast id=\"t-toast\" />","path":"./toast/toast"},"t-transition":{"key":"t-transition","label":"动画","icon":"","properties":[{"key":"appear","type":["Boolean"],"desc":"首次出现是否展示动画","label":""},{"key":"customClass","type":["String"],"desc":"自定义容器类名","label":""},{"key":"destoryOnClose","type":["Boolean"],"desc":"隐藏时是否销毁内容","label":""},{"key":"duration","type":["Number"],"desc":"指定过渡时间","label":""},{"key":"name","type":["String"],"desc":"过渡类名","label":""},{"key":"visible","type":["Boolean"],"desc":"是否显示","label":""}],"tpl":"<t-transition visible appear></t-transition>","path":"./transition/transition"},"t-upload":{"key":"t-upload","label":"上传","icon":"https://tdesign.gtimg.com/site/miniprogram-doc/doc-upload.png","properties":[{"key":"addContent","type":["String"],"desc":"添加按钮内容。值为空,使用默认图标渲染;值为 slot 则表示使用插槽渲染;其他值无效。","label":""},{"key":"allowUploadDuplicateFile","type":["Boolean"],"desc":"是否允许重复上传相同文件名的文件","label":""},{"key":"config","type":["Object"],"desc":"图片上传配置,视频上传配置,文件上传配置等,包含图片尺寸、图片来源、视频来源、视频拍摄最长时间等。更多细节查看小程序官网。[图片上传](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)","label":""},{"key":"deleteBtn","type":["String"],"desc":"删除图标。值为空,使用默认图标渲染;值为 slot 则表示使用插槽渲染;其他值无效。","label":""},{"key":"fileListDisplay","type":["String"],"desc":"用于完全自定义文件列表内容","label":""},{"key":"files","type":["Array"],"desc":"已上传文件列表","label":""},{"key":"gridConfig","type":["Object"],"desc":"upload组件每行上传图片列数以及图片的宽度和高度","label":""},{"key":"gutter","type":["Number"],"desc":"预览窗格的 `gutter` 大小,单位 rpx","label":""},{"key":"imageProps","type":["Object"],"desc":"透传 Image 组件全部属性","label":""},{"key":"max","type":["Number"],"desc":"用于控制文件上传数量,值为 0 则不限制","label":""},{"key":"mediaType","type":["Array"],"desc":"支持上传的文件类型,图片或视频","label":""},{"key":"requestMethod","type":["String"],"desc":"自定义上传方法","label":""},{"key":"sizeLimit","type":["Number","Object"],"desc":"图片文件大小限制,单位 KB。可选单位有:`'B' | 'KB' | 'MB' | 'GB'`。示例一:`1000`。示例二:`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`","label":""}],"events":[{"key":"bind:add","desc":"上传成功后触发,仅包含本次选择的照片;`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述","label":""},{"key":"bind:complete","desc":"上传成功或失败后触发","label":""},{"key":"bind:fail","desc":"上传失败后触发","label":""},{"key":"bind:remove","desc":"移除文件时触发","label":""},{"key":"bind:select-change","desc":"选择文件或图片之后,上传之前,触发该事件。<br />`files` 表示之前已经上传完成的文件列表。<br />`currentSelectedFiles` 表示本次上传选中的文件列表","label":""},{"key":"bind:success","desc":"上传成功后触发,包含所有上传的文件;`url` 表示选定视频的临时文件路径 (本地路径)。`duration` 表示选定视频的时间长度。`size`选定视频的数据量大小。更多描述参考 wx.chooseMedia 小程序官网描述","label":""}],"tpl":"<t-upload />","path":"./upload/upload"}},"common":{"properties":{},"events":{}},"menu":[{"key":"menu-basic","label":"基础","submenu":[{"key":"subMenu-button","label":"Button 按钮","components":["t-button"]},{"key":"subMenu-divider","label":"Divider 分割线","components":["t-divider"]},{"key":"subMenu-fab","label":"Fab 悬浮按钮","components":["t-fab"]},{"key":"subMenu-icon","label":"Icon 图标","components":["t-icon"]}]},{"key":"menu-nav","label":"导航","submenu":[{"key":"subMenu-drawer","label":"Drawer 抽屉","components":["t-drawer"]},{"key":"subMenu-indexes","label":"Indexes 索引","components":["t-indexes"]},{"key":"subMenu-navbar","label":"Navbar 导航条","components":["t-navbar"]},{"key":"subMenu-steps","label":"Steps 步骤条","components":["t-steps"]},{"key":"subMenu-tabbar","label":"TabBar 标签栏","components":["t-tab-bar"]},{"key":"subMenu-tabs","label":"Tabs 选项卡","components":["t-tabs"]}]},{"key":"menu-input","label":"输入","submenu":[{"key":"subMenu-checkbox","label":"CheckBox 复选框","components":["t-checkbox"]},{"key":"subMenu-dateTimePicker","label":"DateTimePicker 时间选择器","components":["t-date-time-picker"]},{"key":"subMenu-input","label":"Input 输入框","components":["t-input"]},{"key":"subMenu-picker","label":"Picker 选择器","components":["t-picker"]},{"key":"subMenu-radio","label":"Radio 单选框","components":["t-radio"]},{"key":"subMenu-rate","label":"Rate 评分","components":["t-rate"]},{"key":"subMenu-search","label":"Search 搜索框","components":["t-search"]},{"key":"subMenu-slider","label":"Slider 滑动选择器","components":["t-slider"]},{"key":"subMenu-stepper","label":"Stepper 步进器","components":["t-stepper"]},{"key":"subMenu-switch","label":"Switch 开关","components":["t-switch"]},{"key":"subMenu-textarea","label":"Textarea 多行文本框","components":["t-textarea"]},{"key":"subMenu-upload","label":"UpLoad 上传","components":["t-upload"]}]},{"key":"menu-data","label":"数据展示","submenu":[{"key":"subMenu-avatar","label":"Avatar 头像","components":["t-avatar"]},{"key":"subMenu-badge","label":"Badge 徽标","components":["t-badge"]},{"key":"subMenu-cell","label":"Cell 单元格","components":["t-cell"]},{"key":"subMenu-collapse","label":"Collapse 折叠面板","components":["t-collapse"]},{"key":"subMenu-dropdown-menu","label":"DropdownMenu 下拉菜单","components":["t-dropdown-menu"]},{"key":"subMenu-empty","label":"Empty 空状态","components":["t-empty"]},{"key":"subMenu-footer","label":"Footer 页脚","components":["t-footer"]},{"key":"subMenu-grid","label":"Grid 宫格","components":["t-grid"]},{"key":"subMenu-image","label":"Image 图片","components":["t-image"]},{"key":"subMenu-skeleton","label":"Skeleton 骨架屏","components":["t-skeleton"]},{"key":"subMenu-sticky","label":"Sticky 吸顶容器","components":["t-sticky"]},{"key":"subMenu-swiper","label":"Swiper 轮播图","components":["t-swiper"]},{"key":"subMenu-tag","label":"Tag 标签","components":["t-tag"]}]},{"key":"menu-info","label":"消息提醒","submenu":[{"key":"subMenu-actionsheet","label":"ActionSheet 动作面板","components":["t-action-sheet"]},{"key":"subMenu-back-top","label":"BackTop 返回顶部","components":["t-back-top"]},{"key":"subMenu-dialog","label":"Dialog 弹出框","components":["t-dialog"]},{"key":"subMenu-loading","label":"Loading 加载","components":["t-loading"]},{"key":"subMenu-message","label":"Message 消息通知","components":["t-message"]},{"key":"subMenu-popup","label":"Popup 弹出层","components":["t-popup"]},{"key":"subMenu-progress","label":"Progress 进度条","components":["t-progress"]},{"key":"subMenu-pullDownRefresh","label":"PullDownRefresh 下拉刷新","components":["t-pull-down-refresh"]},{"key":"subMenu-swipeCell","label":"SwipeCell 滑动操作","components":["t-swipe-cell"]},{"key":"subMenu-toast","label":"Toast 轻提示","components":["t-toast"]}]}]} |