@smt-ui/component
Advanced tools
Comparing version 1.1.65 to 1.1.66
{ | ||
"name": "@smt-ui/component", | ||
"version": "1.1.65", | ||
"version": "1.1.66", | ||
"description": "extension base", | ||
@@ -48,3 +48,3 @@ "author": "jialipeng <jialipeng@baidu.com>", | ||
}, | ||
"gitHead": "fad77b3ef970cfc33abe6bdf488a34634c3c91b0" | ||
"gitHead": "b7129e6ffbd6bfc0fc451809691dbc39d4871d78" | ||
} |
@@ -1,1 +0,1 @@ | ||
{"npmPackageName":"@smt-ui/component","npmPackageVersion":"1.1.64","componentsList":[{"name":"layout","label":"布局组件","icon":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+5biD5bGA57uE5Lu2PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IuWumueovyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IueZvuW6puW8gOWPkeiAheW3peWFt+Wbvuagh+W6kyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1NS4wMDAwMDAsIC0xMDMwLjAwMDAwMCkiIGZpbGw9IiMzMzMzMzMiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSLlrrnlmajop4blm74iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1NS4wMDAwMDAsIDEwMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIsMi41IEMxMy4zODA3MTE5LDIuNSAxNC41LDMuNjE5Mjg4MTMgMTQuNSw1IEwxNC41LDExIEMxNC41LDEyLjM4MDcxMTkgMTMuMzgwNzExOSwxMy41IDEyLDEzLjUgTDUsMTMuNSBDMy42MTkyODgxMywxMy41IDIuNSwxMi4zODA3MTE5IDIuNSwxMSBMMi41LDUgQzIuNSwzLjYxOTI4ODEzIDMuNjE5Mjg4MTMsMi41IDUsMi41IEwxMiwyLjUgWiBNNS45OTksNi41IEwzLjQ5OSw2LjUgTDMuNSwxMSBDMy41LDExLjgyODQyNzEgNC4xNzE1NzI4OCwxMi41IDUsMTIuNSBMNS45OTksMTIuNSBMNS45OTksNi41IFogTTEzLjQ5OSw2LjUgTDYuOTk5LDYuNSBMNi45OTksMTIuNSBMMTIsMTIuNSBDMTIuODI4NDI3MSwxMi41IDEzLjUsMTEuODI4NDI3MSAxMy41LDExIEwxMy40OTksNi41IFogTTEyLDMuNSBMNSwzLjUgQzQuMTcxNTcyODgsMy41IDMuNSw0LjE3MTU3Mjg4IDMuNSw1IEwzLjQ5OSw1LjUgTDEzLjQ5OSw1LjUgTDEzLjUsNSBDMTMuNSw0LjE3MTU3Mjg4IDEyLjgyODQyNzEsMy41IDEyLDMuNSBaIiBpZD0i5ZCI5bm25b2i54q2Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==","components":[{"name":"smt-calendar","label":"日历","autoReadme":true,"description":"日历组件,可配置选中日期、日历数据、星期文案,适用于信息输入,并可放置在页面的任何位置。","codeSnap":"<smt-calendar\n class=\"calendar\"\n range=\"{{[{name: '2020-06', value: [{day: '2020-06-01', state: 1}]}]}}\"\n value=\"{{{day: '2020-06-01', state: 1}}}\"\n>","fragement":"swanide://fragment/72c1ced6ce251564157dd25d75ba22921592382255754","groups":"layout","demopath":"extensions/component/smt-calendar/smt-calendar","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-calendar/smt-calendar","properties":{"attributes":[{"name":"value","type":"Object","description":"默认选中日期,value 示例:{day: '2020-06-15', state: 1},详细代码请阅读代码示例","required":"是","default":"-"},{"name":"range","type":"Array","description":"日历数据,range 示例:{name: '2020-06', value: [{day: '2020-06-01', state: 1}]},详细代码请阅读代码示例","required":"是","default":"-"},{"name":"separation","type":"String","description":"连接年月日的符号","required":"否","default":"'-'"},{"name":"repeatable","type":"Boolean","description":"选中的日期是否可以多次点击","required":"否","default":"false"},{"name":"disabled","type":"Boolean","description":"是否禁用该组件","required":"否","default":"false"},{"name":"allDayValid","type":"Boolean","description":"所有日期是否可选","required":"否","default":"false"},{"name":"weekText","type":"Array","description":"星期默认文案","required":"否","default":"['日', '一', '二', '三', '四', '五', '六']"},{"name":"showOptionPanel","type":"Boolean","description":"是否展示月份面板","required":"否","default":"false"}],"events":[{"name":"binddayclick","type":"Event","description":"点击日历中的某个日期时触发","required":"否","default":"-"},{"name":"bindchange","type":"Event","description":"改变选中的日期时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-calendar/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-calendar.png","usingComponents":{"smt-calendar":"@smt-ui/component/src/calendar"}},{"name":"smt-captcha","label":"图形验证码","autoReadme":false,"description":"图形验证码组件,一般用于表单项提交时后端校验。防止连续提交,高效拦截机器行为。","codeSnap":"<smt-captcha verify-img-url=\"https://b.bdstatic.com/searchbox/icms/searchbox/img/smt_ui_carptcha_1.png\"></smt-captcha>","fragement":"swanide://fragment/cbe381cf46dc86b665fad5b815dc83d11598794476041","groups":"layout","demopath":"extensions/component/smt-captcha/smt-captcha","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-captcha/smt-captcha","properties":{"attributes":[{"name":"verifyImgUrl","type":"String","description":"图片验证码的 url 地址。","required":"是","default":""},{"name":"labelWidth","type":"String","description":"label宽度 默认四字。","required":"否","default":"24px"},{"name":"label","type":"String","description":"输入框左侧文案。","required":"否","default":""},{"name":"inputName","type":"String","description":"定义 input name 属性,一般作为表单提交的 key。","required":"否","default":"code"},{"name":"placeholder","type":"String","description":"输入框占位文案。","required":"否","default":"请输入验证码"},{"name":"placeholderColor","type":"String","description":"输入框占位文案颜色。","required":"否","default":"#ccc"},{"name":"value","type":"String","description":"输入框 value。","required":"否","default":""},{"name":"type","type":"String","description":"input 调起键盘类型 text number idcard digit。","required":"否","default":"text"},{"name":"maxlength","type":"Number","description":"input 输入最大长度。","required":"否","default":"4"},{"name":"focus","type":"Boolean","description":"获取聚焦,调起键盘。","required":"否","default":"false"},{"name":"confirmType","type":"String","description":"键盘右下角提交文案,详细配置见基础组件 [input](https://smartprogram.baidu.com/docs/develop/component/formlist_input/)。","required":"否","default":"done"},{"name":"inputErrMsg","type":"String","description":"错误提示信息,有值时左侧 label 会漂红。","required":"否","default":""}],"events":[{"name":"input","type":"Event","description":"input 输入事件。","required":"否","default":""},{"name":"blur","type":"Event","description":"nput 失焦事件。","required":"否","default":""},{"name":"focus","type":"Event","description":"input 聚焦事件。","required":"否","default":""},{"name":"confirm","type":"Event","description":"点击键盘右下角完成按钮触发事件。","required":"否","default":""},{"name":"refreshimg","type":"Event","description":"更改验证码事件。`e.detail = {iptValue: 'input输入值', iptName: '传入的 iptName', check: 'boolean值,是否满足最大输入长度'}`","required":"否","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-captcha/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-captcha.png","usingComponents":{"smt-captcha":"@smt-ui/component/src/captcha"}},{"name":"smt-cascade","label":"级联组件","description":"smt-cascade","codeSnap":"<smt-cascade\n range=\"{{[[{name: '北京市',value: 1},{name: '山西省',value: 2},{name: '黑龙江省',value: 3}],[],]]}}\"\n label=\"四字标题\"\n range-key=\"name\"\n bindchange=\"change\"\n placeholder=\"{{placeholder}}\"\n></smt-cascade>","groups":"layout","fragement":"swanide://fragment/12fba6d3aa4e67e8424808324bf2728a1597042149162","demopath":"extensions/component/smt-cascade/smt-cascade","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-cascade/smt-cascade","properties":{"attributes":[{"name":"range","type":"Array","description":"pikcer内容 二维数组必传 [[], [], []]","required":"是","default":""},{"name":"labe-width","type":"String","description":"左侧文字宽度,须包含单位,例如em、px、rpx、vw、vh... 默认为4字宽度4em(72px),6字宽度6em, 建议用em,可以适配","required":"否","default":"4em"},{"name":"label","type":"String","description":"左侧文字描述","required":"否","default":""},{"name":"placeholder","type":"String","description":"picker没值默认显示","required":"否","default":""},{"name":"value","type":"Array","description":"picker选中时的下标","required":"否","default":""},{"name":"range-key","type":"String","description":"range中选中的对象的key","required":"否","default":""},{"name":"label-color","type":"String","description":"change-lable-color为true时的颜色","required":"否","default":"#c40311"},{"name":"change-label-color","type":"Boolean","description":"是否需要更改组件左侧label颜色","required":"否","default":"false"},{"name":"disabled","type":"Boolean","description":"picker是否为禁用型显示","required":"否","default":"false"},{"name":"tips","type":"Array","description":"未选择picker内容时提示的内容","required":"否","default":""},{"name":"noborder","type":"Boolean","description":"整个组件外侧是否有下边框线","required":"否","default":"false"}],"events":[{"name":"change","type":"Event","description":"picker改变时触发","required":"否","default":"-"}],"externalClasses":[{"name":"cascade-picker","type":"","description":"级联组件的外部样式类,可用于修改组件最外层样式","required":"否","default":"-"},{"name":"cascade-label","type":"","description":"级联组件的外部样式类,可用于修改组件左侧标签样式","required":"否","default":"-"},{"name":"cascade-content","type":"","description":"级联组件的外部样式类,可用于修改组件右侧单行picker的样式","required":"否","default":"-"},{"name":"cascade-picker-content","type":"","description":"级联组件的外部样式类,可用于修改picker内容展示样式","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-cascade/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-cascade.png","usingComponents":{"smt-cascade":"@smt-ui/component/src/cascade"}},{"name":"smt-checkbox-group","label":"多选组件","description":"多选组件","codeSnap":"<smt-checkbox-group\n option-key=\"name\"\n options=\"{{[{name: '两字', value: 1}, {name: '五个字左右', value: 2}}}\"\n value=\"{{[1]}}\"\n>\n</smt-checkbox-group>","groups":"layout","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-checkbox-group/smt-checkbox-group","fragement":"swanide://fragment/e02e911597ecd42cd442b257e97af6a41598599919433","properties":{"attributes":[{"name":"options","type":"Array","description":"组件内容数组","required":"否","default":[]},{"name":"column","type":"Number","description":"列数","required":"否","default":1},{"name":"optionKey","type":"String","description":"options 展示的key 值","required":"否","default":""},{"name":"value","type":"Arry","description":"已选的值","required":"否","default":[]},{"name":"itemStyle","type":"Object","description":"组件每一项的内联样式","required":"否","default":{}},{"name":"iconStyle","type":"Object","description":"组件某一项选中时的icon样式","required":"否","default":{}},{"name":"activeTextColor","type":"String","description":"选中时的文字颜色","required":"否","default":"#2772fb"},{"name":"activecIconColor","type":"String","description":"选中时的icon颜色","required":"否","default":"#2772fb"},{"name":"activeBgColor","type":"String","description":"选中时的背景颜色","required":"否","default":"grba(39 , 114 , 251, .04)"}],"events":[{"name":"change","type":"Event","description":"改变事件,返回当前已选中的值","required":"否","default":"-"}],"externalClasses":[{"name":"checkbox-group-class","type":"","description":"复选组的扩展样式类,可通过此class改变复选组的样式","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-checkbox-group/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-checkbox-group.png","usingComponents":{"smt-checkbox-group":"@smt-ui/component/src/checkbox-group"}},{"name":"smt-collapse","label":"折叠面板","autoReadme":false,"description":"折叠面板,支持配置主标题文案和副标题文案,并可点击展开折叠面板查看更多内容。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-collapse \n list=\"{{[{label: '标题一', content: '内容文案'}]}}\"\n title=\"标题\"\n spread=\"{{true}}\"\n sub-title=\"副标题\"\n animation-time=\"{{380}}\"\n bind:spread=\"spread\"\n></smt-collapse>","fragement":"swanide://fragment/ae66f5be35fee40865c24da905a32cf51597634537328","groups":"layout","demopath":"extensions/component/smt-collapse/smt-collapse","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-collapse/smt-collapse","properties":{"attributes":[{"name":"headerType","type":"String","description":"","required":"否","default":"折叠面板 header 布局类型,horizontal 水平布局、vertical 上下布局。"},{"name":"spread","type":"Boolean","description":"展开收起状态,展开为 true,收起为 false。","required":"否","default":false},{"name":"title","type":"String","description":"header 主标题文案。","required":"是","default":""},{"name":"subTitle","type":"String","description":"header 副标题文案。","required":"否","default":""},{"name":"list","type":"Array","description":"展开面板内容列表。","required":"是","default":"[]"},{"name":"headerBorder","type":"Boolean","description":"是否展示下边框","required":"否","default":true},{"name":"animationTime","type":"Number","description":"折叠面板展开收起动画时长,单位 ms。","required":"否","default":0}],"events":[{"name":"spread","type":"Event","description":"展开收起触发事件,`e.spread` 展开收起状态。","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-collapse/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-collapse.png","usingComponents":{"smt-collapse":"@smt-ui/component/src/collapse"}},{"name":"smt-feed-item","label":"信息流子项","description":"信息流子项:包括左文右图、纯文本、上文下图、多图及视频模式。","codeSnap":"<smt-feed-item theme='default' status='0'></smt-feed-item>","groups":"layout","demopath":"extensions/component/smt-feed-item/smt-feed-item","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-feed-item/smt-feed-item","fragement":"swanide://fragment/afebdafc13cda2201207a3d6721577481577175550244","properties":{"attributes":[{"name":"theme","type":"string","description":"信息流子项的主题","required":"是","default":"default"},{"name":"content","type":"Object","description":"信息流子项目的内容","required":"是","default":"{title: '标题',infoSource: '网易新闻',commentsNum: 2,images: []}"},{"name":"video","type":"Object","description":"是否为视频和视频信息","required":"否","default":"{isVideo: true, time: '05:00'}"},{"name":"status","type":"String","description":"阅读状态:0未读,1已读","required":"否","default":"0"}],"events":[{"name":"bindfeeditemtap","type":"Event","description":"点击feed-item之后的回调","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-feed-item/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-feed-item.png","usingComponents":{"smt-feed-item":"@smt-ui/component/src/feed-item"}},{"name":"smt-feed","label":"信息流","description":"信息流组件,可配置下拉刷新、列表加载、上滑加载功能,适用于列表信息展示,并可放置在页面的任何部分;组件包含手势下拉以及api调用两种使用方式\n* 注意:\n1. 和scroll-view一样,信息流组件作为局部滚动组件,必须在它的父级或本身指定高度\n2. 当同时启用下拉刷新和上滑加载且请求不稳定时,可使用CancelToken取消先前的请求","codeSnap":"<smt-feed pull-to-refresh><view>list</view></smt-feed>","groups":"layout","demopath":"extensions/component/smt-feed/smt-feed","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-feed/smt-feed","fragement":"swanide://fragment/7b9bf19d0c974d45d9b68fd9fc4429b31577200628346","properties":{"attributes":[{"name":"theme","type":"String","description":"主题配置,默认浅色;深色主题请指定dark","required":"否","default":"-"},{"name":"loadingHeight","type":"Number","description":"加载、话术区域高度,单位为设备px,转换方法: import {upx2dpx} from '@smt-ui/component/src/common/utils/px';","required":"否","default":"192px(设计稿宽度为1242)"},{"name":"pullToRefresh","type":"Boolean","description":"是否开启手势下拉刷新; 默认只能通过组件api调起","required":"否","default":"false"},{"name":"lowerThreshold","type":"Number","description":"触发scrolltolower事件的阈值","required":"否","default":"150px(设备上的px)"},{"name":"text","type":"String","description":"加载成功时的展示话术","required":"否","default":"建议最多显示18个汉字,超出内容截断"},{"name":"refresh","type":"EventHandle","description":"手势滑动触发加载时,响应该onRefresh事件; 通过调用api加载,不会触发该事件","required":"否","default":""},{"name":"startRefresh","type":"EventHandle","description":"手动调用该api,触发加载","required":"否","default":""},{"name":"stopRefresh","type":"EventHandle","description":"手动调用该api,停止加载,并弹出加载提示(对应属性text);可使用await等待关闭动画结束","required":"否","default":""},{"name":"closeLoading","type":"EventHandle","description":"手动调用该api,立即关闭加载,不弹出加载提示;例如接口异常,建义直接关闭加载(小球交替一次大约为500ms,调用前可加延时避免关闭太快)","required":"否","default":""},{"name":"smt-feed-container","type":"externalClass","description":"组件整体class名","required":"否","default":"-"},{"name":"smt-feed-loading","type":"externalClass","description":"加载区域class名","required":"否","default":"-"},{"name":"smt-feed-content","type":"externalClass","description":"滚动区域class名,用于设置ios回弹背景","required":"false","default":""},{"name":"smt-refresh-circle-left","type":"externalClass","description":"加载中左侧小球class名","required":"否","default":"-"},{"name":"smt-refresh-circle-right","type":"externalClass","description":"加载中右侧小球class名","required":"否","default":"-"},{"name":"ext-cls-content","type":"externalClass","description":"滚动区域class名","required":"否","default":"-"},{"name":"smt-refresh-result-container","type":"externalClass","description":"加载话术外框class名","required":"否","default":"-"},{"name":"ext-cls-result-text","type":"externalClass","description":"加载话术文字class名","required":"否","default":"-"}],"events":[{"name":"bindscroll","type":"Event","description":"滚动时触发,返回当前组件的值","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-feed/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-feed.png","usingComponents":{"smt-feed":"@smt-ui/component/src/feed"}},{"name":"smt-grid","label":"宫格","description":"宫格组件,包含上图下文和左图右文两种样式。可配置图片、主标题文案、副标题文案。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-grid \n list=\"{{[{imgSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/swan-demo-smt-grid.png',title: '主标题文案一',subTitle: '次要信息'},{imgSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/swan-demo-smt-grid.png',title: '主标题文案二',subTitle: '次要信息'}]}}\">\n</smt-grid>","fragement":"swanide://fragment/d29e7d5b99656da8b28052a5c904d2951595847135008","groups":"layout","demopath":"extensions/component/smt-grid/smt-grid","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-grid/smt-grid","properties":{"attributes":[{"name":"list","type":"Array","description":"宫格数据,示例 [{imageSrc: '图片地址', title: '最多展示六个字主标题', subTitle: '副标题文案'}], 详细请阅读代码示例","required":"是","default":"[]"},{"name":"type","type":"String","description":"样式类型 vertical 上图下文、horizontal 左图右文","required":"否","default":"vertical"},{"name":"columnNum","type":"Number","description":"宫格展示列数,最少支持两列,最多支持 4 列,少于两列按两列展示,大于 4 列按 4 列展示,左图右文最多支持 3 列。","required":"否","default":"2"},{"name":"imgBorderRadius","type":"Number","description":"图片圆角,默认 3,单位 rpx","required":"否","default":"3"},{"name":"hasBorder","type":"Boolean","description":"行与行之间是否展示下边框","required":"否","default":"true"},{"name":"disable","type":"Boolean","description":"是否有点击态","required":"否","default":"false"},{"name":"imageBorder","type":"Boolean","description":"图片是否有 1px 描边","required":"否","default":"false"},{"name":"hasSeparateLine","type":"Boolean","description":"宫格之间的束分割线","required":"否","default":"true"}],"events":[{"name":"bind:clickhld","type":"Event","description":"点击事件","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-grid/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-grid.png","usingComponents":{"smt-grid":"@smt-ui/component/src/grid"}},{"name":"smt-horizontal-scroll-list","label":"横向滚动面板","autoReadme":false,"description":"横向滚动面板,用于信息展示,可放置在页面的任何位置。","codeSnap":"<smt-horizontal-scroll-list\n title-list=\"{{['项目', '标题一']}}\"\n content-list=\"{{[['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一']]}}\"\n ></smt-horizontal-scroll-list>","fragement":"swanide://fragment/bf7d08e7a0f5735dca4accb0d0345f401598794543788","groups":"layout","demopath":"extensions/component/smt-horizontal-scroll-list/smt-horizontal-scroll-list","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-horizontal-scroll-list/smt-horizontal-scroll-list","properties":{"attributes":[{"name":"titleList","type":"Array","description":"左侧标题数据。","required":"是","default":"[]"},{"name":"contentList","type":"Array[Array]","description":"内容数据。","required":"是","default":"[[]]"},{"name":"iconColor","type":"String","description":"超出两行截断时提示 icon 的颜色。","required":"否","default":"#2b99ff"},{"name":"lastRowBg","type":"String","description":"最后一行的背景颜色。","required":"否","default":"#fff"},{"name":"lastRowColor","type":"Boolean","description":"最后一行是否展示自定义样式。","required":"否","default":"false"},{"name":"lastRowDiff","type":"Boolean","description":"左侧标题数据。","required":"否","default":"#000"}],"events":[{"name":"lower","type":"Event","description":"滚动到右边,会触发 lower 事件","required":"","default":""},{"name":"upper","type":"Event","description":"滚动到左边,会触发 upper 事件","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-horizontal-scroll-list/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-horizontal-scroll-list.png","usingComponents":{"smt-horizontal-scroll-list":"@smt-ui/component/src/horizontal-scroll-list"}},{"name":"smt-icon","label":"图标","description":"包括天气、系统设置、互动社交、生活服务、书籍影音、政务服务、交通出行7个行业类别的图标。请扫描示例二维码查看图标全集。","codeSnap":"<smt-icon name='add'></smt-icon>","groups":"layout","demopath":"extensions/component/smt-icon/smt-icon","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-icon/smt-icon","fragement":"swanide://fragment/0f37439a2a95dbf9b44cc206c3f822c51585029516902","properties":{"attributes":[{"name":"name","type":"String","description":"icon的英文名称","required":"是"},{"name":"color","type":"String, Array.<String>","description":"icon的颜色,多色图标支持传入色值的数组"},{"name":"size","type":"String","description":"icon的尺寸,必须包含单位(px, rpx, vw, vh, %, em等)","default":"25px"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-icon/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-icon.png","usingComponents":{"smt-icon":"@smt-ui/component/src/icon"}},{"name":"smt-image-uploader","label":"图片上传器","description":"上传图片组件,支持大图、多图模式,可配置图片个数、大小限制等","codeSnap":"<smt-image-uploader picture-list={{['https://b.bdstatic.com/searchbox/icms/searchbox/img/ripple-init.gif','https://imgsa.baidu.com/news/q%3D100/sign=c57a83945bfbb2fb322b5c127f4b2043/9213b07eca80653890432fda99dda144ac34824a.jpg']}}></smt-image-uploader>","groups":"layout","autoReadme":true,"demopath":"extensions/component/smt-image-uploader/smt-image-uploader","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-image-uploader/smt-image-uploader","fragement":"swanide://fragment/d05e46c6ee440831c1c56600dc7dd59d1587556647748","properties":{"attributes":[{"name":"theme","type":"String","description":"主题:default为小图,large为大图模式","default":"default","required":"否"},{"name":"pictureList","type":"Array","description":"i上传图片地址列表","default":"[]","required":"否"},{"name":"pictureLimit","type":"Number","description":"上传图片个数上限","default":"9","required":"否"},{"name":"showPreview","type":"Boolean","description":"是否支持预览","default":"false","required":"否"},{"name":"showTips","type":"Boolean","description":"是否展示提示信息","default":"false","required":"否"},{"name":"pictureSizeLimit","type":"Number","description":"单张图片大小限制","default":"1e7","required":"否"},{"name":"pictureSelectLimit","type":"Number","description":"从本地相册中选择图片个数","default":"2","required":"否"}],"events":[{"name":"binddelimage","type":"Event","description":"删除图片时触发","required":"否","default":"-"},{"name":"bindchooseimage","type":"Event","description":"选择图片时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-image-uploader/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-image-uploader.png","usingComponents":{"smt-image-uploader":"@smt-ui/component/src/image-uploader"}},{"name":"smt-list-item","label":"列表项","autoReadme":false,"description":"列表项,支持三种样式可配,单行、多行列表、左右布局等,具体可看代码示例。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-list-item\n label=\"左侧内容\"\n content=\"右侧内容\"\n disable=\"{{true}}\"\n></smt-list-item>","fragement":"swanide://fragment/83fb3b24c88247d9c9c611d426ac8c341597634282143","groups":"layout","demopath":"extensions/component/smt-list-item/smt-list-item","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-list-item/smt-list-item","properties":{"attributes":[{"name":"type","type":"String","description":"样式类型,single 单行、list 列表、multiple 左右两列布局。","required":"否","default":"single"},{"name":"title","type":"String","description":"标题文案 `type === list` 时必填。","required":"否","default":""},{"name":"label","type":"String","description":"左侧标题文案。","required":"否","default":""},{"name":"content","type":"String","description":"右侧内容文案","required":"否","default":""},{"name":"list","type":"Array","description":"列表数据:数据示例`[{label: '', content: ''}]` 字段名可通过 listLabelName 和 listContentName 自定义","required":"否","default":"[]"},{"name":"listLabelName","type":"String","description":"自定义 list 渲染字段名 label。","required":"否","default":"label"},{"name":"listContentName","type":"String","description":"自定义 list 渲染字段名 content。","required":"否","default":"content"},{"name":"disable","type":"Boolean","description":"是否禁用,非禁用自带点击态","required":"否","default":false}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-list-item/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-list-item.png","usingComponents":{"smt-list-item":"@smt-ui/component/src/list-item"}},{"name":"smt-list","label":"列表","autoReadme":false,"description":"列表组件,支持配置主标题文案、副标题文案、辅助信息、图标等.适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-list\n title=\"标题\"\n sub-title=\"副标题\"\n desc=\"辅助文案\"\n>\n</smt-list>","fragement":"swanide://fragment/f1fb359040dbb34c8403094fff9577281597634587357","groups":"layout","demopath":"extensions/component/smt-list/smt-list","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-list/smt-list","properties":{"attributes":[{"name":"title","type":"String","description":"主标题文案。","required":"是","default":""},{"name":"subTitle","type":"String","description":"副标题文案。","required":"否","default":""},{"name":"desc","type":"String","description":"右侧辅助文案。","required":"否","default":""},{"name":"imgSrc","type":"String","description":"图片链接。","required":"否","default":""},{"name":"disable","type":"Boolean","description":"是否有点击态。","required":"否","default":true}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-list/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-list.png","usingComponents":{"smt-list":"@smt-ui/component/src/list"}},{"name":"smt-mask","label":"关注引导蒙层","description":"关注引导蒙层组件。支持使用默认顶部导航的页面或者自定义顶部导航的页面。","codeSnap":"<smt-mask name=\"AI分诊助手\" icon=\"https://b.bdstatic.com/miniapp/images/swan_ui/fragment/AI分诊.png\" is-custom />","groups":"layout","demopath":"extensions/component/smt-mask/smt-mask","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-mask/smt-mask","fragement":"swanide://fragment/c8c74c0abb6a52f42e5c52e279c21c081585047196086","properties":{"attributes":[{"name":"name","type":"String","description":"待关注的小程序名,一般是当前小程序名。","required":"否","default":"小程序名称"},{"name":"icon","type":"String","description":"待关注的小程序 logo 地址,一般是当前小程序的 logo 地址。","required":"否","default":"-"},{"name":"is-custom","type":"Boolean","description":"是否是自定义顶部导航的页面,即.json 文件中是否设置了 isCustom: true ,如果设置了,需要将此选项置为 true。","required":"否","default":"false"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-mask/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-mask.png","usingComponents":{"smt-mask":"@smt-ui/component/src/mask"}},{"name":"smt-notice-bar","label":"跑马灯","autoReadme":true,"description":"跑马灯组件,可配置跑马灯内容,跑马灯样式,跑马灯滚动状态以及滚动配置。适用于提示引导,并可放置在页面的任何位置。","codeSnap":"<smt-notice-bar bg-color=\"#fef5ef\" text=\"跑马灯内容跑马灯内容跑马灯内容\"></smt-notice-bar>\n","fragement":"swanide://fragment/02ef280dc8ce2803708667addd89c8c71594094545674","groups":"layout","demopath":"extensions/component/smt-notice-bar/smt-notice-bar","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-notice-bar/smt-notice-bar","properties":{"attributes":[{"name":"text","type":"String","description":"跑马灯文本","required":"否","default":"-"},{"name":"icon","type":"Boolean","description":"是否展示跑马灯尾部icon图标","required":"否","default":"true"},{"name":"iconName","type":"String","description":"展示的icon图标名称","required":"否","default":"delete"},{"name":"iconColor","type":"String","description":"展示的icon图标颜色","required":"否","default":"#fa6400"},{"name":"scroll","type":"Boolean","description":"跑马灯是否滚动","required":"否","default":"true"},{"name":"delay","type":"Number","description":"跑马灯滚动延时时间","required":"否","default":"1"},{"name":"speed","type":"Number","description":"跑马灯每秒滚动速度","required":"否","default":"50"},{"name":"notice-bar-class","type":"String","description":"提供跑马灯的扩展样式类,供开发者自定义组件样式,可通过此class改变跑马灯外层样式","required":"否","default":"-"},{"name":"text-class","type":"String","description":"提供跑马灯的扩展样式类,供开发者自定义组件样式,可通过此class改变跑马灯文本样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-notice-bar/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-notice-bar.png","usingComponents":{"smt-notice-bar":"@smt-ui/component/src/notice-bar"}},{"name":"smt-page-status","label":"页面状态组件","description":"页面状态组件,可用于全屏和半屏。用于展示页面加载,页面异常-有操作、页面异常-无操作三种页面状态。","codeSnap":"<smt-page-status></smt-page-status>","groups":"layout","demopath":"extensions/component/smt-page-status/smt-page-status","fragment":"swanide://fragment/4cc92982287ac8a30b5fe19f220dc8f71577190736077","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-page-status/smt-page-status","properties":{"attributes":[{"name":"theme","type":"String","description":"主题配置,默认浅色;沉浸式主题请指定dark","required":"否","default":""},{"name":"loading","type":"Boolean","description":"页面状态配置,默认不展示加载状态页面","required":"否","default":"false"},{"name":"icon","type":"String","description":"空态/缺省页面下的图标名称","required":"否","default":"content"},{"name":"loadingTitle","type":"String","description":"加载页面下的标题文案","required":"否","default":"正在加载..."},{"name":"title","type":"String","description":"空态/缺省页面下的标题文案","required":"否","default":"单行标题"},{"name":"desc","type":"String","description":"空态/缺省页面下的描述文案","required":"否","default":""},{"name":"showBtn","type":"Boolean","description":"是否展示空态/缺省页面下的操作按钮,默认展示","required":"否","default":"true"},{"name":"btnText","type":"String","description":"空态/缺省页面下,操作按钮的描述文案,建议最多显示4个汉字,超出内容截断","required":"否","default":"重新加载"}],"events":[{"name":"reloading","type":"Event","description":"空态/缺省页面下,点击操作按钮时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-page-status/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-page-status.png","usingComponents":{"smt-page-status":"@smt-ui/component/src/page-status"}},{"name":"smt-person-card","label":"个人信息卡","autoReadme":true,"description":"个人信息卡组件,可配置卡片类型、卡片背景图、卡片名称、卡片信息功能,适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-person-card name=\"主标题\" type=\"normal\" />\n","fragement":"swanide://fragment/1faaa5b289ad31806948f8a40e4805b81592381003094","groups":"layout","demopath":"extensions/component/smt-person-card/smt-person-card","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-person-card/smt-person-card","properties":{"attributes":[{"name":"type","type":"String","description":"信息卡类型:noraml:默认普通模式,big:大图模式","required":"否","default":"noraml"},{"name":"bgImg","type":"String","description":"卡片背景图","required":"否","default":"-"},{"name":"name","type":"String","description":"卡片名称","required":"是","default":"-"},{"name":"infoList","type":"Array","description":"卡片信息,最多可配置 5 条,超过不会显示","required":"是","default":"-"},{"name":"person-card","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片的样式,如背景颜色,背景图的展现方式","required":"否","default":"-"},{"name":"info-name","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片 name 的的样式","required":"否","default":"-"},{"name":"info-title","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片信息的左侧标题样式","required":"否","default":"-"},{"name":"info-desc","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片信息的右边内容样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-person-card/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-person-card.png","usingComponents":{"smt-person-card":"@smt-ui/component/src/person-card"}},{"name":"smt-prompt","label":"温馨提示","autoReadme":true,"description":"温馨提示组件,可配置标题内容,提示内容,并可放置在页面的任何位置。","codeSnap":"<smt-prompt>\n <view slot=\"title\">标题名称</view>\n <view slot=\"content\">内容信息描述,支持多行信息展示,高度根据内容信息自适应</view>\n</smt-prompt>","fragement":"swanide://fragment/995f1c91b7a20ffc2cfae3ec4fe7c1eb1592380189860","groups":"layout","demopath":"extensions/component/smt-prompt/smt-prompt","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-prompt/smt-prompt","properties":{"attributes":[{"name":"prompt-class","type":"String","description":"提供开发外部样式类,供开发者自定义组件样式,可通过此 class 改变提示框外层样式","required":"否","default":"-"},{"name":"title-class","type":"String","description":"提供开发外部样式类,供开发者自定义组件样式,可通过此 class 改变提示框标题样式","required":"否","default":"-"},{"name":"content-class","type":"String","description":"提供开发外部样式类,供开发者自定义组件样式,可通过此 class 改变提示框内容样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-prompt/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-prompt.png","usingComponents":{"smt-prompt":"@smt-ui/component/src/prompt"}},{"name":"smt-rate","label":"评分","autoReadme":false,"description":"评分组件,一般用于对服务的满意度进行评价。","codeSnap":"<smt-rate\n stars=\"{{5}}\"\n bind:change=\"change\"\n ></smt-rate>","fragement":"swanide://fragment/13072728ce6a4ac710fcf8ca4a2bf2641598794423218","groups":"layout","demopath":"extensions/component/smt-rate/smt-rate","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-rate/smt-rate","properties":{"attributes":[{"name":"count","type":"Number","description":"星星总数。","required":"否","default":"5"},{"name":"stars","type":"Number","description":"激活星星个数,范围是 0 ~ count,可以是小数,例如 3.5。","required":"否","default":"-1"},{"name":"activeColor","type":"String","description":"激活星星的颜色","required":"否","default":"#2772FB"},{"name":"sleepColor","type":"String","description":"未激活星星的颜色","required":"否","default":"#ccc"},{"name":"starSize","type":"String","description":"星星的大小","required":"否","default":"24px"},{"name":"tipText","type":"String","description":"右侧提示文案,默认为 stars 分","required":"否","default":"stars分"},{"name":"tipTextColor","type":"String","description":"右侧提示文案颜色","required":"否","default":"#999"},{"name":"hasTipText","type":"Boolean","description":"是否显示右侧提示文案","required":"否","default":"false"},{"name":"disabled","type":"Boolean","description":"是否禁用","required":"否","default":"false"},{"name":"isSliding","type":"Boolean","description":"是否可以滑动评分","required":"否","default":"false"}],"events":[{"name":"bindchange","type":"Event","description":"改变评分触发事件,事件详情 `{new: '当前选择分数', old: '上次选择分数'}`","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-rate/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-rate.png","usingComponents":{"smt-rate":"@smt-ui/component/src/rate"}},{"name":"smt-refresh","label":"刷新","description":"可用于页面任意区域;使用时需自行添加下拉逻辑改变offset-y参数;smt-feed组件对smt-refresh进行了封装,支持手势交互和api调起刷新。","codeSnap":"<smt-refresh offset-y=\"{{0}}\" status=\"{{1}}\" text=\"为你推荐15条更新\"></smt-refresh>","fragement":"swanide://fragment/598510a21b650b89e2e5d13c814dc46c1577192328823","groups":"layout","demopath":"extensions/component/smt-refresh/smt-refresh","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-refresh/smt-refresh","properties":{"attributes":[{"name":"theme","type":"String","description":"主题配置,默认浅色;深色主题请指定dark","required":"否","default":"-"},{"name":"loadingHgt","type":"Number","description":"加载区域高度","required":"否","default":"192px(需转换为设备尺寸)"},{"name":"offsetY","type":"Number","description":"垂直移动距离,*建议后续在sjs中使用","required":"否","default":"0"},{"name":"status","type":"Number","description":"加载状态 0: 未开始 1: 加载中 2: 展示话术","required":"否","default":"0"},{"name":"text","type":"String","description":"加载成功时的展示话术","required":"否","default":"建议最多显示18个汉字,超出内容截断"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-refresh/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-refresh.png","usingComponents":{"smt-refresh":"@smt-ui/component/src/refresh"}},{"name":"smt-search-bar","label":"自定义搜索框","description":"自定义搜索框,支持配置多种主题,搜索默认文案,容器样式等","codeSnap":"<smt-search-bar></smt-search-bar>","fragement":"swanide://fragment/2b0d6221d42399bdab724ac54198b9851587900957820","groups":"layout","demopath":"extensions/component/smt-search-bar/smt-search-bar","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-search-bar/smt-search-bar","properties":{"attributes":[{"name":"theme","type":"String","description":"搜索框主题样式:default为搜索框灰色填充主题,border为搜索框描边主题,white为搜索框白色填充主题,transparent为搜索框透明主题","required":"否","default":"default"},{"name":"placeholder","type":"String","description":"输入内容默认文案","required":"否","default":"搜索关键词"},{"name":"placeholderStyle","type":"String","description":"输入内容默认文案的样式","required":"否","default":""},{"name":"searchIconColor","type":"String","description":"搜索icon的颜色","required":"否","default":"#999"},{"name":"confirmType","type":"String","description":"键盘右下角按钮文字","required":"否","default":"search"},{"name":"value","type":"String","description":"搜索框内容","required":"否","default":""},{"name":"focus","type":"Boolean","description":"聚焦,调起输入键盘","required":"否","default":false},{"name":"containerStyle","type":"Object","description":"最外层容器的样式,但theme权重大于该样式","required":"否","default":"{'background': '#f4f5f6', 'opacity': 1}"},{"name":"contentStyle","type":"Object","description":"内层搜索容器的样式","required":"否","default":"{'width': 688.41,'minWidth': 218}"}],"events":[{"name":"bindinput","type":"Event","description":"输入时触发","required":"否","default":"-"},{"name":"bindfocus","type":"Event","description":"聚焦时触发","required":"否","default":"-"},{"name":"bindclear","type":"Event","description":"点击清除按钮时触发","required":"否","default":"-"},{"name":"bindblur","type":"Event","description":"失焦时触发","required":"否","default":"-"},{"name":"bindsearch","type":"Event","description":"搜索时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-search-bar/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-search-bar.png","usingComponents":{"smt-search-bar":"@smt-ui/component/src/search-bar"}},{"name":"smt-spin","label":"加载","description":"加载组件,可用于全屏和半屏。用于展示加载状态,点击加载、正在加载、加载完成、重新加载四种状态。","codeSnap":"<smt-spin status='1'></smt-spin>","groups":"layout","demopath":"extensions/component/smt-spin/smt-spin","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-spin/smt-spin","fragement":"swanide://fragment/25af44248f8aad73b64e274ead38d6151577191316430","properties":{"attributes":[{"name":"status","type":"Number","description":"加载状态配置","required":"是"},{"name":"theme","type":"String","description":"主题配置,默认浅色;深色主题请指定dark","required":"否","default":""},{"name":"textConfig","type":"Array","description":"加载状态对应的文案","required":"否","default":"['点击加载更多', '正在加载...', '已经到底啦', '加载失败 点击重新加载']"},{"name":"secureBottom","type":"Boolean","description":"默认兼容iPhoneX 及以上型号底部安全区,非全屏可关闭","required":"否","default":"true"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-spin/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-spin.png","usingComponents":{"smt-spin":"@smt-ui/component/src/spin"}},{"name":"smt-steps","label":"步骤条","autoReadme":true,"description":"步骤条组件,可配置步骤条内容,步骤条状态,步骤条上限为8步。适用于信息输入,并可放置在页面的任何位置。","codeSnap":"<smt-steps\n active=\"{{1}}\"\n steps=\"{{[{text: '第一步'}]}}\"\n>\n</smt-steps>","fragement":"swanide://fragment/11a9354693b91525ad49e6aee61da0d51594093063438","groups":"layout","demopath":"extensions/component/smt-steps/smt-steps","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-steps/smt-steps","properties":{"attributes":[{"name":"steps","type":"Array","description":"步骤条数据,最多支持8个步骤。steps示例:[{text: '标题文案标题文案标题文案'}, {text: '标题文案标题文案标题文案'}],详细代码请阅读代码示例","required":"是","default":"-"},{"name":"active","type":"Number","description":"当前步骤进度","required":"否","default":"1"},{"name":"color","type":"String","description":"步骤条默认颜色","required":"否","default":"#ccc"},{"name":"activeColor","type":"String","description":"当前进度步骤条颜色","required":"否","default":"#2b99ff"},{"name":"steps-class","type":"String","description":"提供步骤条的扩展样式类,供开发者自定义组件样式,可通过此class改变步骤条外层样式","required":"否","default":"-"},{"name":"step-class","type":"String","description":"提供步骤条的扩展样式类,供开发者自定义组件样式,可通过此class改变步骤条内容样式","required":"否","default":"-"},{"name":"step-main-class","type":"String","description":"提供步骤条的扩展样式类,供开发者自定义组件样式,可通过此class改变步骤条文本样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-steps/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-steps.png","usingComponents":{"smt-steps":"@smt-ui/component/src/steps"}},{"name":"smt-textarea","label":"自定义多行输入框","description":"多行输入框,支持白色主题(默认)、 边框主题和深色模式主题,可配置字符限制、错误提示方式等","codeSnap":"<smt-textarea></smt-textarea>","fragement":"swanide://fragment/92cabcc9b9a53f18dfb7b3a9fe8252181587899191806","groups":"layout","demopath":"extensions/component/smt-textarea/smt-textarea","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-textarea/smt-textarea","properties":{"attributes":[{"name":"theme","type":"String","description":"多行输入框主题:default: 默认白色主题,border: 边框主题,dark: 深色模式主题","required":"否","default":"default"},{"name":"placeholder","type":"String","description":"输入内容默认文案","required":"否","default":"请输入内容"},{"name":"placeholderStyle","type":"String","description":"输入内容默认文案的样式","required":"否","default":""},{"name":"contentLimit","type":"Number","description":"输入内容长度限制","required":"否","default":120},{"name":"width","type":"String","description":"输入框宽度","required":"否","default":"auto"},{"name":"autoHeight","type":"Boolean","description":"输入框高度是否自适应","required":"否","default":false},{"name":"promptType","type":"String","description":"输入超限提示类型: 1.text:框下文字提示; 2.toast:toast提示超限; 3.none:不提示","required":"否","default":"toast"},{"name":"tipsEdge","type":"Number","description":"promptType为text时,出现提示时的剩余可输入字符个数","required":"否","default":20},{"name":"toastText","type":"String","description":"promptType为toast时,提示文案内容","required":"否","default":"超出字数限制"},{"name":"submitText","type":"String","description":"发布按钮的文字内容","required":"否","default":"发表"}],"events":[{"name":"bindinput","type":"Event","description":"输入时触发事件","required":"否","default":"-"},{"name":"bindconfirm","type":"Event","description":"键盘点击确认触发","required":"否","default":"-"},{"name":"bindblur","type":"Event","description":"失焦时触发","required":"否","default":"-"},{"name":"bindsubmit","type":"Event","description":"发表成功失触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-textarea/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-textarea.png","usingComponents":{"smt-textarea":"@smt-ui/component/src/textarea"}},{"name":"smt-timeline","label":"时间轴","autoReadme":true,"description":"时间轴组件,可配置时间轴内容,时间轴状态以及自定义图标。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-timeline\n status=\"wait\"\n title=\"2019-10-15 10:15\"\n desc=\"状态:进行中\"\n>\n 当前状态详情描述\n</smt-timeline>","fragement":"swanide://fragment/24a16d632b8ecac85f68494360571d711594093134704","groups":"layout","demopath":"extensions/component/smt-timeline/smt-timeline","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-timeline/smt-timeline","properties":{"attributes":[{"name":"status","type":"String","description":"时间轴状态,类型包括:wait、finished、success、error,每个类型对应不同的icon图标以及时间轴展现样式","required":"否","default":"wait"},{"name":"title","type":"String","description":"时间轴标题","required":"否","default":"-"},{"name":"desc","type":"String","description":"时间轴副标题","required":"否","default":"-"},{"name":"descStyle","type":"String","description":"时间轴副标题样式","required":"否","default":"-"},{"name":"icon","type":"String","description":"自定义icon名称","required":"否","default":"-"},{"name":"iconColor","type":"String","description":"自定义icon颜色","required":"否","default":"-"},{"name":"timeline-class","type":"String","description":"提供时间轴的扩展样式类,供开发者自定义组件样式,可通过此class改变时间轴外层样式","required":"否","default":"-"},{"name":"item-tail-class","type":"String","description":"提供时间轴的扩展样式类,供开发者自定义组件样式,可通过此class改变时间轴轴线样式","required":"否","default":"-"},{"name":"content-title-class","type":"String","description":"提供时间轴的扩展样式类,供开发者自定义组件样式,可通过此class改变时间轴标题样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-timeline/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-timeline.png","usingComponents":{"smt-timeline":"@smt-ui/component/src/timeline"}},{"name":"smt-voice-recognizer","label":"语音识别","autoReadme":true,"description":"语音识别,支持短语音和长语音两种模式,并可配置手动听音等功能。","codeSnap":"<smt-voice-recognizer\n show-panel=\"{= true =}\"\n></smt-voice-recognizer>","fragement":"swanide://fragment/dc0341ee4586a70b6f2032caf63f9ce31596619912676","groups":"layout","demopath":"extensions/component/smt-voice-recognizer/smt-voice-recognizer","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-voice-recognizer/smt-voice-recognizer","properties":{"attributes":[{"name":"longSpeech","type":"Boolean","description":"是否开启长语音,默认不开启,长语音模式(此模式不限制收音时长,适用于长字段输入),短语音模式(此模式支持60秒以内识别,适用于短字段输入)。","required":"否","default":"false"},{"name":"mode","type":"String","description":"听音模式,dnn(此模式自动听音,默认值),touch(此模式手动听音,需要手动调用stop方法才会停止语音识别)。","required":"否","default":"dnn"},{"name":"context","type":"String","description":"语音识别所用的场景值,input(输入法场景),search(搜索场景值)。","required":"否","default":"input"},{"name":"showPanel","type":"Boolean","description":"是否要展示语音面板,需要使用双向绑定 `show-panel=\"{= showPanel =}\"`。","required":"是","default":"false"},{"name":"defaultText","type":"String","description":"语音文案。","required":"否","default":"正在聆听中…"}],"events":[{"name":"stop","type":"Event","description":"语音识别结束事件,事件详情为识别内容。","required":"","default":""},{"name":"cancelend","type":"Event","description":"语音识别面板关闭事件。","required":"","default":""}],"externalClasses":[{"name":"smt-voice-panel","type":"String","description":"","required":"","default":""},{"name":"smt-mark","type":"String","description":"提供语音识别扩展样式类,供开发者自定义组件样式,可通过此 class 改变蒙层样式。","required":"","default":""},{"name":"smt-btn-voice","type":"String","description":"提供语音识别扩展样式类,供开发者自定义组件样式,可通过此 class 改变底部button样式。","required":"","default":""},{"name":"smt-word-box","type":"String","description":"提供语音识别扩展样式类,供开发者自定义组件样式,可通过此 class 改变提示文案样式。","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-voice-recognizer/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-voice-recognizer.png","usingComponents":{"smt-voice-recognizer":"@smt-ui/component/src/voice-recognizer"}}]}]} | ||
{"npmPackageName":"@smt-ui/component","npmPackageVersion":"1.1.65","componentsList":[{"name":"layout","label":"布局组件","icon":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+5biD5bGA57uE5Lu2PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IuWumueovyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IueZvuW6puW8gOWPkeiAheW3peWFt+Wbvuagh+W6kyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1NS4wMDAwMDAsIC0xMDMwLjAwMDAwMCkiIGZpbGw9IiMzMzMzMzMiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSLlrrnlmajop4blm74iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1NS4wMDAwMDAsIDEwMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIsMi41IEMxMy4zODA3MTE5LDIuNSAxNC41LDMuNjE5Mjg4MTMgMTQuNSw1IEwxNC41LDExIEMxNC41LDEyLjM4MDcxMTkgMTMuMzgwNzExOSwxMy41IDEyLDEzLjUgTDUsMTMuNSBDMy42MTkyODgxMywxMy41IDIuNSwxMi4zODA3MTE5IDIuNSwxMSBMMi41LDUgQzIuNSwzLjYxOTI4ODEzIDMuNjE5Mjg4MTMsMi41IDUsMi41IEwxMiwyLjUgWiBNNS45OTksNi41IEwzLjQ5OSw2LjUgTDMuNSwxMSBDMy41LDExLjgyODQyNzEgNC4xNzE1NzI4OCwxMi41IDUsMTIuNSBMNS45OTksMTIuNSBMNS45OTksNi41IFogTTEzLjQ5OSw2LjUgTDYuOTk5LDYuNSBMNi45OTksMTIuNSBMMTIsMTIuNSBDMTIuODI4NDI3MSwxMi41IDEzLjUsMTEuODI4NDI3MSAxMy41LDExIEwxMy40OTksNi41IFogTTEyLDMuNSBMNSwzLjUgQzQuMTcxNTcyODgsMy41IDMuNSw0LjE3MTU3Mjg4IDMuNSw1IEwzLjQ5OSw1LjUgTDEzLjQ5OSw1LjUgTDEzLjUsNSBDMTMuNSw0LjE3MTU3Mjg4IDEyLjgyODQyNzEsMy41IDEyLDMuNSBaIiBpZD0i5ZCI5bm25b2i54q2Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==","components":[{"name":"smt-calendar","label":"日历","autoReadme":true,"description":"日历组件,可配置选中日期、日历数据、星期文案,适用于信息输入,并可放置在页面的任何位置。","codeSnap":"<smt-calendar\n class=\"calendar\"\n range=\"{{[{name: '2020-06', value: [{day: '2020-06-01', state: 1}]}]}}\"\n value=\"{{{day: '2020-06-01', state: 1}}}\"\n>","fragement":"swanide://fragment/72c1ced6ce251564157dd25d75ba22921592382255754","groups":"layout","demopath":"extensions/component/smt-calendar/smt-calendar","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-calendar/smt-calendar","properties":{"attributes":[{"name":"value","type":"Object","description":"默认选中日期,value 示例:{day: '2020-06-15', state: 1},详细代码请阅读代码示例","required":"是","default":"-"},{"name":"range","type":"Array","description":"日历数据,range 示例:{name: '2020-06', value: [{day: '2020-06-01', state: 1}]},详细代码请阅读代码示例","required":"是","default":"-"},{"name":"separation","type":"String","description":"连接年月日的符号","required":"否","default":"'-'"},{"name":"repeatable","type":"Boolean","description":"选中的日期是否可以多次点击","required":"否","default":"false"},{"name":"disabled","type":"Boolean","description":"是否禁用该组件","required":"否","default":"false"},{"name":"allDayValid","type":"Boolean","description":"所有日期是否可选","required":"否","default":"false"},{"name":"weekText","type":"Array","description":"星期默认文案","required":"否","default":"['日', '一', '二', '三', '四', '五', '六']"},{"name":"showOptionPanel","type":"Boolean","description":"是否展示月份面板","required":"否","default":"false"}],"events":[{"name":"binddayclick","type":"Event","description":"点击日历中的某个日期时触发","required":"否","default":"-"},{"name":"bindchange","type":"Event","description":"改变选中的日期时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-calendar/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-calendar.png","usingComponents":{"smt-calendar":"@smt-ui/component/src/calendar"}},{"name":"smt-captcha","label":"图形验证码","autoReadme":false,"description":"图形验证码组件,一般用于表单项提交时后端校验。防止连续提交,高效拦截机器行为。","codeSnap":"<smt-captcha verify-img-url=\"https://b.bdstatic.com/searchbox/icms/searchbox/img/smt_ui_carptcha_1.png\"></smt-captcha>","fragement":"swanide://fragment/cbe381cf46dc86b665fad5b815dc83d11598794476041","groups":"layout","demopath":"extensions/component/smt-captcha/smt-captcha","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-captcha/smt-captcha","properties":{"attributes":[{"name":"verifyImgUrl","type":"String","description":"图片验证码的 url 地址。","required":"是","default":""},{"name":"labelWidth","type":"String","description":"label宽度 默认四字。","required":"否","default":"24px"},{"name":"label","type":"String","description":"输入框左侧文案。","required":"否","default":""},{"name":"inputName","type":"String","description":"定义 input name 属性,一般作为表单提交的 key。","required":"否","default":"code"},{"name":"placeholder","type":"String","description":"输入框占位文案。","required":"否","default":"请输入验证码"},{"name":"placeholderColor","type":"String","description":"输入框占位文案颜色。","required":"否","default":"#ccc"},{"name":"value","type":"String","description":"输入框 value。","required":"否","default":""},{"name":"type","type":"String","description":"input 调起键盘类型 text number idcard digit。","required":"否","default":"text"},{"name":"maxlength","type":"Number","description":"input 输入最大长度。","required":"否","default":"4"},{"name":"focus","type":"Boolean","description":"获取聚焦,调起键盘。","required":"否","default":"false"},{"name":"confirmType","type":"String","description":"键盘右下角提交文案,详细配置见基础组件 [input](https://smartprogram.baidu.com/docs/develop/component/formlist_input/)。","required":"否","default":"done"},{"name":"inputErrMsg","type":"String","description":"错误提示信息,有值时左侧 label 会漂红。","required":"否","default":""}],"events":[{"name":"input","type":"Event","description":"input 输入事件。","required":"否","default":""},{"name":"blur","type":"Event","description":"nput 失焦事件。","required":"否","default":""},{"name":"focus","type":"Event","description":"input 聚焦事件。","required":"否","default":""},{"name":"confirm","type":"Event","description":"点击键盘右下角完成按钮触发事件。","required":"否","default":""},{"name":"refreshimg","type":"Event","description":"更改验证码事件。`e.detail = {iptValue: 'input输入值', iptName: '传入的 iptName', check: 'boolean值,是否满足最大输入长度'}`","required":"否","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-captcha/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-captcha.png","usingComponents":{"smt-captcha":"@smt-ui/component/src/captcha"}},{"name":"smt-cascade","label":"级联组件","description":"smt-cascade","codeSnap":"<smt-cascade\n range=\"{{[[{name: '北京市',value: 1},{name: '山西省',value: 2},{name: '黑龙江省',value: 3}],[],]]}}\"\n label=\"四字标题\"\n range-key=\"name\"\n bindchange=\"change\"\n placeholder=\"{{placeholder}}\"\n></smt-cascade>","groups":"layout","fragement":"swanide://fragment/12fba6d3aa4e67e8424808324bf2728a1597042149162","demopath":"extensions/component/smt-cascade/smt-cascade","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-cascade/smt-cascade","properties":{"attributes":[{"name":"range","type":"Array","description":"pikcer内容 二维数组必传 [[], [], []]","required":"是","default":""},{"name":"labe-width","type":"String","description":"左侧文字宽度,须包含单位,例如em、px、rpx、vw、vh... 默认为4字宽度4em(72px),6字宽度6em, 建议用em,可以适配","required":"否","default":"4em"},{"name":"label","type":"String","description":"左侧文字描述","required":"否","default":""},{"name":"placeholder","type":"String","description":"picker没值默认显示","required":"否","default":""},{"name":"value","type":"Array","description":"picker选中时的下标","required":"否","default":""},{"name":"range-key","type":"String","description":"range中选中的对象的key","required":"否","default":""},{"name":"label-color","type":"String","description":"change-lable-color为true时的颜色","required":"否","default":"#c40311"},{"name":"change-label-color","type":"Boolean","description":"是否需要更改组件左侧label颜色","required":"否","default":"false"},{"name":"disabled","type":"Boolean","description":"picker是否为禁用型显示","required":"否","default":"false"},{"name":"tips","type":"Array","description":"未选择picker内容时提示的内容","required":"否","default":""},{"name":"noborder","type":"Boolean","description":"整个组件外侧是否有下边框线","required":"否","default":"false"}],"events":[{"name":"change","type":"Event","description":"picker改变时触发","required":"否","default":"-"}],"externalClasses":[{"name":"cascade-picker","type":"","description":"级联组件的外部样式类,可用于修改组件最外层样式","required":"否","default":"-"},{"name":"cascade-label","type":"","description":"级联组件的外部样式类,可用于修改组件左侧标签样式","required":"否","default":"-"},{"name":"cascade-content","type":"","description":"级联组件的外部样式类,可用于修改组件右侧单行picker的样式","required":"否","default":"-"},{"name":"cascade-picker-content","type":"","description":"级联组件的外部样式类,可用于修改picker内容展示样式","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-cascade/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-cascade.png","usingComponents":{"smt-cascade":"@smt-ui/component/src/cascade"}},{"name":"smt-checkbox-group","label":"多选组件","description":"多选组件","codeSnap":"<smt-checkbox-group\n option-key=\"name\"\n options=\"{{[{name: '两字', value: 1}, {name: '五个字左右', value: 2}}}\"\n value=\"{{[1]}}\"\n>\n</smt-checkbox-group>","groups":"layout","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-checkbox-group/smt-checkbox-group","fragement":"swanide://fragment/e02e911597ecd42cd442b257e97af6a41598599919433","properties":{"attributes":[{"name":"options","type":"Array","description":"组件内容数组","required":"否","default":[]},{"name":"column","type":"Number","description":"列数","required":"否","default":1},{"name":"optionKey","type":"String","description":"options 展示的key 值","required":"否","default":""},{"name":"value","type":"Arry","description":"已选的值","required":"否","default":[]},{"name":"itemStyle","type":"Object","description":"组件每一项的内联样式","required":"否","default":{}},{"name":"iconStyle","type":"Object","description":"组件某一项选中时的icon样式","required":"否","default":{}},{"name":"activeTextColor","type":"String","description":"选中时的文字颜色","required":"否","default":"#2772fb"},{"name":"activecIconColor","type":"String","description":"选中时的icon颜色","required":"否","default":"#2772fb"},{"name":"activeBgColor","type":"String","description":"选中时的背景颜色","required":"否","default":"grba(39 , 114 , 251, .04)"}],"events":[{"name":"change","type":"Event","description":"改变事件,返回当前已选中的值","required":"否","default":"-"}],"externalClasses":[{"name":"checkbox-group-class","type":"","description":"复选组的扩展样式类,可通过此class改变复选组的样式","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-checkbox-group/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-checkbox-group.png","usingComponents":{"smt-checkbox-group":"@smt-ui/component/src/checkbox-group"}},{"name":"smt-collapse","label":"折叠面板","autoReadme":false,"description":"折叠面板,支持配置主标题文案和副标题文案,并可点击展开折叠面板查看更多内容。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-collapse \n list=\"{{[{label: '标题一', content: '内容文案'}]}}\"\n title=\"标题\"\n spread=\"{{true}}\"\n sub-title=\"副标题\"\n animation-time=\"{{380}}\"\n bind:spread=\"spread\"\n></smt-collapse>","fragement":"swanide://fragment/ae66f5be35fee40865c24da905a32cf51597634537328","groups":"layout","demopath":"extensions/component/smt-collapse/smt-collapse","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-collapse/smt-collapse","properties":{"attributes":[{"name":"headerType","type":"String","description":"","required":"否","default":"折叠面板 header 布局类型,horizontal 水平布局、vertical 上下布局。"},{"name":"spread","type":"Boolean","description":"展开收起状态,展开为 true,收起为 false。","required":"否","default":false},{"name":"title","type":"String","description":"header 主标题文案。","required":"是","default":""},{"name":"subTitle","type":"String","description":"header 副标题文案。","required":"否","default":""},{"name":"list","type":"Array","description":"展开面板内容列表。","required":"是","default":"[]"},{"name":"headerBorder","type":"Boolean","description":"是否展示下边框","required":"否","default":true},{"name":"animationTime","type":"Number","description":"折叠面板展开收起动画时长,单位 ms。","required":"否","default":0}],"events":[{"name":"spread","type":"Event","description":"展开收起触发事件,`e.spread` 展开收起状态。","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-collapse/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-collapse.png","usingComponents":{"smt-collapse":"@smt-ui/component/src/collapse"}},{"name":"smt-feed-item","label":"信息流子项","description":"信息流子项:包括左文右图、纯文本、上文下图、多图及视频模式。","codeSnap":"<smt-feed-item theme='default' status='0'></smt-feed-item>","groups":"layout","demopath":"extensions/component/smt-feed-item/smt-feed-item","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-feed-item/smt-feed-item","fragement":"swanide://fragment/afebdafc13cda2201207a3d6721577481577175550244","properties":{"attributes":[{"name":"theme","type":"string","description":"信息流子项的主题","required":"是","default":"default"},{"name":"content","type":"Object","description":"信息流子项目的内容","required":"是","default":"{title: '标题',infoSource: '网易新闻',commentsNum: 2,images: []}"},{"name":"video","type":"Object","description":"是否为视频和视频信息","required":"否","default":"{isVideo: true, time: '05:00'}"},{"name":"status","type":"String","description":"阅读状态:0未读,1已读","required":"否","default":"0"}],"events":[{"name":"bindfeeditemtap","type":"Event","description":"点击feed-item之后的回调","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-feed-item/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-feed-item.png","usingComponents":{"smt-feed-item":"@smt-ui/component/src/feed-item"}},{"name":"smt-feed","label":"信息流","description":"信息流组件,可配置下拉刷新、列表加载、上滑加载功能,适用于列表信息展示,并可放置在页面的任何部分;组件包含手势下拉以及api调用两种使用方式\n* 注意:\n1. 和scroll-view一样,信息流组件作为局部滚动组件,必须在它的父级或本身指定高度\n2. 当同时启用下拉刷新和上滑加载且请求不稳定时,可使用CancelToken取消先前的请求","codeSnap":"<smt-feed pull-to-refresh><view>list</view></smt-feed>","groups":"layout","demopath":"extensions/component/smt-feed/smt-feed","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-feed/smt-feed","fragement":"swanide://fragment/7b9bf19d0c974d45d9b68fd9fc4429b31577200628346","properties":{"attributes":[{"name":"theme","type":"String","description":"主题配置,默认浅色;深色主题请指定dark","required":"否","default":"-"},{"name":"loadingHeight","type":"Number","description":"加载、话术区域高度,单位为设备px,转换方法: import {upx2dpx} from '@smt-ui/component/src/common/utils/px';","required":"否","default":"192px(设计稿宽度为1242)"},{"name":"pullToRefresh","type":"Boolean","description":"是否开启手势下拉刷新; 默认只能通过组件api调起","required":"否","default":"false"},{"name":"lowerThreshold","type":"Number","description":"触发scrolltolower事件的阈值","required":"否","default":"150px(设备上的px)"},{"name":"text","type":"String","description":"加载成功时的展示话术","required":"否","default":"建议最多显示18个汉字,超出内容截断"},{"name":"refresh","type":"EventHandle","description":"手势滑动触发加载时,响应该onRefresh事件; 通过调用api加载,不会触发该事件","required":"否","default":""},{"name":"startRefresh","type":"EventHandle","description":"手动调用该api,触发加载","required":"否","default":""},{"name":"stopRefresh","type":"EventHandle","description":"手动调用该api,停止加载,并弹出加载提示(对应属性text);可使用await等待关闭动画结束","required":"否","default":""},{"name":"closeLoading","type":"EventHandle","description":"手动调用该api,立即关闭加载,不弹出加载提示;例如接口异常,建义直接关闭加载(小球交替一次大约为500ms,调用前可加延时避免关闭太快)","required":"否","default":""},{"name":"smt-feed-container","type":"externalClass","description":"组件整体class名","required":"否","default":"-"},{"name":"smt-feed-loading","type":"externalClass","description":"加载区域class名","required":"否","default":"-"},{"name":"smt-feed-content","type":"externalClass","description":"滚动区域class名,用于设置ios回弹背景","required":"false","default":""},{"name":"smt-refresh-circle-left","type":"externalClass","description":"加载中左侧小球class名","required":"否","default":"-"},{"name":"smt-refresh-circle-right","type":"externalClass","description":"加载中右侧小球class名","required":"否","default":"-"},{"name":"ext-cls-content","type":"externalClass","description":"滚动区域class名","required":"否","default":"-"},{"name":"smt-refresh-result-container","type":"externalClass","description":"加载话术外框class名","required":"否","default":"-"},{"name":"ext-cls-result-text","type":"externalClass","description":"加载话术文字class名","required":"否","default":"-"}],"events":[{"name":"bindscroll","type":"Event","description":"滚动时触发,返回当前组件的值","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-feed/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-feed.png","usingComponents":{"smt-feed":"@smt-ui/component/src/feed"}},{"name":"smt-grid","label":"宫格","description":"宫格组件,包含上图下文和左图右文两种样式。可配置图片、主标题文案、副标题文案。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-grid \n list=\"{{[{imgSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/swan-demo-smt-grid.png',title: '主标题文案一',subTitle: '次要信息'},{imgSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/swan-demo-smt-grid.png',title: '主标题文案二',subTitle: '次要信息'}]}}\">\n</smt-grid>","fragement":"swanide://fragment/d29e7d5b99656da8b28052a5c904d2951595847135008","groups":"layout","demopath":"extensions/component/smt-grid/smt-grid","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-grid/smt-grid","properties":{"attributes":[{"name":"list","type":"Array","description":"宫格数据,示例 [{imageSrc: '图片地址', title: '最多展示六个字主标题', subTitle: '副标题文案'}], 详细请阅读代码示例","required":"是","default":"[]"},{"name":"type","type":"String","description":"样式类型 vertical 上图下文、horizontal 左图右文","required":"否","default":"vertical"},{"name":"columnNum","type":"Number","description":"宫格展示列数,最少支持两列,最多支持 4 列,少于两列按两列展示,大于 4 列按 4 列展示,左图右文最多支持 3 列。","required":"否","default":"2"},{"name":"imgBorderRadius","type":"Number","description":"图片圆角,默认 3,单位 rpx","required":"否","default":"3"},{"name":"hasBorder","type":"Boolean","description":"行与行之间是否展示下边框","required":"否","default":"true"},{"name":"disable","type":"Boolean","description":"是否有点击态","required":"否","default":"false"},{"name":"imageBorder","type":"Boolean","description":"图片是否有 1px 描边","required":"否","default":"false"},{"name":"hasSeparateLine","type":"Boolean","description":"宫格之间的束分割线","required":"否","default":"true"}],"events":[{"name":"bind:clickhld","type":"Event","description":"点击事件","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-grid/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-grid.png","usingComponents":{"smt-grid":"@smt-ui/component/src/grid"}},{"name":"smt-horizontal-scroll-list","label":"横向滚动面板","autoReadme":false,"description":"横向滚动面板,用于信息展示,可放置在页面的任何位置。","codeSnap":"<smt-horizontal-scroll-list\n title-list=\"{{['项目', '标题一']}}\"\n content-list=\"{{[['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一'],['项目一', '内容一']]}}\"\n ></smt-horizontal-scroll-list>","fragement":"swanide://fragment/bf7d08e7a0f5735dca4accb0d0345f401598794543788","groups":"layout","demopath":"extensions/component/smt-horizontal-scroll-list/smt-horizontal-scroll-list","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-horizontal-scroll-list/smt-horizontal-scroll-list","properties":{"attributes":[{"name":"titleList","type":"Array","description":"左侧标题数据。","required":"是","default":"[]"},{"name":"contentList","type":"Array[Array]","description":"内容数据。","required":"是","default":"[[]]"},{"name":"iconColor","type":"String","description":"超出两行截断时提示 icon 的颜色。","required":"否","default":"#2b99ff"},{"name":"lastRowBg","type":"String","description":"最后一行的背景颜色。","required":"否","default":"#fff"},{"name":"lastRowColor","type":"Boolean","description":"最后一行是否展示自定义样式。","required":"否","default":"false"},{"name":"lastRowDiff","type":"Boolean","description":"左侧标题数据。","required":"否","default":"#000"}],"events":[{"name":"lower","type":"Event","description":"滚动到右边,会触发 lower 事件","required":"","default":""},{"name":"upper","type":"Event","description":"滚动到左边,会触发 upper 事件","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-horizontal-scroll-list/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-horizontal-scroll-list.png","usingComponents":{"smt-horizontal-scroll-list":"@smt-ui/component/src/horizontal-scroll-list"}},{"name":"smt-icon","label":"图标","description":"包括天气、系统设置、互动社交、生活服务、书籍影音、政务服务、交通出行7个行业类别的图标。请扫描示例二维码查看图标全集。","codeSnap":"<smt-icon name='add'></smt-icon>","groups":"layout","demopath":"extensions/component/smt-icon/smt-icon","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-icon/smt-icon","fragement":"swanide://fragment/0f37439a2a95dbf9b44cc206c3f822c51585029516902","properties":{"attributes":[{"name":"name","type":"String","description":"icon的英文名称","required":"是"},{"name":"color","type":"String, Array.<String>","description":"icon的颜色,多色图标支持传入色值的数组"},{"name":"size","type":"String","description":"icon的尺寸,必须包含单位(px, rpx, vw, vh, %, em等)","default":"25px"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-icon/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-icon.png","usingComponents":{"smt-icon":"@smt-ui/component/src/icon"}},{"name":"smt-image-uploader","label":"图片上传器","description":"上传图片组件,支持大图、多图模式,可配置图片个数、大小限制等","codeSnap":"<smt-image-uploader picture-list={{['https://b.bdstatic.com/searchbox/icms/searchbox/img/ripple-init.gif','https://imgsa.baidu.com/news/q%3D100/sign=c57a83945bfbb2fb322b5c127f4b2043/9213b07eca80653890432fda99dda144ac34824a.jpg']}}></smt-image-uploader>","groups":"layout","autoReadme":true,"demopath":"extensions/component/smt-image-uploader/smt-image-uploader","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-image-uploader/smt-image-uploader","fragement":"swanide://fragment/d05e46c6ee440831c1c56600dc7dd59d1587556647748","properties":{"attributes":[{"name":"theme","type":"String","description":"主题:default为小图,large为大图模式","default":"default","required":"否"},{"name":"pictureList","type":"Array","description":"i上传图片地址列表","default":"[]","required":"否"},{"name":"pictureLimit","type":"Number","description":"上传图片个数上限","default":"9","required":"否"},{"name":"showPreview","type":"Boolean","description":"是否支持预览","default":"false","required":"否"},{"name":"showTips","type":"Boolean","description":"是否展示提示信息","default":"false","required":"否"},{"name":"pictureSizeLimit","type":"Number","description":"单张图片大小限制","default":"1e7","required":"否"},{"name":"pictureSelectLimit","type":"Number","description":"从本地相册中选择图片个数","default":"2","required":"否"}],"events":[{"name":"binddelimage","type":"Event","description":"删除图片时触发","required":"否","default":"-"},{"name":"bindchooseimage","type":"Event","description":"选择图片时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-image-uploader/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-image-uploader.png","usingComponents":{"smt-image-uploader":"@smt-ui/component/src/image-uploader"}},{"name":"smt-list-item","label":"列表项","autoReadme":false,"description":"列表项,支持三种样式可配,单行、多行列表、左右布局等,具体可看代码示例。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-list-item\n label=\"左侧内容\"\n content=\"右侧内容\"\n disable=\"{{true}}\"\n></smt-list-item>","fragement":"swanide://fragment/83fb3b24c88247d9c9c611d426ac8c341597634282143","groups":"layout","demopath":"extensions/component/smt-list-item/smt-list-item","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-list-item/smt-list-item","properties":{"attributes":[{"name":"type","type":"String","description":"样式类型,single 单行、list 列表、multiple 左右两列布局。","required":"否","default":"single"},{"name":"title","type":"String","description":"标题文案 `type === list` 时必填。","required":"否","default":""},{"name":"label","type":"String","description":"左侧标题文案。","required":"否","default":""},{"name":"content","type":"String","description":"右侧内容文案","required":"否","default":""},{"name":"list","type":"Array","description":"列表数据:数据示例`[{label: '', content: ''}]` 字段名可通过 listLabelName 和 listContentName 自定义","required":"否","default":"[]"},{"name":"listLabelName","type":"String","description":"自定义 list 渲染字段名 label。","required":"否","default":"label"},{"name":"listContentName","type":"String","description":"自定义 list 渲染字段名 content。","required":"否","default":"content"},{"name":"disable","type":"Boolean","description":"是否禁用,非禁用自带点击态","required":"否","default":false}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-list-item/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-list-item.png","usingComponents":{"smt-list-item":"@smt-ui/component/src/list-item"}},{"name":"smt-list","label":"列表","autoReadme":false,"description":"列表组件,支持配置主标题文案、副标题文案、辅助信息、图标等.适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-list\n title=\"标题\"\n sub-title=\"副标题\"\n desc=\"辅助文案\"\n>\n</smt-list>","fragement":"swanide://fragment/f1fb359040dbb34c8403094fff9577281597634587357","groups":"layout","demopath":"extensions/component/smt-list/smt-list","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-list/smt-list","properties":{"attributes":[{"name":"title","type":"String","description":"主标题文案。","required":"是","default":""},{"name":"subTitle","type":"String","description":"副标题文案。","required":"否","default":""},{"name":"desc","type":"String","description":"右侧辅助文案。","required":"否","default":""},{"name":"imgSrc","type":"String","description":"图片链接。","required":"否","default":""},{"name":"disable","type":"Boolean","description":"是否有点击态。","required":"否","default":true}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-list/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-list.png","usingComponents":{"smt-list":"@smt-ui/component/src/list"}},{"name":"smt-mask","label":"关注引导蒙层","description":"关注引导蒙层组件。支持使用默认顶部导航的页面或者自定义顶部导航的页面。","codeSnap":"<smt-mask name=\"AI分诊助手\" icon=\"https://b.bdstatic.com/miniapp/images/swan_ui/fragment/AI分诊.png\" is-custom />","groups":"layout","demopath":"extensions/component/smt-mask/smt-mask","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-mask/smt-mask","fragement":"swanide://fragment/c8c74c0abb6a52f42e5c52e279c21c081585047196086","properties":{"attributes":[{"name":"name","type":"String","description":"待关注的小程序名,一般是当前小程序名。","required":"否","default":"小程序名称"},{"name":"icon","type":"String","description":"待关注的小程序 logo 地址,一般是当前小程序的 logo 地址。","required":"否","default":"-"},{"name":"is-custom","type":"Boolean","description":"是否是自定义顶部导航的页面,即.json 文件中是否设置了 isCustom: true ,如果设置了,需要将此选项置为 true。","required":"否","default":"false"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-mask/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-mask.png","usingComponents":{"smt-mask":"@smt-ui/component/src/mask"}},{"name":"smt-navigation","label":"顶部导航bar","autoReadme":true,"description":"顶部自定义的导航栏,其中不包含界面,仅仅是限制了开发者写顶部bar内容的区域,使之在安全区内完成顶部内容的渲染;支持配置返回首页、上一页按钮,和滑动切换效果主题","codeSnap":"<smt-navigation></smt-navigation>","fragement":"swanide://fragment/2cb7a3d38f1df3854fc5cabb679654771587898970846","groups":"layout","demopath":"extensions/component/smt-navigation/smt-navigation","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-navigation/smt-navigation","properties":{"attributes":[{"name":"backgroundColor","type":"string","description":"导航背景色","required":"否","default":"#fff"},{"name":"frontColor","type":"string","description":"前景颜色(目前特指字体颜色)","required":"否","default":"#000"},{"name":"opacity","type":"Number","description":"导航背景透明度","required":"否","default":1},{"name":"navigationStyle","type":"Object","description":"导航容器自定义样式(加在行间样式上)","required":"否","default":"{}"},{"name":"navigationAreaStyle","type":"Object","description":"导航内容可视区自定义样式(加在行间样式上)","required":"否","default":"{}"},{"name":"type","type":"String","description":"自定义导航类型:default为默认,switchNav为切换导航栏模式","required":"否","default":"default"},{"name":"backIcon","type":"Boolean","description":"是否显示返回图标","required":"否","default":false},{"name":"homeIcon","type":"Boolean","description":"是否显示首页图标","required":"否","default":false},{"name":"switchStartPosition","type":"Number","description":"切换模式下,导航栏起始位置,默认状态栏的高度","required":"否","default":"statusBarHeight(计算得来的默认状态栏的高度)"},{"name":"switchEndPosition","type":"Number","description":"切换模式下,是否隐藏顶部","required":"否","default":100},{"name":"commonBar","type":"Object","description":"切换模式下,初始的导航样式","required":"否","default":"{'opacity':1,'title':’','frontColor':'#000','bgColor':'#fff','backIcon':true,'homeIcon':false,'navigationStyle':{},'navigationAreaStyle':{}}"},{"name":"fixedBar","type":"Object","description":"切换模式下,滚动后的导航样式","required":"否","default":"{'opacity':1,'title':'fixed','frontColor':'#000','bgColor':'pink','backIcon':true,'homeIcon':false,'navigationStyle':{},'navigationAreaStyle':{}}"},{"name":"homeIconSize","type":"String","value":"35.02rpx"},{"name":"backIconSize","type":"String","value":"35.02rpx"}],"events":[{"name":"bindbackHdl","type":"Event","description":"点击返回按钮触发事件","required":"否","default":"-"},{"name":"bindhomeHdl","type":"Event","description":"点击返回首页触发事件","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-navigation/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-navigation.png","usingComponents":{"smt-navigation":"@smt-ui/component/src/navigation"}},{"name":"smt-notice-bar","label":"跑马灯","autoReadme":true,"description":"跑马灯组件,可配置跑马灯内容,跑马灯样式,跑马灯滚动状态以及滚动配置。适用于提示引导,并可放置在页面的任何位置。","codeSnap":"<smt-notice-bar bg-color=\"#fef5ef\" text=\"跑马灯内容跑马灯内容跑马灯内容\"></smt-notice-bar>\n","fragement":"swanide://fragment/02ef280dc8ce2803708667addd89c8c71594094545674","groups":"layout","demopath":"extensions/component/smt-notice-bar/smt-notice-bar","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-notice-bar/smt-notice-bar","properties":{"attributes":[{"name":"text","type":"String","description":"跑马灯文本","required":"否","default":"-"},{"name":"icon","type":"Boolean","description":"是否展示跑马灯尾部icon图标","required":"否","default":"true"},{"name":"iconName","type":"String","description":"展示的icon图标名称","required":"否","default":"delete"},{"name":"iconColor","type":"String","description":"展示的icon图标颜色","required":"否","default":"#fa6400"},{"name":"scroll","type":"Boolean","description":"跑马灯是否滚动","required":"否","default":"true"},{"name":"delay","type":"Number","description":"跑马灯滚动延时时间","required":"否","default":"1"},{"name":"speed","type":"Number","description":"跑马灯每秒滚动速度","required":"否","default":"50"},{"name":"notice-bar-class","type":"String","description":"提供跑马灯的扩展样式类,供开发者自定义组件样式,可通过此class改变跑马灯外层样式","required":"否","default":"-"},{"name":"text-class","type":"String","description":"提供跑马灯的扩展样式类,供开发者自定义组件样式,可通过此class改变跑马灯文本样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-notice-bar/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-notice-bar.png","usingComponents":{"smt-notice-bar":"@smt-ui/component/src/notice-bar"}},{"name":"smt-page-status","label":"页面状态组件","description":"页面状态组件,可用于全屏和半屏。用于展示页面加载,页面异常-有操作、页面异常-无操作三种页面状态。","codeSnap":"<smt-page-status></smt-page-status>","groups":"layout","demopath":"extensions/component/smt-page-status/smt-page-status","fragment":"swanide://fragment/4cc92982287ac8a30b5fe19f220dc8f71577190736077","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-page-status/smt-page-status","properties":{"attributes":[{"name":"theme","type":"String","description":"主题配置,默认浅色;沉浸式主题请指定dark","required":"否","default":""},{"name":"loading","type":"Boolean","description":"页面状态配置,默认不展示加载状态页面","required":"否","default":"false"},{"name":"icon","type":"String","description":"空态/缺省页面下的图标名称","required":"否","default":"content"},{"name":"loadingTitle","type":"String","description":"加载页面下的标题文案","required":"否","default":"正在加载..."},{"name":"title","type":"String","description":"空态/缺省页面下的标题文案","required":"否","default":"单行标题"},{"name":"desc","type":"String","description":"空态/缺省页面下的描述文案","required":"否","default":""},{"name":"showBtn","type":"Boolean","description":"是否展示空态/缺省页面下的操作按钮,默认展示","required":"否","default":"true"},{"name":"btnText","type":"String","description":"空态/缺省页面下,操作按钮的描述文案,建议最多显示4个汉字,超出内容截断","required":"否","default":"重新加载"}],"events":[{"name":"reloading","type":"Event","description":"空态/缺省页面下,点击操作按钮时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-page-status/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-page-status.png","usingComponents":{"smt-page-status":"@smt-ui/component/src/page-status"}},{"name":"smt-person-card","label":"个人信息卡","autoReadme":true,"description":"个人信息卡组件,可配置卡片类型、卡片背景图、卡片名称、卡片信息功能,适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-person-card name=\"主标题\" type=\"normal\" />\n","fragement":"swanide://fragment/1faaa5b289ad31806948f8a40e4805b81592381003094","groups":"layout","demopath":"extensions/component/smt-person-card/smt-person-card","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-person-card/smt-person-card","properties":{"attributes":[{"name":"type","type":"String","description":"信息卡类型:noraml:默认普通模式,big:大图模式","required":"否","default":"noraml"},{"name":"bgImg","type":"String","description":"卡片背景图","required":"否","default":"-"},{"name":"name","type":"String","description":"卡片名称","required":"是","default":"-"},{"name":"infoList","type":"Array","description":"卡片信息,最多可配置 5 条,超过不会显示","required":"是","default":"-"},{"name":"person-card","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片的样式,如背景颜色,背景图的展现方式","required":"否","default":"-"},{"name":"info-name","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片 name 的的样式","required":"否","default":"-"},{"name":"info-title","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片信息的左侧标题样式","required":"否","default":"-"},{"name":"info-desc","type":"String","description":"提供卡片的扩展样式类,供开发者自定义组件样式,可通过此 class 改变卡片信息的右边内容样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-person-card/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-person-card.png","usingComponents":{"smt-person-card":"@smt-ui/component/src/person-card"}},{"name":"smt-prompt","label":"温馨提示","autoReadme":true,"description":"温馨提示组件,可配置标题内容,提示内容,并可放置在页面的任何位置。","codeSnap":"<smt-prompt>\n <view slot=\"title\">标题名称</view>\n <view slot=\"content\">内容信息描述,支持多行信息展示,高度根据内容信息自适应</view>\n</smt-prompt>","fragement":"swanide://fragment/995f1c91b7a20ffc2cfae3ec4fe7c1eb1592380189860","groups":"layout","demopath":"extensions/component/smt-prompt/smt-prompt","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-prompt/smt-prompt","properties":{"attributes":[{"name":"prompt-class","type":"String","description":"提供开发外部样式类,供开发者自定义组件样式,可通过此 class 改变提示框外层样式","required":"否","default":"-"},{"name":"title-class","type":"String","description":"提供开发外部样式类,供开发者自定义组件样式,可通过此 class 改变提示框标题样式","required":"否","default":"-"},{"name":"content-class","type":"String","description":"提供开发外部样式类,供开发者自定义组件样式,可通过此 class 改变提示框内容样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-prompt/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-prompt.png","usingComponents":{"smt-prompt":"@smt-ui/component/src/prompt"}},{"name":"smt-rate","label":"评分","autoReadme":false,"description":"评分组件,一般用于对服务的满意度进行评价。","codeSnap":"<smt-rate\n stars=\"{{5}}\"\n bind:change=\"change\"\n ></smt-rate>","fragement":"swanide://fragment/13072728ce6a4ac710fcf8ca4a2bf2641598794423218","groups":"layout","demopath":"extensions/component/smt-rate/smt-rate","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-rate/smt-rate","properties":{"attributes":[{"name":"count","type":"Number","description":"星星总数。","required":"否","default":"5"},{"name":"stars","type":"Number","description":"激活星星个数,范围是 0 ~ count,可以是小数,例如 3.5。","required":"否","default":"-1"},{"name":"activeColor","type":"String","description":"激活星星的颜色","required":"否","default":"#2772FB"},{"name":"sleepColor","type":"String","description":"未激活星星的颜色","required":"否","default":"#ccc"},{"name":"starSize","type":"String","description":"星星的大小","required":"否","default":"24px"},{"name":"tipText","type":"String","description":"右侧提示文案,默认为 stars 分","required":"否","default":"stars分"},{"name":"tipTextColor","type":"String","description":"右侧提示文案颜色","required":"否","default":"#999"},{"name":"hasTipText","type":"Boolean","description":"是否显示右侧提示文案","required":"否","default":"false"},{"name":"disabled","type":"Boolean","description":"是否禁用","required":"否","default":"false"},{"name":"isSliding","type":"Boolean","description":"是否可以滑动评分","required":"否","default":"false"}],"events":[{"name":"bindchange","type":"Event","description":"改变评分触发事件,事件详情 `{new: '当前选择分数', old: '上次选择分数'}`","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-rate/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-rate.png","usingComponents":{"smt-rate":"@smt-ui/component/src/rate"}},{"name":"smt-refresh","label":"刷新","description":"可用于页面任意区域;使用时需自行添加下拉逻辑改变offset-y参数;smt-feed组件对smt-refresh进行了封装,支持手势交互和api调起刷新。","codeSnap":"<smt-refresh offset-y=\"{{0}}\" status=\"{{1}}\" text=\"为你推荐15条更新\"></smt-refresh>","fragement":"swanide://fragment/598510a21b650b89e2e5d13c814dc46c1577192328823","groups":"layout","demopath":"extensions/component/smt-refresh/smt-refresh","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-refresh/smt-refresh","properties":{"attributes":[{"name":"theme","type":"String","description":"主题配置,默认浅色;深色主题请指定dark","required":"否","default":"-"},{"name":"loadingHgt","type":"Number","description":"加载区域高度","required":"否","default":"192px(需转换为设备尺寸)"},{"name":"offsetY","type":"Number","description":"垂直移动距离,*建议后续在sjs中使用","required":"否","default":"0"},{"name":"status","type":"Number","description":"加载状态 0: 未开始 1: 加载中 2: 展示话术","required":"否","default":"0"},{"name":"text","type":"String","description":"加载成功时的展示话术","required":"否","default":"建议最多显示18个汉字,超出内容截断"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-refresh/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-refresh.png","usingComponents":{"smt-refresh":"@smt-ui/component/src/refresh"}},{"name":"smt-search-bar","label":"自定义搜索框","description":"自定义搜索框,支持配置多种主题,搜索默认文案,容器样式等","codeSnap":"<smt-search-bar></smt-search-bar>","fragement":"swanide://fragment/2b0d6221d42399bdab724ac54198b9851587900957820","groups":"layout","demopath":"extensions/component/smt-search-bar/smt-search-bar","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-search-bar/smt-search-bar","properties":{"attributes":[{"name":"theme","type":"String","description":"搜索框主题样式:default为搜索框灰色填充主题,border为搜索框描边主题,white为搜索框白色填充主题,transparent为搜索框透明主题","required":"否","default":"default"},{"name":"placeholder","type":"String","description":"输入内容默认文案","required":"否","default":"搜索关键词"},{"name":"placeholderStyle","type":"String","description":"输入内容默认文案的样式","required":"否","default":""},{"name":"searchIconColor","type":"String","description":"搜索icon的颜色","required":"否","default":"#999"},{"name":"confirmType","type":"String","description":"键盘右下角按钮文字","required":"否","default":"search"},{"name":"value","type":"String","description":"搜索框内容","required":"否","default":""},{"name":"focus","type":"Boolean","description":"聚焦,调起输入键盘","required":"否","default":false},{"name":"containerStyle","type":"Object","description":"最外层容器的样式,但theme权重大于该样式","required":"否","default":"{'background': '#f4f5f6', 'opacity': 1}"},{"name":"contentStyle","type":"Object","description":"内层搜索容器的样式","required":"否","default":"{'width': 688.41,'minWidth': 218}"}],"events":[{"name":"bindinput","type":"Event","description":"输入时触发","required":"否","default":"-"},{"name":"bindfocus","type":"Event","description":"聚焦时触发","required":"否","default":"-"},{"name":"bindclear","type":"Event","description":"点击清除按钮时触发","required":"否","default":"-"},{"name":"bindblur","type":"Event","description":"失焦时触发","required":"否","default":"-"},{"name":"bindsearch","type":"Event","description":"搜索时触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-search-bar/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-search-bar.png","usingComponents":{"smt-search-bar":"@smt-ui/component/src/search-bar"}},{"name":"smt-spin","label":"加载","description":"加载组件,可用于全屏和半屏。用于展示加载状态,点击加载、正在加载、加载完成、重新加载四种状态。","codeSnap":"<smt-spin status='1'></smt-spin>","groups":"layout","demopath":"extensions/component/smt-spin/smt-spin","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-spin/smt-spin","fragement":"swanide://fragment/25af44248f8aad73b64e274ead38d6151577191316430","properties":{"attributes":[{"name":"status","type":"Number","description":"加载状态配置","required":"是"},{"name":"theme","type":"String","description":"主题配置,默认浅色;深色主题请指定dark","required":"否","default":""},{"name":"textConfig","type":"Array","description":"加载状态对应的文案","required":"否","default":"['点击加载更多', '正在加载...', '已经到底啦', '加载失败 点击重新加载']"},{"name":"secureBottom","type":"Boolean","description":"默认兼容iPhoneX 及以上型号底部安全区,非全屏可关闭","required":"否","default":"true"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-spin/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-spin.png","usingComponents":{"smt-spin":"@smt-ui/component/src/spin"}},{"name":"smt-steps","label":"步骤条","autoReadme":true,"description":"步骤条组件,可配置步骤条内容,步骤条状态,步骤条上限为8步。适用于信息输入,并可放置在页面的任何位置。","codeSnap":"<smt-steps\n active=\"{{1}}\"\n steps=\"{{[{text: '第一步'}]}}\"\n>\n</smt-steps>","fragement":"swanide://fragment/11a9354693b91525ad49e6aee61da0d51594093063438","groups":"layout","demopath":"extensions/component/smt-steps/smt-steps","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-steps/smt-steps","properties":{"attributes":[{"name":"steps","type":"Array","description":"步骤条数据,最多支持8个步骤。steps示例:[{text: '标题文案标题文案标题文案'}, {text: '标题文案标题文案标题文案'}],详细代码请阅读代码示例","required":"是","default":"-"},{"name":"active","type":"Number","description":"当前步骤进度","required":"否","default":"1"},{"name":"color","type":"String","description":"步骤条默认颜色","required":"否","default":"#ccc"},{"name":"activeColor","type":"String","description":"当前进度步骤条颜色","required":"否","default":"#2b99ff"},{"name":"steps-class","type":"String","description":"提供步骤条的扩展样式类,供开发者自定义组件样式,可通过此class改变步骤条外层样式","required":"否","default":"-"},{"name":"step-class","type":"String","description":"提供步骤条的扩展样式类,供开发者自定义组件样式,可通过此class改变步骤条内容样式","required":"否","default":"-"},{"name":"step-main-class","type":"String","description":"提供步骤条的扩展样式类,供开发者自定义组件样式,可通过此class改变步骤条文本样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-steps/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-steps.png","usingComponents":{"smt-steps":"@smt-ui/component/src/steps"}},{"name":"smt-textarea","label":"自定义多行输入框","description":"多行输入框,支持白色主题(默认)、 边框主题和深色模式主题,可配置字符限制、错误提示方式等","codeSnap":"<smt-textarea></smt-textarea>","fragement":"swanide://fragment/92cabcc9b9a53f18dfb7b3a9fe8252181587899191806","groups":"layout","demopath":"extensions/component/smt-textarea/smt-textarea","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-textarea/smt-textarea","properties":{"attributes":[{"name":"theme","type":"String","description":"多行输入框主题:default: 默认白色主题,border: 边框主题,dark: 深色模式主题","required":"否","default":"default"},{"name":"placeholder","type":"String","description":"输入内容默认文案","required":"否","default":"请输入内容"},{"name":"placeholderStyle","type":"String","description":"输入内容默认文案的样式","required":"否","default":""},{"name":"contentLimit","type":"Number","description":"输入内容长度限制","required":"否","default":120},{"name":"width","type":"String","description":"输入框宽度","required":"否","default":"auto"},{"name":"autoHeight","type":"Boolean","description":"输入框高度是否自适应","required":"否","default":false},{"name":"promptType","type":"String","description":"输入超限提示类型: 1.text:框下文字提示; 2.toast:toast提示超限; 3.none:不提示","required":"否","default":"toast"},{"name":"tipsEdge","type":"Number","description":"promptType为text时,出现提示时的剩余可输入字符个数","required":"否","default":20},{"name":"toastText","type":"String","description":"promptType为toast时,提示文案内容","required":"否","default":"超出字数限制"},{"name":"submitText","type":"String","description":"发布按钮的文字内容","required":"否","default":"发表"}],"events":[{"name":"bindinput","type":"Event","description":"输入时触发事件","required":"否","default":"-"},{"name":"bindconfirm","type":"Event","description":"键盘点击确认触发","required":"否","default":"-"},{"name":"bindblur","type":"Event","description":"失焦时触发","required":"否","default":"-"},{"name":"bindsubmit","type":"Event","description":"发表成功失触发","required":"否","default":"-"}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-textarea/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-textarea.png","usingComponents":{"smt-textarea":"@smt-ui/component/src/textarea"}},{"name":"smt-timeline","label":"时间轴","autoReadme":true,"description":"时间轴组件,可配置时间轴内容,时间轴状态以及自定义图标。适用于信息展示,并可放置在页面的任何位置。","codeSnap":"<smt-timeline\n status=\"wait\"\n title=\"2019-10-15 10:15\"\n desc=\"状态:进行中\"\n>\n 当前状态详情描述\n</smt-timeline>","fragement":"swanide://fragment/24a16d632b8ecac85f68494360571d711594093134704","groups":"layout","demopath":"extensions/component/smt-timeline/smt-timeline","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-timeline/smt-timeline","properties":{"attributes":[{"name":"status","type":"String","description":"时间轴状态,类型包括:wait、finished、success、error,每个类型对应不同的icon图标以及时间轴展现样式","required":"否","default":"wait"},{"name":"title","type":"String","description":"时间轴标题","required":"否","default":"-"},{"name":"desc","type":"String","description":"时间轴副标题","required":"否","default":"-"},{"name":"descStyle","type":"String","description":"时间轴副标题样式","required":"否","default":"-"},{"name":"icon","type":"String","description":"自定义icon名称","required":"否","default":"-"},{"name":"iconColor","type":"String","description":"自定义icon颜色","required":"否","default":"-"},{"name":"timeline-class","type":"String","description":"提供时间轴的扩展样式类,供开发者自定义组件样式,可通过此class改变时间轴外层样式","required":"否","default":"-"},{"name":"item-tail-class","type":"String","description":"提供时间轴的扩展样式类,供开发者自定义组件样式,可通过此class改变时间轴轴线样式","required":"否","default":"-"},{"name":"content-title-class","type":"String","description":"提供时间轴的扩展样式类,供开发者自定义组件样式,可通过此class改变时间轴标题样式","required":"否","default":"-"}],"events":[]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-timeline/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-timeline.png","usingComponents":{"smt-timeline":"@smt-ui/component/src/timeline"}},{"name":"smt-voice-recognizer","label":"语音识别","autoReadme":true,"description":"语音识别,支持短语音和长语音两种模式,并可配置手动听音等功能。","codeSnap":"<smt-voice-recognizer\n show-panel=\"{= true =}\"\n></smt-voice-recognizer>","fragement":"swanide://fragment/dc0341ee4586a70b6f2032caf63f9ce31596619912676","groups":"layout","demopath":"extensions/component/smt-voice-recognizer/smt-voice-recognizer","webUrl":"https://qft12m.smartapps.cn/extensions/component/smt-voice-recognizer/smt-voice-recognizer","properties":{"attributes":[{"name":"longSpeech","type":"Boolean","description":"是否开启长语音,默认不开启,长语音模式(此模式不限制收音时长,适用于长字段输入),短语音模式(此模式支持60秒以内识别,适用于短字段输入)。","required":"否","default":"false"},{"name":"mode","type":"String","description":"听音模式,dnn(此模式自动听音,默认值),touch(此模式手动听音,需要手动调用stop方法才会停止语音识别)。","required":"否","default":"dnn"},{"name":"context","type":"String","description":"语音识别所用的场景值,input(输入法场景),search(搜索场景值)。","required":"否","default":"input"},{"name":"showPanel","type":"Boolean","description":"是否要展示语音面板,需要使用双向绑定 `show-panel=\"{= showPanel =}\"`。","required":"是","default":"false"},{"name":"defaultText","type":"String","description":"语音文案。","required":"否","default":"正在聆听中…"}],"events":[{"name":"stop","type":"Event","description":"语音识别结束事件,事件详情为识别内容。","required":"","default":""},{"name":"cancelend","type":"Event","description":"语音识别面板关闭事件。","required":"","default":""}],"externalClasses":[{"name":"smt-voice-panel","type":"String","description":"","required":"","default":""},{"name":"smt-mark","type":"String","description":"提供语音识别扩展样式类,供开发者自定义组件样式,可通过此 class 改变蒙层样式。","required":"","default":""},{"name":"smt-btn-voice","type":"String","description":"提供语音识别扩展样式类,供开发者自定义组件样式,可通过此 class 改变底部button样式。","required":"","default":""},{"name":"smt-word-box","type":"String","description":"提供语音识别扩展样式类,供开发者自定义组件样式,可通过此 class 改变提示文案样式。","required":"","default":""}]},"type":"component","doc":"https://smartprogram.baidu.com/docs/develop/extended/ui_component/smt-voice-recognizer/","qrCode":"https://b.bdstatic.com/miniapp/assets/images/demo/smt-voice-recognizer.png","usingComponents":{"smt-voice-recognizer":"@smt-ui/component/src/voice-recognizer"}}]}]} |
@@ -1,1 +0,1 @@ | ||
{"name":"component","label":"布局组件","type":"component","configPath":"./smart-design-config.json","version":"1.1.64"} | ||
{"name":"component","label":"布局组件","type":"component","configPath":"./smart-design-config.json","version":"1.1.65"} |
1555700