eoss 0.1.0-alpha.39 → 0.1.0-alpha.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/0.js +1 -1
- package/lib/1.js +1 -1
- package/lib/10.js +1 -1
- package/lib/11.js +1 -1
- package/lib/12.js +1 -1
- package/lib/13.js +1 -1
- package/lib/14.js +1 -1
- package/lib/15.js +1 -1
- package/lib/16.js +1 -1
- package/lib/17.js +1 -1
- package/lib/18.js +1 -1
- package/lib/19.js +1 -1
- package/lib/20.js +1 -1
- package/lib/21.js +1 -1
- package/lib/22.js +1 -1
- package/lib/23.js +1 -1
- package/lib/24.js +1 -1
- package/lib/25.js +1 -1
- package/lib/26.js +1 -1
- package/lib/27.js +1 -1
- package/lib/28.js +1 -1
- package/lib/29.js +1 -1
- package/lib/3.js +1 -1
- package/lib/30.js +1 -1
- package/lib/31.js +1 -1
- package/lib/32.js +1 -1
- package/lib/33.js +1 -1
- package/lib/34.js +1 -1
- package/lib/35.js +1 -1
- package/lib/36.js +1 -1
- package/lib/37.js +1 -1
- package/lib/38.js +1 -1
- package/lib/39.js +1 -1
- package/lib/4.js +1 -1
- package/lib/40.js +1 -1
- package/lib/41.js +1 -1
- package/lib/42.js +1 -1
- package/lib/43.js +1 -1
- package/lib/44.js +1 -1
- package/lib/45.js +1 -1
- package/lib/46.js +1 -1
- package/lib/47.js +1 -1
- package/lib/48.js +1 -1
- package/lib/49.js +1 -1
- package/lib/5.js +1 -1
- package/lib/50.js +1 -1
- package/lib/51.js +1 -1
- package/lib/52.js +1 -1
- package/lib/53.js +1 -1
- package/lib/54.js +1 -1
- package/lib/55.js +1 -1
- package/lib/56.js +1 -1
- package/lib/57.js +1 -1
- package/lib/58.js +1 -1
- package/lib/59.js +1 -1
- package/lib/6.js +1 -1
- package/lib/60.js +1 -1
- package/lib/61.js +1 -1
- package/lib/62.js +1 -1
- package/lib/63.js +1 -1
- package/lib/64.js +1 -1
- package/lib/65.js +1 -1
- package/lib/66.js +1 -1
- package/lib/67.js +1 -1
- package/lib/68.js +1 -1
- package/lib/69.js +1 -1
- package/lib/7.js +1 -1
- package/lib/70.js +1 -1
- package/lib/71.js +1 -1
- package/lib/72.js +1 -1
- package/lib/73.js +1 -1
- package/lib/74.js +1 -1
- package/lib/75.js +1 -1
- package/lib/76.js +1 -1
- package/lib/77.js +1 -1
- package/lib/78.js +1 -1
- package/lib/79.js +1 -1
- package/lib/8.js +1 -1
- package/lib/80.js +1 -1
- package/lib/81.js +1 -1
- package/lib/9.js +1 -1
- package/lib/account-login.js +837 -862
- package/lib/alert.js +2 -2
- package/lib/aside.js +2 -2
- package/lib/audit-trajectory.js +4 -4
- package/lib/autocomplete.js +1813 -1988
- package/lib/avatar.js +2 -2
- package/lib/backtop.js +2 -2
- package/lib/badge.js +2 -2
- package/lib/breadcrumb-item.js +4 -4
- package/lib/breadcrumb.js +4 -4
- package/lib/button-group.js +4 -4
- package/lib/button.js +2 -2
- package/lib/ca-login.js +837 -862
- package/lib/calendar.js +839 -864
- package/lib/card.js +2 -2
- package/lib/carousel-item.js +846 -871
- package/lib/carousel.js +839 -864
- package/lib/cascader-panel.js +852 -877
- package/lib/cascader.js +2048 -2223
- package/lib/checkbox-button.js +4 -4
- package/lib/checkbox-group.js +859 -884
- package/lib/checkbox.js +4 -4
- package/lib/col.js +2 -2
- package/lib/collapse-item.js +1040 -1065
- package/lib/collapse.js +1040 -1065
- package/lib/color-picker.js +972 -1122
- package/lib/container.js +2 -2
- package/lib/cron.js +12 -12
- package/lib/data-table.js +843 -868
- package/lib/date-picker.js +10520 -10695
- package/lib/descriptions-item.js +4 -4
- package/lib/descriptions.js +4 -4
- package/lib/dialog.js +837 -862
- package/lib/divider.js +2 -2
- package/lib/drawer.js +2 -2
- package/lib/dropdown-item.js +4 -4
- package/lib/dropdown-menu.js +974 -1124
- package/lib/dropdown.js +841 -866
- package/lib/email-login.js +837 -862
- package/lib/empty.js +2 -2
- package/lib/eoss.common.js +4023 -2668
- package/lib/flip.js +2 -2
- package/lib/flow-group.js +853 -878
- package/lib/flow.js +868 -893
- package/lib/flows.js +854 -879
- package/lib/footer.js +2 -2
- package/lib/form-item.js +860 -885
- package/lib/form.js +933 -950
- package/lib/guide.js +2 -2
- package/lib/header.js +2 -2
- package/lib/icon.js +837 -862
- package/lib/icons.js +2 -2
- package/lib/image-viewer.js +837 -862
- package/lib/image.js +4 -4
- package/lib/index.js +1 -1
- package/lib/infinite-scroll.js +2 -2
- package/lib/input-number.js +6 -6
- package/lib/input.js +839 -864
- package/lib/link.js +2 -2
- package/lib/loading.js +2 -2
- package/lib/login.js +867 -891
- package/lib/lowcode-view.js +1843 -1185
- package/lib/lowcode.js +3050 -1569
- package/lib/main.js +970 -988
- package/lib/marquee.js +837 -862
- package/lib/menu-item-group.js +15 -15
- package/lib/menu-item.js +6 -6
- package/lib/menu.js +2227 -2368
- package/lib/message-box.js +843 -868
- package/lib/message.js +839 -864
- package/lib/notification.js +861 -886
- package/lib/option-group.js +4 -4
- package/lib/option.js +839 -864
- package/lib/page-header.js +2 -2
- package/lib/pagination.js +839 -864
- package/lib/phone-login.js +847 -866
- package/lib/popconfirm.js +4 -4
- package/lib/popover.js +1831 -2006
- package/lib/process-config.js +839 -864
- package/lib/process-module.js +846 -871
- package/lib/process-rule.js +905 -930
- package/lib/progress.js +2 -2
- package/lib/qr-code.js +4 -4
- package/lib/qrcode-login.js +839 -864
- package/lib/radio-button.js +4 -4
- package/lib/radio-group.js +850 -875
- package/lib/radio.js +4 -4
- package/lib/rate.js +837 -862
- package/lib/retrial-auth.js +837 -862
- package/lib/row.js +2 -2
- package/lib/scrollbar.js +839 -864
- package/lib/select.js +2139 -2314
- package/lib/selector-panel.js +940 -965
- package/lib/selector.js +852 -877
- package/lib/slider.js +4 -4
- package/lib/step.js +32 -32
- package/lib/steps.js +874 -899
- package/lib/submenu.js +1269 -1385
- package/lib/switch.js +839 -864
- package/lib/tab-pane.js +4 -4
- package/lib/table-column.js +840 -865
- package/lib/table.js +1825 -2000
- package/lib/tabs.js +846 -871
- package/lib/tag.js +2 -2
- package/lib/theme-chalk/fonts/iconfont.ttf +0 -0
- package/lib/theme-chalk/fonts/iconfont.woff +0 -0
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/lowcode.css +1 -1
- package/lib/time-picker.js +6471 -6646
- package/lib/time-select.js +5039 -5214
- package/lib/timeline-item.js +2 -2
- package/lib/timeline.js +2 -2
- package/lib/tips.js +837 -862
- package/lib/toolbar.js +4 -4
- package/lib/tooltip.js +1813 -1988
- package/lib/transfer.js +837 -862
- package/lib/tree-group.js +853 -878
- package/lib/tree.js +1026 -1051
- package/lib/update-history.js +4 -4
- package/lib/upload.js +859 -884
- package/lib/wujie.js +841 -866
- package/package.json +1 -1
- package/packages/flow-group/src/main.vue +2 -2
- package/packages/form/src/form-item-render.vue +1 -0
- package/packages/form/src/form-item.vue +12 -6
- package/packages/form/src/form.vue +5 -5
- package/packages/login/src/login.vue +1 -0
- package/packages/lowcode/src/attribute/function.vue +28 -9
- package/packages/lowcode/src/attribute/props.vue +202 -0
- package/packages/lowcode/src/attribute/styles.vue +79 -5
- package/packages/lowcode/src/attribute.vue +61 -4
- package/packages/lowcode/src/canvas.vue +159 -2
- package/packages/lowcode/src/form-render.vue +305 -0
- package/packages/lowcode/src/lowcode.vue +33 -13
- package/packages/lowcode/src/modules.vue +53 -37
- package/packages/lowcode/src/render.vue +80 -25
- package/packages/lowcode/src/util/components.js +100 -0
- package/packages/lowcode/src/util/props-util.js +67 -0
- package/packages/lowcode/src/util/source-generator.js +69 -9
- package/packages/lowcode/src/util/source-parser.js +64 -10
- package/packages/lowcode-view/src/render.vue +48 -18
- package/packages/main/src/components/userinfo.vue +0 -1
- package/packages/menu/src/menu-item-group.vue +1 -1
- package/packages/menu/src/mixins.js +8 -4
- package/packages/menu/src/submenu.vue +35 -5
- package/packages/phone-login/src/phone-login.vue +5 -2
- package/packages/theme-chalk/dist/fonts/iconfont.ttf +0 -0
- package/packages/theme-chalk/dist/fonts/iconfont.woff +0 -0
- package/packages/theme-chalk/src/fonts/iconfont.ttf +0 -0
- package/packages/theme-chalk/src/fonts/iconfont.woff +0 -0
- package/packages/theme-chalk/src/lowcode.scss +21 -2
- package/src/index.js +336 -336
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
export default [
|
|
2
|
+
{
|
|
3
|
+
label: 'Basic',
|
|
4
|
+
children: [
|
|
5
|
+
{ name: 'EsIcon', doc: '/icon', description: '图标', props: [{ name: 'name', type: 'text', default: '', label: [{'type': 'tips', 'contents': '图标名称'}, {'type': 'text', 'contents': 'name'}] }, { name: 'size', type: 'text', label: [{'type': 'tips', 'contents': 'size'}, {'type': 'text', 'contents': 'size'}] }, { name: 'color', type: 'text', label: [{'type': 'tips', 'contents': 'color'}, {'type': 'text', 'contents': 'color'}] }, { name: 'preview', type: 'text', label: [{'type': 'tips', 'contents': 'preview'}, {'type': 'text', 'contents': 'preview'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '图标内容'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'pointer', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示指针样式'}, {'type': 'text', 'contents': 'pointer'}] }, { name: 'events', type: 'text', label: [{'type': 'tips', 'contents': '事件监听器'}, {'type': 'text', 'contents': 'events'}] }] },
|
|
6
|
+
{ name: 'EsButton', doc: '/button', description: '按钮', props: [{ name: 'hide', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'hide'}, {'type': 'text', 'contents': 'hide'}] }, { name: 'type', type: 'select', data: ['primary', 'success', 'warning', 'danger', 'info', 'text'], label: [{'type': 'tips', 'contents': '类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'size', type: 'select', data: ['large', 'medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'icon', type: 'text', default: '', label: [{'type': 'tips', 'contents': '图标类名'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'iconPosition', type: 'select', default: 'left', data: ['left', 'right'], label: [{'type': 'tips', 'contents': '图标位置'}, {'type': 'text', 'contents': 'iconPosition'}] }, { name: 'nativeType', type: 'select', default: 'button', data: ['button', 'submit', 'reset'], label: [{'type': 'tips', 'contents': '原生 type 属性'}, {'type': 'text', 'contents': 'nativeType'}] }, { name: 'loading', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否加载中状态'}, {'type': 'text', 'contents': 'loading'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用状态'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'plain', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否朴素按钮'}, {'type': 'text', 'contents': 'plain'}] }, { name: 'autofocus', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否默认聚焦'}, {'type': 'text', 'contents': 'autofocus'}] }, { name: 'long', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否长按钮'}, {'type': 'text', 'contents': 'long'}] }, { name: 'round', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否圆角按钮'}, {'type': 'text', 'contents': 'round'}] }, { name: 'circle', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否圆形按钮'}, {'type': 'text', 'contents': 'circle'}] }, { name: 'ghost', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否是幽灵按钮'}, {'type': 'text', 'contents': 'ghost'}] }, { name: 'dashed', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '边框是否 dashed 形式显示'}, {'type': 'text', 'contents': 'dashed'}] }, { name: 'href', type: 'text', label: [{'type': 'tips', 'contents': 'a 标签按钮链接地址'}, {'type': 'text', 'contents': 'href'}] }, { name: 'text', type: 'text', label: [{'type': 'tips', 'contents': '按钮文本内容'}, {'type': 'text', 'contents': 'text'}] }, { name: 'badge', type: 'text', label: [{'type': 'tips', 'contents': 'badge 角标配置'}, {'type': 'text', 'contents': 'badge'}] }, { name: 'badgeWrapped', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'badge 角标是否包裹按钮,默认包裹 text'}, {'type': 'text', 'contents': 'badgeWrapped'}] }, { name: 'tooltip', type: 'text', label: [{'type': 'tips', 'contents': 'tooltip 提示配置'}, {'type': 'text', 'contents': 'tooltip'}] }, { name: 'stop', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否阻止事件冒泡'}, {'type': 'text', 'contents': 'stop'}] }, { name: 'event', type: 'text', label: [{'type': 'tips', 'contents': '点击事件回调函数'}, {'type': 'text', 'contents': 'event'}] }, { name: 'param', type: 'text', label: [{'type': 'tips', 'contents': '点击事件回调函数参数'}, {'type': 'text', 'contents': 'param'}] }] },
|
|
7
|
+
{ name: 'EsLink', doc: '/link', description: '文字链接', props: [{ name: 'type', type: 'select', default: 'default', data: ['primary', 'success', 'warning', 'danger', 'info'], label: [{'type': 'tips', 'contents': '链接类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'underline', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示下划线'}, {'type': 'text', 'contents': 'underline'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用状态'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'href', type: 'text', label: [{'type': 'tips', 'contents': '原生 href 属性'}, {'type': 'text', 'contents': 'href'}] }, { name: 'icon', type: 'text', label: [{'type': 'tips', 'contents': '图标类名'}, {'type': 'text', 'contents': 'icon'}] }] },
|
|
8
|
+
{ name: 'EsContainer', doc: '/container', description: '布局容器', props: [{ name: 'direction', type: 'select', default: '子元素中有 es-header 或 es-footer 时为 vertical,否则为 horizontal', data: ['horizontal', 'vertical'], label: [{'type': 'tips', 'contents': '子元素的排列方向'}, {'type': 'text', 'contents': 'direction'}] }] },
|
|
9
|
+
{ name: 'EsMain', doc: '/main', description: '主框架', props: [{ name: 'mode', type: 'text', default: 'early', label: [{'type': 'tips', 'contents': 'mode'}, {'type': 'text', 'contents': 'mode'}] }] },
|
|
10
|
+
{ name: 'EsDivider', doc: '/divider', description: '分割线', props: [{ name: 'direction', type: 'select', default: 'horizontal', data: ['horizontal', 'vertical'], label: [{'type': 'tips', 'contents': '设置分割线方向'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'contentPosition', type: 'select', default: 'center', data: ['left', 'right', 'center'], label: [{'type': 'tips', 'contents': '设置分割线文案的位置'}, {'type': 'text', 'contents': 'contentPosition'}] }] },
|
|
11
|
+
{ name: 'EsImage', doc: '/image', description: '图片', props: [{ name: 'src', type: 'text', default: '\'\'', label: [{'type': 'tips', 'contents': '图片源,同原生'}, {'type': 'text', 'contents': 'src'}] }, { name: 'fit', type: 'select', default: '\'\'', data: ['fill', 'contain', 'cover', 'none', 'scale-down'], label: [{'type': 'tips', 'contents': '确定图片如何适应容器框,同原生 [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)'}, {'type': 'text', 'contents': 'fit'}] }, { name: 'lazy', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否开启懒加载'}, {'type': 'text', 'contents': 'lazy'}] }, { name: 'scrollContainer', type: 'text', default: '最近一个 overflow 值为 auto 或 scroll 的父元素', label: [{'type': 'tips', 'contents': '开启懒加载后,监听 scroll 事件的容器'}, {'type': 'text', 'contents': 'scrollContainer'}] }, { name: 'previewSrcList', type: 'text', label: [{'type': 'tips', 'contents': '开启图片预览功能'}, {'type': 'text', 'contents': 'previewSrcList'}] }, { name: 'zIndex', type: 'number', default: 2000, label: [{'type': 'tips', 'contents': '设置图片预览的 z-index'}, {'type': 'text', 'contents': 'zIndex'}] }] },
|
|
12
|
+
{ name: 'EsCard', doc: '/card', description: '卡片', props: [{ name: 'header', type: 'text', label: [{'type': 'tips', 'contents': '设置 header,也可以通过 slot#header 传入 DOM'}, {'type': 'text', 'contents': 'header'}] }, { name: 'bodyClass', type: 'text', label: [{'type': 'tips', 'contents': '设置 body 的类名'}, {'type': 'text', 'contents': 'bodyClass'}] }, { name: 'bodyStyle', type: 'text', default: '{ padding: \'20px\' }', label: [{'type': 'tips', 'contents': '设置 body 的样式'}, {'type': 'text', 'contents': 'bodyStyle'}] }, { name: 'shadow', type: 'select', default: 'always', data: ['always', 'hover', 'never'], label: [{'type': 'tips', 'contents': '设置阴影显示时机'}, {'type': 'text', 'contents': 'shadow'}] }] },
|
|
13
|
+
{ name: 'EsScrollbar', doc: '/scrollbar', description: '滚动条', props: [{ name: 'horizontal', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'horizontal'}, {'type': 'text', 'contents': 'horizontal'}] }, { name: 'vertical', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'vertical'}, {'type': 'text', 'contents': 'vertical'}] }, { name: 'monitor', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'monitor'}, {'type': 'text', 'contents': 'monitor'}] }, { name: 'native', type: 'switch', label: [{'type': 'tips', 'contents': 'native'}, {'type': 'text', 'contents': 'native'}] }, { name: 'styles', type: 'text', label: [{'type': 'tips', 'contents': 'styles'}, {'type': 'text', 'contents': 'styles'}] }, { name: 'wrapStyle', type: 'text', label: [{'type': 'tips', 'contents': 'wrapStyle'}, {'type': 'text', 'contents': 'wrapStyle'}] }, { name: 'wrapClass', type: 'text', label: [{'type': 'tips', 'contents': 'wrapClass'}, {'type': 'text', 'contents': 'wrapClass'}] }, { name: 'viewClass', type: 'text', label: [{'type': 'tips', 'contents': 'viewClass'}, {'type': 'text', 'contents': 'viewClass'}] }, { name: 'viewStyle', type: 'text', label: [{'type': 'tips', 'contents': 'viewStyle'}, {'type': 'text', 'contents': 'viewStyle'}] }, { name: 'noresize', type: 'switch', label: [{'type': 'tips', 'contents': 'noresize'}, {'type': 'text', 'contents': 'noresize'}] }, { name: 'tag', type: 'text', default: 'div', label: [{'type': 'tips', 'contents': 'tag'}, {'type': 'text', 'contents': 'tag'}] }, { name: 'onReady', type: 'text', label: [{'type': 'tips', 'contents': 'onReady'}, {'type': 'text', 'contents': 'onReady'}] }, { name: 'listener', type: 'switch', label: [{'type': 'tips', 'contents': 'listener'}, {'type': 'text', 'contents': 'listener'}] }, { name: 'objective', type: 'text', label: [{'type': 'tips', 'contents': 'objective'}, {'type': 'text', 'contents': 'objective'}] }, { name: 'maxHeight', type: 'text', label: [{'type': 'tips', 'contents': 'maxHeight'}, {'type': 'text', 'contents': 'maxHeight'}] }, { name: 'infiniteScroll', type: 'text', label: [{'type': 'tips', 'contents': 'infiniteScroll'}, {'type': 'text', 'contents': 'infiniteScroll'}] }, { name: 'infiniteScrollDelay', type: 'number', default: 200, label: [{'type': 'tips', 'contents': 'infiniteScrollDelay'}, {'type': 'text', 'contents': 'infiniteScrollDelay'}] }, { name: 'infiniteScrollDistance', type: 'number', default: 0, label: [{'type': 'tips', 'contents': 'infiniteScrollDistance'}, {'type': 'text', 'contents': 'infiniteScrollDistance'}] }, { name: 'infiniteScrollImmediate', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'infiniteScrollImmediate'}, {'type': 'text', 'contents': 'infiniteScrollImmediate'}] }, { name: 'infiniteScrollDisabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'infiniteScrollDisabled'}, {'type': 'text', 'contents': 'infiniteScrollDisabled'}] }, { name: 'autoHide', type: 'number', default: 2000, label: [{'type': 'tips', 'contents': 'autoHide'}, {'type': 'text', 'contents': 'autoHide'}] }, { name: 'autoHideDefault', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'autoHideDefault'}, {'type': 'text', 'contents': 'autoHideDefault'}] }] }
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
label: 'Login',
|
|
18
|
+
children: [
|
|
19
|
+
{ name: 'EsLogin', doc: '/login', description: '登录', props: [{ name: 'mode', type: 'select', default: 'icon', data: ['icon', 'text'], label: [{'type': 'tips', 'contents': '登录框风格'}, {'type': 'text', 'contents': 'mode'}] }, { name: 'storage', type: 'select', default: 'sessionStorage', data: ['sessionStorage,localStorage'], label: [{'type': 'tips', 'contents': '登录信息保存类型'}, {'type': 'text', 'contents': 'storage'}] }, { name: 'isEncrypt', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'isEncrypt'}, {'type': 'text', 'contents': 'isEncrypt'}] }, { name: 'type', type: 'select', default: '0', data: ['0:账号+密码+图片验证码<br>1:证书登录<br>3:App 扫码登录<br>6:短信登录<br>7:钉钉扫码登录<br>9:微信扫码登录<br>11:邮箱登录<br>12:双因素认证登录'], label: [{'type': 'tips', 'contents': '登录类型,可组合;如:0,3 表示账号密码登录与 App 扫码登录'}, {'type': 'text', 'contents': 'type'}] }, { name: 'jump', type: 'text', label: [{'type': 'tips', 'contents': 'jump'}, {'type': 'text', 'contents': 'jump'}] }, { name: 'listenEl', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否监听元素'}, {'type': 'text', 'contents': 'listenEl'}] }, { name: 'isBody', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '监听元素是否为 body'}, {'type': 'text', 'contents': 'isBody'}] }, { name: 'position', type: 'select', default: 'center', data: ['left', 'center', 'right'], label: [{'type': 'tips', 'contents': '登录框位置'}, {'type': 'text', 'contents': 'position'}] }, { name: 'logo', type: 'text', label: [{'type': 'tips', 'contents': '登录框 logo'}, {'type': 'text', 'contents': 'logo'}] }, { name: 'downloadType', type: 'select', default: 'text', data: ['text', 'text-white'], label: [{'type': 'tips', 'contents': '下载按钮类型'}, {'type': 'text', 'contents': 'downloadType'}] }] }
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
label: 'Form',
|
|
24
|
+
children: [
|
|
25
|
+
{ name: 'EsIcons', doc: '/icons', description: '图标选择', props: [{ name: 'placeholder', type: 'text', default: '请选择图标', label: [{'type': 'tips', 'contents': '占位符'}, {'type': 'text', 'contents': 'placeholder'}] }, { name: 'label', type: 'text', default: '', label: [{'type': 'tips', 'contents': '标签文字'}, {'type': 'text', 'contents': 'label'}] }, { name: 'readonly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否只读'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'family', type: 'text', default: 'es-icon', label: [{'type': 'tips', 'contents': 'family'}, {'type': 'text', 'contents': 'family'}] }, { name: 'contents', type: 'text', default: '默认图标集', label: [{'type': 'tips', 'contents': '图标列表,支持外部配置传入'}, {'type': 'text', 'contents': 'contents'}] }] },
|
|
26
|
+
{ name: 'EsRadio', doc: '/radio', description: '单选框', props: [{ name: 'label', type: 'text', label: [{'type': 'tips', 'contents': 'Radio 的 value'}, {'type': 'text', 'contents': 'label'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'name', type: 'text', label: [{'type': 'tips', 'contents': '原生 name 属性'}, {'type': 'text', 'contents': 'name'}] }, { name: 'border', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示边框'}, {'type': 'text', 'contents': 'border'}] }, { name: 'size', type: 'select', default: 'medium', data: ['large', 'medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': 'Radio 的尺寸,仅在 border 为真时有效'}, {'type': 'text', 'contents': 'size'}] }, { name: 'valueKey', type: 'text', label: [{'type': 'tips', 'contents': '自定义值 key'}, {'type': 'text', 'contents': 'valueKey'}] }, { name: 'labelKey', type: 'text', label: [{'type': 'tips', 'contents': '自定义标签 key'}, {'type': 'text', 'contents': 'labelKey'}] }, { name: 'showLabel', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示标签'}, {'type': 'text', 'contents': 'showLabel'}] }, { name: 'showInner', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示内部元素'}, {'type': 'text', 'contents': 'showInner'}] }, { name: 'strict', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否严格匹配值和标签'}, {'type': 'text', 'contents': 'strict'}] }, { name: 'tooltip', type: 'text', label: [{'type': 'tips', 'contents': '自定义 tooltip 内容'}, {'type': 'text', 'contents': 'tooltip'}] }, { name: 'effect', type: 'text', label: [{'type': 'tips', 'contents': '自定义 tooltip 效果'}, {'type': 'text', 'contents': 'effect'}] }, { name: 'placement', type: 'text', label: [{'type': 'tips', 'contents': '自定义 tooltip 位置'}, {'type': 'text', 'contents': 'placement'}] }, { name: 'tooltipConfig', type: 'text', label: [{'type': 'tips', 'contents': '自定义 tooltip 配置'}, {'type': 'text', 'contents': 'tooltipConfig'}] }] },
|
|
27
|
+
{ name: 'EsCheckbox', doc: '/checkbox', description: '多选框', props: [{ name: 'label', type: 'text', label: [{'type': 'tips', 'contents': '选中状态的值(只有在checkbox-group或者绑定对象类型为array时有效)'}, {'type': 'text', 'contents': 'label'}] }, { name: 'circle', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示为圆形'}, {'type': 'text', 'contents': 'circle'}] }, { name: 'indeterminate', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '设置 indeterminate 状态,只负责样式控制'}, {'type': 'text', 'contents': 'indeterminate'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'checked', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '当前是否勾选'}, {'type': 'text', 'contents': 'checked'}] }, { name: 'name', type: 'text', label: [{'type': 'tips', 'contents': '原生 name 属性'}, {'type': 'text', 'contents': 'name'}] }, { name: 'trueLabel', type: 'text', label: [{'type': 'tips', 'contents': '选中时的值'}, {'type': 'text', 'contents': 'trueLabel'}] }, { name: 'falseLabel', type: 'text', label: [{'type': 'tips', 'contents': '没有选中时的值'}, {'type': 'text', 'contents': 'falseLabel'}] }, { name: 'id', type: 'text', label: [{'type': 'tips', 'contents': '原生 id 属性'}, {'type': 'text', 'contents': 'id'}] }, { name: 'controls', type: 'text', label: [{'type': 'tips', 'contents': '原生 controls 属性'}, {'type': 'text', 'contents': 'controls'}] }, { name: 'border', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示边框'}, {'type': 'text', 'contents': 'border'}] }, { name: 'size', type: 'select', data: ['large', 'medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': 'Checkbox 的尺寸,仅在 border 为真时有效'}, {'type': 'text', 'contents': 'size'}] }, { name: 'valueKey', type: 'text', default: 'value', label: [{'type': 'tips', 'contents': '自定义值键'}, {'type': 'text', 'contents': 'valueKey'}] }, { name: 'labelKey', type: 'text', default: 'name', label: [{'type': 'tips', 'contents': '自定义标签键'}, {'type': 'text', 'contents': 'labelKey'}] }, { name: 'strict', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否严格匹配值'}, {'type': 'text', 'contents': 'strict'}] }, { name: 'tooltip', type: 'text', label: [{'type': 'tips', 'contents': '提示信息'}, {'type': 'text', 'contents': 'tooltip'}] }, { name: 'effect', type: 'select', default: 'dark', data: ['dark', 'light'], label: [{'type': 'tips', 'contents': 'tooltip 主题'}, {'type': 'text', 'contents': 'effect'}] }, { name: 'placement', type: 'select', default: 'bottom', data: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], label: [{'type': 'tips', 'contents': 'tooltip 位置'}, {'type': 'text', 'contents': 'placement'}] }, { name: 'tooltipConfig', type: 'text', label: [{'type': 'tips', 'contents': 'tooltip 配置'}, {'type': 'text', 'contents': 'tooltipConfig'}] }, { name: 'showDelete', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示删除按钮'}, {'type': 'text', 'contents': 'showDelete'}] }] },
|
|
28
|
+
{ name: 'EsInput', doc: '/input', description: '输入框', props: [{ name: 'disabledTips', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '禁用时的提示信息'}, {'type': 'text', 'contents': 'disabledTips'}] }, { name: 'innerStyle', type: 'text', label: [{'type': 'tips', 'contents': '输入框内部样式'}, {'type': 'text', 'contents': 'innerStyle'}] }, { name: 'round', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为圆角输入框'}, {'type': 'text', 'contents': 'round'}] }, { name: 'size', type: 'select', data: ['large', 'medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '输入框尺寸,只在 type!=\'textarea\' 时有效'}, {'type': 'text', 'contents': 'size'}] }, { name: 'resize', type: 'select', data: ['none, both, horizontal, vertical'], label: [{'type': 'tips', 'contents': '控制是否能被用户缩放'}, {'type': 'text', 'contents': 'resize'}] }, { name: 'form', type: 'text', label: [{'type': 'tips', 'contents': '原生属性'}, {'type': 'text', 'contents': 'form'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'readonly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '原生属性,是否只读'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'type', type: 'select', default: 'text', data: ['text,textarea 和其他 [原生 input 的 type 值]'], label: [{'type': 'tips', 'contents': '类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'autosize', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '自适应内容高度,只对 type=\'textarea\' 有效,可传入对象,如,{ minRows: 2, maxRows: 6 }'}, {'type': 'text', 'contents': 'autosize'}] }, { name: 'autocomplete', type: 'select', default: 'off', data: ['on, off'], label: [{'type': 'tips', 'contents': '原生属性,自动补全'}, {'type': 'text', 'contents': 'autocomplete'}] }, { name: 'autoComplete', type: 'select', default: 'off', data: ['on, off'], label: [{'type': 'tips', 'contents': '下个主版本弃用'}, {'type': 'text', 'contents': 'autoComplete'}] }, { name: 'validateEvent', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '输入时是否触发表单的校验'}, {'type': 'text', 'contents': 'validateEvent'}] }, { name: 'suffixIcon', type: 'text', label: [{'type': 'tips', 'contents': '输入框尾部图标'}, {'type': 'text', 'contents': 'suffixIcon'}] }, { name: 'prefixIcon', type: 'text', label: [{'type': 'tips', 'contents': '输入框头部图标'}, {'type': 'text', 'contents': 'prefixIcon'}] }, { name: 'label', type: 'text', label: [{'type': 'tips', 'contents': '输入框关联的 label 文字'}, {'type': 'text', 'contents': 'label'}] }, { name: 'clearable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否可清空'}, {'type': 'text', 'contents': 'clearable'}] }, { name: 'showPassword', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示切换密码图标'}, {'type': 'text', 'contents': 'showPassword'}] }, { name: 'showWordLimit', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示输入字数统计,只在 type = \'text\' 或 type = \'textarea\' 时有效'}, {'type': 'text', 'contents': 'showWordLimit'}] }, { name: 'wordRule', type: 'text', label: [{'type': 'tips', 'contents': '输入字数统计规则配置,只在 type = \'text\' 或 type = \'textarea\' 时有效'}, {'type': 'text', 'contents': 'wordRule'}] }, { name: 'wordCount', type: 'text', label: [{'type': 'tips', 'contents': '输入字数统计方法,只在 type = \'text\' 或 type = \'textarea\' 时有效'}, {'type': 'text', 'contents': 'wordCount'}] }, { name: 'tabindex', type: 'text', default: -1, label: [{'type': 'tips', 'contents': '输入框的 tabindex'}, {'type': 'text', 'contents': 'tabindex'}] }, { name: 'prefix', type: 'text', label: [{'type': 'tips', 'contents': '前置内容'}, {'type': 'text', 'contents': 'prefix'}] }, { name: 'suffix', type: 'text', label: [{'type': 'tips', 'contents': '后置内容'}, {'type': 'text', 'contents': 'suffix'}] }, { name: 'prepend', type: 'text', label: [{'type': 'tips', 'contents': '前置元素'}, {'type': 'text', 'contents': 'prepend'}] }, { name: 'append', type: 'text', label: [{'type': 'tips', 'contents': '后置元素'}, {'type': 'text', 'contents': 'append'}] }] },
|
|
29
|
+
{ name: 'EsInputNumber', doc: '/input-number', description: '计数器', props: [{ name: 'step', type: 'number', default: 1, label: [{'type': 'tips', 'contents': 'step'}, {'type': 'text', 'contents': 'step'}] }, { name: 'stepStrictly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'stepStrictly'}, {'type': 'text', 'contents': 'stepStrictly'}] }, { name: 'max', type: 'number', label: [{'type': 'tips', 'contents': 'max'}, {'type': 'text', 'contents': 'max'}] }, { name: 'min', type: 'number', label: [{'type': 'tips', 'contents': 'min'}, {'type': 'text', 'contents': 'min'}] }, { name: 'disabled', type: 'switch', label: [{'type': 'tips', 'contents': 'disabled'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'size', type: 'text', label: [{'type': 'tips', 'contents': 'size'}, {'type': 'text', 'contents': 'size'}] }, { name: 'controls', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'controls'}, {'type': 'text', 'contents': 'controls'}] }, { name: 'controlsPosition', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'controlsPosition'}, {'type': 'text', 'contents': 'controlsPosition'}] }, { name: 'name', type: 'text', label: [{'type': 'tips', 'contents': 'name'}, {'type': 'text', 'contents': 'name'}] }, { name: 'label', type: 'text', label: [{'type': 'tips', 'contents': 'label'}, {'type': 'text', 'contents': 'label'}] }, { name: 'placeholder', type: 'text', label: [{'type': 'tips', 'contents': 'placeholder'}, {'type': 'text', 'contents': 'placeholder'}] }, { name: 'precision', type: 'number', label: [{'type': 'tips', 'contents': 'precision'}, {'type': 'text', 'contents': 'precision'}] }, { name: 'default', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'default'}, {'type': 'text', 'contents': 'default'}] }] },
|
|
30
|
+
{ name: 'EsSelect', doc: '/select', description: '选择器', props: [{ name: 'url', type: 'text', label: [{'type': 'tips', 'contents': '选项数据接口地址'}, {'type': 'text', 'contents': 'url'}] }, { name: 'param', type: 'text', label: [{'type': 'tips', 'contents': '选项数据接口参数'}, {'type': 'text', 'contents': 'param'}] }, { name: 'tabindex', type: 'text', default: -1, label: [{'type': 'tips', 'contents': 'tabindex'}, {'type': 'text', 'contents': 'tabindex'}] }, { name: 'name', type: 'text', label: [{'type': 'tips', 'contents': 'select input 的 name 属性'}, {'type': 'text', 'contents': 'name'}] }, { name: 'id', type: 'text', label: [{'type': 'tips', 'contents': '选择框的 id 属性'}, {'type': 'text', 'contents': 'id'}] }, { name: 'autocomplete', type: 'text', default: 'off', label: [{'type': 'tips', 'contents': 'select input 的 autocomplete 属性'}, {'type': 'text', 'contents': 'autocomplete'}] }, { name: 'decollator', type: 'text', default: ',', label: [{'type': 'tips', 'contents': '分隔符'}, {'type': 'text', 'contents': 'decollator'}] }, { name: 'automaticDropdown', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '对于不可搜索的 Select,是否在输入框获得焦点后自动弹出选项菜单'}, {'type': 'text', 'contents': 'automaticDropdown'}] }, { name: 'size', type: 'select', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '输入框尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'clearable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否可以清空选项'}, {'type': 'text', 'contents': 'clearable'}] }, { name: 'filterable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否可搜索'}, {'type': 'text', 'contents': 'filterable'}] }, { name: 'allowCreate', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否允许用户创建新条目,需配合 filterable 使用'}, {'type': 'text', 'contents': 'allowCreate'}] }, { name: 'loading', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否正在从远程获取数据'}, {'type': 'text', 'contents': 'loading'}] }, { name: 'popperClass', type: 'text', label: [{'type': 'tips', 'contents': 'Select 下拉框的类名'}, {'type': 'text', 'contents': 'popperClass'}] }, { name: 'remote', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为远程搜索'}, {'type': 'text', 'contents': 'remote'}] }, { name: 'remoteKey', type: 'text', default: 'searchKey', label: [{'type': 'tips', 'contents': '远程搜索的关键字段'}, {'type': 'text', 'contents': 'remoteKey'}] }, { name: 'loadingText', type: 'text', label: [{'type': 'tips', 'contents': '远程加载时显示的文字'}, {'type': 'text', 'contents': 'loadingText'}] }, { name: 'noMatchText', type: 'text', label: [{'type': 'tips', 'contents': '搜索条件无匹配时显示的文字,也可以使用slot=\'empty\'设置'}, {'type': 'text', 'contents': 'noMatchText'}] }, { name: 'noDataText', type: 'text', label: [{'type': 'tips', 'contents': '选项为空时显示的文字,也可以使用slot=\'empty\'设置'}, {'type': 'text', 'contents': 'noDataText'}] }, { name: 'remoteMethod', type: 'text', label: [{'type': 'tips', 'contents': '远程搜索方法'}, {'type': 'text', 'contents': 'remoteMethod'}] }, { name: 'filterMethod', type: 'text', label: [{'type': 'tips', 'contents': '自定义搜索方法'}, {'type': 'text', 'contents': 'filterMethod'}] }, { name: 'multiple', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否多选'}, {'type': 'text', 'contents': 'multiple'}] }, { name: 'multipleLimit', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '多选时用户最多可以选择的项目数,为 0 则不限制'}, {'type': 'text', 'contents': 'multipleLimit'}] }, { name: 'placeholder', type: 'text', default: '请选择', label: [{'type': 'tips', 'contents': '占位符'}, {'type': 'text', 'contents': 'placeholder'}] }, { name: 'defaultFirstOption', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '在输入框按下回车,选择第一个匹配项。需配合 filterable 或 remote 使用'}, {'type': 'text', 'contents': 'defaultFirstOption'}] }, { name: 'reserveKeyword', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词'}, {'type': 'text', 'contents': 'reserveKeyword'}] }, { name: 'valueType', type: 'select', default: 'string', data: ['string', 'object'], label: [{'type': 'tips', 'contents': '绑定值类型'}, {'type': 'text', 'contents': 'valueType'}] }, { name: 'collapseTags', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '多选时是否将选中值按文字的形式展示'}, {'type': 'text', 'contents': 'collapseTags'}] }, { name: 'popperAppendToBody', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false'}, {'type': 'text', 'contents': 'popperAppendToBody'}] }, { name: 'tree', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否下拉树选择'}, {'type': 'text', 'contents': 'tree'}] }, { name: 'data', type: 'text', label: [{'type': 'tips', 'contents': '树的数据'}, {'type': 'text', 'contents': 'data'}] }, { name: 'treeProps', type: 'text', label: [{'type': 'tips', 'contents': '树配置选项'}, {'type': 'text', 'contents': 'treeProps'}] }, { name: 'parentCheck', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '父级是否可选'}, {'type': 'text', 'contents': 'parentCheck'}] }, { name: 'parentAsValue', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '父级选项是否作为值'}, {'type': 'text', 'contents': 'parentAsValue'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': '下拉菜单的高度'}, {'type': 'text', 'contents': 'height'}] }, { name: 'valueToString', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否将值转换为字符串'}, {'type': 'text', 'contents': 'valueToString'}] }, { name: 'strict', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否严格匹配'}, {'type': 'text', 'contents': 'strict'}] }, { name: 'prefix', type: 'text', label: [{'type': 'tips', 'contents': '前缀'}, {'type': 'text', 'contents': 'prefix'}] }, { name: 'suffix', type: 'text', label: [{'type': 'tips', 'contents': '后缀'}, {'type': 'text', 'contents': 'suffix'}] }, { name: 'prepend', type: 'text', label: [{'type': 'tips', 'contents': '前置内容'}, {'type': 'text', 'contents': 'prepend'}] }, { name: 'append', type: 'text', label: [{'type': 'tips', 'contents': '后置内容'}, {'type': 'text', 'contents': 'append'}] }, { name: 'sysCode', type: 'text', label: [{'type': 'tips', 'contents': '系统编码'}, {'type': 'text', 'contents': 'sysCode'}] }, { name: 'labelKey', type: 'text', default: 'sysCode ? \'shortName\' : \'name\'', label: [{'type': 'tips', 'contents': '选项标签的键名'}, {'type': 'text', 'contents': 'labelKey'}] }, { name: 'valueKey', type: 'text', default: 'sysCode ? \'cciValue\' : \'value\'', label: [{'type': 'tips', 'contents': '作为 value 唯一标识的键名,绑定值为对象类型时必填'}, {'type': 'text', 'contents': 'valueKey'}] }] },
|
|
31
|
+
{ name: 'EsSelector', doc: '/selector', description: '选择器', props: [{ name: 'maxHeight', type: 'text', label: [{'type': 'tips', 'contents': 'maxHeight'}, {'type': 'text', 'contents': 'maxHeight'}] }, { name: 'isShowLevel3', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示三级公司(仅针对 types 包含\'enterprise\')'}, {'type': 'text', 'contents': 'isShowLevel3'}] }, { name: 'action', type: 'text', default: 'getSelectorOrgDetail', label: [{'type': 'tips', 'contents': '输入框输入关键字搜索时的接口地址'}, {'type': 'text', 'contents': 'action'}] }, { name: 'host', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'host'}, {'type': 'text', 'contents': 'host'}] }, { name: 'title', type: 'text', default: '公用选择器', label: [{'type': 'tips', 'contents': 'dialog 的标题,也可通过具名 slot 传入'}, {'type': 'text', 'contents': 'title'}] }, { name: 'width', type: 'text', default: '900px', label: [{'type': 'tips', 'contents': '选择器的宽度'}, {'type': 'text', 'contents': 'width'}] }, { name: 'height', type: 'text', default: '560px', label: [{'type': 'tips', 'contents': '选择器的高度'}, {'type': 'text', 'contents': 'height'}] }, { name: 'multiple', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '多选'}, {'type': 'text', 'contents': 'multiple'}] }, { name: 'valueKey', type: 'text', default: 'showid', label: [{'type': 'tips', 'contents': '值的唯一标识键名'}, {'type': 'text', 'contents': 'valueKey'}] }, { name: 'labelKey', type: 'text', default: 'showname', label: [{'type': 'tips', 'contents': 'label 唯一标识的键名,绑定值为对象类型时必填'}, {'type': 'text', 'contents': 'labelKey'}] }, { name: 'valueType', type: 'select', default: 'object', data: ['string', 'object'], label: [{'type': 'tips', 'contents': '值的类型'}, {'type': 'text', 'contents': 'valueType'}] }, { name: 'size', type: 'select', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '输入框尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'id', type: 'text', label: [{'type': 'tips', 'contents': '组件 ID'}, {'type': 'text', 'contents': 'id'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'clearable', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '单选时是否可清空'}, {'type': 'text', 'contents': 'clearable'}] }, { name: 'placeholder', type: 'text', default: '输入关键字搜索', label: [{'type': 'tips', 'contents': '占位符'}, {'type': 'text', 'contents': 'placeholder'}] }, { name: 'autocomplete', type: 'text', default: 'off', label: [{'type': 'tips', 'contents': '自动完成属性'}, {'type': 'text', 'contents': 'autocomplete'}] }, { name: 'name', type: 'text', label: [{'type': 'tips', 'contents': '输入框 name 属性'}, {'type': 'text', 'contents': 'name'}] }, { name: 'readonly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否只读'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'collapseTags', type: 'text', default: 'false', label: [{'type': 'tips', 'contents': '是否折叠标签'}, {'type': 'text', 'contents': 'collapseTags'}] }, { name: 'plain', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为朴素按钮'}, {'type': 'text', 'contents': 'plain'}] }, { name: 'types', type: 'select', default: '[\'enterprise\', \'person\']', data: ['见 tabs 默认配置'], label: [{'type': 'tips', 'contents': '选择器类型'}, {'type': 'text', 'contents': 'types'}] }, { name: 'tabindex', type: 'text', default: -1, label: [{'type': 'tips', 'contents': 'tabindex 属性'}, {'type': 'text', 'contents': 'tabindex'}] }, { name: 'filterable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '输入框是否可以输入关键字搜索'}, {'type': 'text', 'contents': 'filterable'}] }, { name: 'showFilterListDep', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'showFilterListDep'}, {'type': 'text', 'contents': 'showFilterListDep'}] }, { name: 'createable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否根据搜索值创建新的数据'}, {'type': 'text', 'contents': 'createable'}] }, { name: 'button', type: 'text', label: [{'type': 'tips', 'contents': '按钮形式'}, {'type': 'text', 'contents': 'button'}] }, { name: 'icon', type: 'text', default: 'es-icon-sousuorenyuan', label: [{'type': 'tips', 'contents': '图标'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'active', type: 'text', default: '\'enterprise\'', label: [{'type': 'tips', 'contents': '默认选中项'}, {'type': 'text', 'contents': 'active'}] }, { name: 'keywords', type: 'text', default: 'namelike', label: [{'type': 'tips', 'contents': '输入框输入关键字搜索的参数名称'}, {'type': 'text', 'contents': 'keywords'}] }, { name: 'where', type: 'text', default: '{ mid: \'0-0-0-0-0\' }', label: [{'type': 'tips', 'contents': '输入框输入关键字搜索时额外参数'}, {'type': 'text', 'contents': 'where'}] }, { name: 'mix', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否支持混选'}, {'type': 'text', 'contents': 'mix'}] }, { name: 'classify', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '混选时是否分类显示'}, {'type': 'text', 'contents': 'classify'}] }, { name: 'noMatchText', type: 'text', default: '无匹配数据', label: [{'type': 'tips', 'contents': 'noMatchText'}, {'type': 'text', 'contents': 'noMatchText'}] }, { name: 'emptySerach', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '输入可输入搜索时,当输入的值为空时是否也搜索'}, {'type': 'text', 'contents': 'emptySerach'}] }, { name: 'reset', type: 'switch', label: [{'type': 'tips', 'contents': 'reset'}, {'type': 'text', 'contents': 'reset'}] }, { name: 'useCaseCode', type: 'text', label: [{'type': 'tips', 'contents': '用例代码'}, {'type': 'text', 'contents': 'useCaseCode'}] }, { name: 'businessData', type: 'text', label: [{'type': 'tips', 'contents': '业务数据'}, {'type': 'text', 'contents': 'businessData'}] }, { name: 'inputHeight', type: 'number', default: 40, label: [{'type': 'tips', 'contents': '输入框高度'}, {'type': 'text', 'contents': 'inputHeight'}] }, { name: 'min', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '最小选择数'}, {'type': 'text', 'contents': 'min'}] }, { name: 'select', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否可选择'}, {'type': 'text', 'contents': 'select'}] }] },
|
|
32
|
+
{ name: 'EsCascader', doc: '/cascader', description: '级联选择器', props: [{ name: 'placement', type: 'text', default: 'bottom-start', label: [{'type': 'tips', 'contents': 'placement'}, {'type': 'text', 'contents': 'placement'}] }, { name: 'appendToBody', type: 'text', label: [{'type': 'tips', 'contents': 'appendToBody'}, {'type': 'text', 'contents': 'appendToBody'}] }, { name: 'visibleArrow', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'visibleArrow'}, {'type': 'text', 'contents': 'visibleArrow'}] }, { name: 'arrowOffset', type: 'text', label: [{'type': 'tips', 'contents': 'arrowOffset'}, {'type': 'text', 'contents': 'arrowOffset'}] }, { name: 'offset', type: 'text', label: [{'type': 'tips', 'contents': 'offset'}, {'type': 'text', 'contents': 'offset'}] }, { name: 'boundariesPadding', type: 'text', label: [{'type': 'tips', 'contents': 'boundariesPadding'}, {'type': 'text', 'contents': 'boundariesPadding'}] }, { name: 'popperOptions', type: 'text', label: [{'type': 'tips', 'contents': 'popperOptions'}, {'type': 'text', 'contents': 'popperOptions'}] }, { name: 'type', type: 'text', label: [{'type': 'tips', 'contents': 'type'}, {'type': 'text', 'contents': 'type'}] }] },
|
|
33
|
+
{ name: 'EsSwitch', doc: '/switch', description: '开关', props: [{ name: 'data', type: 'text', label: [{'type': 'tips', 'contents': '开关选项数据'}, {'type': 'text', 'contents': 'data'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'width', type: 'number', default: 40, label: [{'type': 'tips', 'contents': 'switch 的宽度(像素)'}, {'type': 'text', 'contents': 'width'}] }, { name: 'activeIconClass', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'switch 打开时所显示图标的类名,设置此项会忽略 active-text'}, {'type': 'text', 'contents': 'activeIconClass'}] }, { name: 'inactiveIconClass', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'switch 关闭时所显示图标的类名,设置此项会忽略 inactive-text'}, {'type': 'text', 'contents': 'inactiveIconClass'}] }, { name: 'insideText', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否在开关内部显示文字'}, {'type': 'text', 'contents': 'insideText'}] }, { name: 'activeText', type: 'text', label: [{'type': 'tips', 'contents': 'switch 打开时的文字描述'}, {'type': 'text', 'contents': 'activeText'}] }, { name: 'inactiveText', type: 'text', label: [{'type': 'tips', 'contents': 'switch 关闭时的文字描述'}, {'type': 'text', 'contents': 'inactiveText'}] }, { name: 'activeColor', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'switch 打开时的背景色'}, {'type': 'text', 'contents': 'activeColor'}] }, { name: 'inactiveColor', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'switch 关闭时的背景色'}, {'type': 'text', 'contents': 'inactiveColor'}] }, { name: 'activeValue', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'switch 打开时的值'}, {'type': 'text', 'contents': 'activeValue'}] }, { name: 'inactiveValue', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'switch 关闭时的值'}, {'type': 'text', 'contents': 'inactiveValue'}] }, { name: 'name', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'switch 对应的 name 属性'}, {'type': 'text', 'contents': 'name'}] }, { name: 'validateEvent', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '改变 switch 状态时是否触发表单的校验'}, {'type': 'text', 'contents': 'validateEvent'}] }, { name: 'id', type: 'text', label: [{'type': 'tips', 'contents': 'switch 对应的 id 属性'}, {'type': 'text', 'contents': 'id'}] }, { name: 'strict', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否严格匹配值'}, {'type': 'text', 'contents': 'strict'}] }] },
|
|
34
|
+
{ name: 'EsSlider', doc: '/slider', description: '滑块', props: [{ name: 'min', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '最小值'}, {'type': 'text', 'contents': 'min'}] }, { name: 'max', type: 'number', default: 100, label: [{'type': 'tips', 'contents': '最大值'}, {'type': 'text', 'contents': 'max'}] }, { name: 'step', type: 'number', default: 1, label: [{'type': 'tips', 'contents': '步长'}, {'type': 'text', 'contents': 'step'}] }, { name: 'showInput', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示输入框,仅在非范围选择时有效'}, {'type': 'text', 'contents': 'showInput'}] }, { name: 'showInputControls', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '在显示输入框的情况下,是否显示输入框的控制按钮'}, {'type': 'text', 'contents': 'showInputControls'}] }, { name: 'inputSize', type: 'select', default: 'small', data: ['large', 'medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '输入框的尺寸'}, {'type': 'text', 'contents': 'inputSize'}] }, { name: 'inputPlacement', type: 'select', default: 'right', data: ['right', 'left'], label: [{'type': 'tips', 'contents': '输入框的位置'}, {'type': 'text', 'contents': 'inputPlacement'}] }, { name: 'showStops', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示间断点'}, {'type': 'text', 'contents': 'showStops'}] }, { name: 'showTooltip', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示 tooltip'}, {'type': 'text', 'contents': 'showTooltip'}] }, { name: 'formatTooltip', type: 'text', label: [{'type': 'tips', 'contents': '格式化 tooltip message'}, {'type': 'text', 'contents': 'formatTooltip'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'range', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为范围选择'}, {'type': 'text', 'contents': 'range'}] }, { name: 'vertical', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否竖向模式'}, {'type': 'text', 'contents': 'vertical'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': 'Slider 高度,竖向模式时必填'}, {'type': 'text', 'contents': 'height'}] }, { name: 'debounce', type: 'number', default: 300, label: [{'type': 'tips', 'contents': '输入时的去抖延迟,毫秒,仅在show-input等于 true 时有效'}, {'type': 'text', 'contents': 'debounce'}] }, { name: 'label', type: 'text', label: [{'type': 'tips', 'contents': '屏幕阅读器标签'}, {'type': 'text', 'contents': 'label'}] }, { name: 'tooltipClass', type: 'text', label: [{'type': 'tips', 'contents': 'tooltip 的自定义类名'}, {'type': 'text', 'contents': 'tooltipClass'}] }, { name: 'marks', type: 'text', label: [{'type': 'tips', 'contents': '标记, key 的类型必须为 number 且取值在闭区间 [min, max] 内,每个标记可以单独设置样式'}, {'type': 'text', 'contents': 'marks'}] }] },
|
|
35
|
+
{ name: 'EsTimePicker', doc: '/time-picker', description: '时间选择器', props: [{ name: 'isRange', type: 'switch', label: [{'type': 'tips', 'contents': 'isRange'}, {'type': 'text', 'contents': 'isRange'}] }, { name: 'arrowControl', type: 'switch', label: [{'type': 'tips', 'contents': 'arrowControl'}, {'type': 'text', 'contents': 'arrowControl'}] }] },
|
|
36
|
+
{ name: 'EsDatePicker', doc: '/date-picker', description: '日期选择器', props: [{ name: 'type', type: 'text', default: 'date', label: [{'type': 'tips', 'contents': 'type'}, {'type': 'text', 'contents': 'type'}] }, { name: 'timeArrowControl', type: 'switch', label: [{'type': 'tips', 'contents': 'timeArrowControl'}, {'type': 'text', 'contents': 'timeArrowControl'}] }] },
|
|
37
|
+
{ name: 'EsUpload', doc: '/upload', description: '上传', props: [{ name: 'host', type: 'text', label: [{'type': 'tips', 'contents': 'host'}, {'type': 'text', 'contents': 'host'}] }, { name: 'action', type: 'text', label: [{'type': 'tips', 'contents': 'action'}, {'type': 'text', 'contents': 'action'}] }, { name: 'headers', type: 'text', label: [{'type': 'tips', 'contents': 'headers'}, {'type': 'text', 'contents': 'headers'}] }, { name: 'data', type: 'text', label: [{'type': 'tips', 'contents': 'data'}, {'type': 'text', 'contents': 'data'}] }, { name: 'multiple', type: 'switch', label: [{'type': 'tips', 'contents': 'multiple'}, {'type': 'text', 'contents': 'multiple'}] }, { name: 'name', type: 'text', default: 'file', label: [{'type': 'tips', 'contents': 'name'}, {'type': 'text', 'contents': 'name'}] }, { name: 'fileList', type: 'text', label: [{'type': 'tips', 'contents': 'fileList'}, {'type': 'text', 'contents': 'fileList'}] }, { name: 'listType', type: 'text', default: 'text', label: [{'type': 'tips', 'contents': 'listType'}, {'type': 'text', 'contents': 'listType'}] }, { name: 'avatar', type: 'switch', label: [{'type': 'tips', 'contents': 'avatar'}, {'type': 'text', 'contents': 'avatar'}] }, { name: 'drag', type: 'switch', label: [{'type': 'tips', 'contents': 'drag'}, {'type': 'text', 'contents': 'drag'}] }, { name: 'listDrag', type: 'switch', label: [{'type': 'tips', 'contents': 'listDrag'}, {'type': 'text', 'contents': 'listDrag'}] }, { name: 'withCredentials', type: 'switch', label: [{'type': 'tips', 'contents': 'withCredentials'}, {'type': 'text', 'contents': 'withCredentials'}] }, { name: 'showFileList', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'showFileList'}, {'type': 'text', 'contents': 'showFileList'}] }, { name: 'showInfo', type: 'text', label: [{'type': 'tips', 'contents': 'showInfo'}, {'type': 'text', 'contents': 'showInfo'}] }, { name: 'canPreviewOffice', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'canPreviewOffice'}, {'type': 'text', 'contents': 'canPreviewOffice'}] }, { name: 'accept', type: 'text', label: [{'type': 'tips', 'contents': 'accept'}, {'type': 'text', 'contents': 'accept'}] }, { name: 'type', type: 'text', default: 'select', label: [{'type': 'tips', 'contents': 'type'}, {'type': 'text', 'contents': 'type'}] }, { name: 'triggerPosition', type: 'select', default: 'left', data: ['left', 'right'], label: [{'type': 'tips', 'contents': 'triggerPosition'}, {'type': 'text', 'contents': 'triggerPosition'}] }, { name: 'beforeUpload', type: 'text', label: [{'type': 'tips', 'contents': 'beforeUpload'}, {'type': 'text', 'contents': 'beforeUpload'}] }, { name: 'beforeRemove', type: 'text', label: [{'type': 'tips', 'contents': 'beforeRemove'}, {'type': 'text', 'contents': 'beforeRemove'}] }, { name: 'downloads', type: 'switch', label: [{'type': 'tips', 'contents': 'downloads'}, {'type': 'text', 'contents': 'downloads'}] }, { name: 'zipName', type: 'text', default: '文档.zip', label: [{'type': 'tips', 'contents': 'zipName'}, {'type': 'text', 'contents': 'zipName'}] }, { name: 'onDownloads', type: 'text', label: [{'type': 'tips', 'contents': 'onDownloads'}, {'type': 'text', 'contents': 'onDownloads'}] }, { name: 'onChange', type: 'text', label: [{'type': 'tips', 'contents': 'onChange'}, {'type': 'text', 'contents': 'onChange'}] }, { name: 'onSuccess', type: 'text', label: [{'type': 'tips', 'contents': 'onSuccess'}, {'type': 'text', 'contents': 'onSuccess'}] }, { name: 'onProgress', type: 'text', label: [{'type': 'tips', 'contents': 'onProgress'}, {'type': 'text', 'contents': 'onProgress'}] }, { name: 'onError', type: 'text', label: [{'type': 'tips', 'contents': 'onError'}, {'type': 'text', 'contents': 'onError'}] }, { name: 'onExceed', type: 'text', label: [{'type': 'tips', 'contents': 'onExceed'}, {'type': 'text', 'contents': 'onExceed'}] }, { name: 'rechristen', type: 'switch', label: [{'type': 'tips', 'contents': 'rechristen'}, {'type': 'text', 'contents': 'rechristen'}] }, { name: 'onRechristen', type: 'text', label: [{'type': 'tips', 'contents': 'onRechristen'}, {'type': 'text', 'contents': 'onRechristen'}] }, { name: 'remove', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'remove'}, {'type': 'text', 'contents': 'remove'}] }, { name: 'onRemove', type: 'text', label: [{'type': 'tips', 'contents': 'onRemove'}, {'type': 'text', 'contents': 'onRemove'}] }, { name: 'download', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'download'}, {'type': 'text', 'contents': 'download'}] }, { name: 'onDownload', type: 'text', label: [{'type': 'tips', 'contents': 'onDownload'}, {'type': 'text', 'contents': 'onDownload'}] }, { name: 'edit', type: 'switch', label: [{'type': 'tips', 'contents': 'edit'}, {'type': 'text', 'contents': 'edit'}] }, { name: 'onEdit', type: 'text', label: [{'type': 'tips', 'contents': 'onEdit'}, {'type': 'text', 'contents': 'onEdit'}] }, { name: 'editFile', type: 'switch', label: [{'type': 'tips', 'contents': 'editFile'}, {'type': 'text', 'contents': 'editFile'}] }, { name: 'onEditFile', type: 'text', label: [{'type': 'tips', 'contents': 'onEditFile'}, {'type': 'text', 'contents': 'onEditFile'}] }, { name: 'dragSort', type: 'switch', label: [{'type': 'tips', 'contents': 'dragSort'}, {'type': 'text', 'contents': 'dragSort'}] }, { name: 'onSort', type: 'text', label: [{'type': 'tips', 'contents': 'onSort'}, {'type': 'text', 'contents': 'onSort'}] }, { name: 'preview', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'preview'}, {'type': 'text', 'contents': 'preview'}] }, { name: 'onPreview', type: 'text', label: [{'type': 'tips', 'contents': 'onPreview'}, {'type': 'text', 'contents': 'onPreview'}] }, { name: 'response', type: 'text', default: true, label: [{'type': 'tips', 'contents': 'response'}, {'type': 'text', 'contents': 'response'}] }, { name: 'autoUpload', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'autoUpload'}, {'type': 'text', 'contents': 'autoUpload'}] }, { name: 'httpRequest', type: 'text', label: [{'type': 'tips', 'contents': 'httpRequest'}, {'type': 'text', 'contents': 'httpRequest'}] }, { name: 'disabled', type: 'switch', label: [{'type': 'tips', 'contents': 'disabled'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'readonly', type: 'switch', label: [{'type': 'tips', 'contents': 'readonly'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'exclude', type: 'text', label: [{'type': 'tips', 'contents': 'exclude'}, {'type': 'text', 'contents': 'exclude'}] }, { name: 'showHeader', type: 'switch', label: [{'type': 'tips', 'contents': 'showHeader'}, {'type': 'text', 'contents': 'showHeader'}] }, { name: 'limit', type: 'number', label: [{'type': 'tips', 'contents': 'limit'}, {'type': 'text', 'contents': 'limit'}] }, { name: 'progress', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'progress'}, {'type': 'text', 'contents': 'progress'}] }, { name: 'importFile', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'importFile'}, {'type': 'text', 'contents': 'importFile'}] }, { name: 'wait', type: 'number', label: [{'type': 'tips', 'contents': 'wait'}, {'type': 'text', 'contents': 'wait'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': 'height'}, {'type': 'text', 'contents': 'height'}] }, { name: 'resultFile', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'resultFile'}, {'type': 'text', 'contents': 'resultFile'}] }, { name: 'fileIcons', type: 'text', label: [{'type': 'tips', 'contents': 'fileIcons'}, {'type': 'text', 'contents': 'fileIcons'}] }, { name: 'picture', type: 'text', label: [{'type': 'tips', 'contents': 'picture'}, {'type': 'text', 'contents': 'picture'}] }, { name: 'handles', type: 'text', label: [{'type': 'tips', 'contents': 'handles'}, {'type': 'text', 'contents': 'handles'}] }, { name: 'icon', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'icon'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'imageStyle', type: 'text', label: [{'type': 'tips', 'contents': 'imageStyle'}, {'type': 'text', 'contents': 'imageStyle'}] }, { name: 'border', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'border'}, {'type': 'text', 'contents': 'border'}] }, { name: 'tips', type: 'text', default: true, label: [{'type': 'tips', 'contents': 'tips'}, {'type': 'text', 'contents': 'tips'}] }, { name: 'fileNameClickEvent', type: 'text', default: 'preview', label: [{'type': 'tips', 'contents': 'fileNameClickEvent'}, {'type': 'text', 'contents': 'fileNameClickEvent'}] }, { name: 'code', type: 'text', label: [{'type': 'tips', 'contents': 'code'}, {'type': 'text', 'contents': 'code'}] }, { name: 'ownId', type: 'text', label: [{'type': 'tips', 'contents': 'ownId'}, {'type': 'text', 'contents': 'ownId'}] }, { name: 'extendCode', type: 'text', label: [{'type': 'tips', 'contents': 'extendCode'}, {'type': 'text', 'contents': 'extendCode'}] }, { name: 'documentId', type: 'text', label: [{'type': 'tips', 'contents': 'documentId'}, {'type': 'text', 'contents': 'documentId'}] }, { name: 'zIndex', type: 'number', default: 2000, label: [{'type': 'tips', 'contents': 'zIndex'}, {'type': 'text', 'contents': 'zIndex'}] }] },
|
|
38
|
+
{ name: 'EsRate', doc: '/rate', description: '评分', props: [{ name: 'lowThreshold', type: 'number', default: 2, label: [{'type': 'tips', 'contents': '低分和中等分数的界限值,值本身被划分在低分中'}, {'type': 'text', 'contents': 'lowThreshold'}] }, { name: 'highThreshold', type: 'number', default: 4, label: [{'type': 'tips', 'contents': '高分和中等分数的界限值,值本身被划分在高分中'}, {'type': 'text', 'contents': 'highThreshold'}] }, { name: 'max', type: 'number', default: 5, label: [{'type': 'tips', 'contents': '最大分值'}, {'type': 'text', 'contents': 'max'}] }, { name: 'colors', type: 'text', default: '[\'#F7BA2A\', \'#F7BA2A\', \'#F7BA2A\']', label: [{'type': 'tips', 'contents': 'icon 的颜色。若传入数组,共有 3 个元素,为 3 个分段所对应的颜色;若传入对象,可自定义分段,键名为分段的界限值,键值为对应的颜色'}, {'type': 'text', 'contents': 'colors'}] }, { name: 'voidColor', type: 'text', default: '#C6D1DE', label: [{'type': 'tips', 'contents': '未选中 icon 的颜色'}, {'type': 'text', 'contents': 'voidColor'}] }, { name: 'disabledVoidColor', type: 'text', default: '#EFF2F7', label: [{'type': 'tips', 'contents': '只读时未选中 icon 的颜色'}, {'type': 'text', 'contents': 'disabledVoidColor'}] }, { name: 'iconClasses', type: 'text', default: '[\'es-icon-solid-guanzhu\', \'es-icon-solid-guanzhu\', \'es-icon-solid-guanzhu\']', label: [{'type': 'tips', 'contents': 'icon 的类名。若传入数组,共有 3 个元素,为 3 个分段所对应的类名;若传入对象,可自定义分段,键名为分段的界限值,键值为对应的类名'}, {'type': 'text', 'contents': 'iconClasses'}] }, { name: 'voidIconClass', type: 'text', default: 'es-icon-guanzhu', label: [{'type': 'tips', 'contents': '未选中 icon 的类名'}, {'type': 'text', 'contents': 'voidIconClass'}] }, { name: 'disabledVoidIconClass', type: 'text', default: 'es-icon-solid-guanzhu', label: [{'type': 'tips', 'contents': '只读时未选中 icon 的类名'}, {'type': 'text', 'contents': 'disabledVoidIconClass'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为只读'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'allowHalf', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否允许半选'}, {'type': 'text', 'contents': 'allowHalf'}] }, { name: 'showText', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示辅助文字,若为真,则会从 texts 数组中选取当前分数对应的文字内容'}, {'type': 'text', 'contents': 'showText'}] }, { name: 'showScore', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示当前分数,show-score 和 show-text 不能同时为真'}, {'type': 'text', 'contents': 'showScore'}] }, { name: 'textColor', type: 'text', default: '#1f2d3d', label: [{'type': 'tips', 'contents': '辅助文字的颜色'}, {'type': 'text', 'contents': 'textColor'}] }, { name: 'texts', type: 'text', default: '[\'极差\', \'失望\', \'一般\', \'满意\', \'惊喜\']', label: [{'type': 'tips', 'contents': '辅助文字数组'}, {'type': 'text', 'contents': 'texts'}] }, { name: 'scoreTemplate', type: 'text', default: '{value}', label: [{'type': 'tips', 'contents': '分数显示模板'}, {'type': 'text', 'contents': 'scoreTemplate'}] }] },
|
|
39
|
+
{ name: 'EsColorPicker', doc: '/color-picker', description: '颜色选择器', props: [{ name: 'showAlpha', type: 'switch', label: [{'type': 'tips', 'contents': 'showAlpha'}, {'type': 'text', 'contents': 'showAlpha'}] }, { name: 'colorFormat', type: 'text', label: [{'type': 'tips', 'contents': 'colorFormat'}, {'type': 'text', 'contents': 'colorFormat'}] }, { name: 'disabled', type: 'switch', label: [{'type': 'tips', 'contents': 'disabled'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'size', type: 'text', label: [{'type': 'tips', 'contents': 'size'}, {'type': 'text', 'contents': 'size'}] }, { name: 'popperClass', type: 'text', label: [{'type': 'tips', 'contents': 'popperClass'}, {'type': 'text', 'contents': 'popperClass'}] }, { name: 'predefine', type: 'text', label: [{'type': 'tips', 'contents': 'predefine'}, {'type': 'text', 'contents': 'predefine'}] }] },
|
|
40
|
+
{ name: 'EsTransfer', doc: '/transfer', description: '穿梭框', props: [{ name: 'data', type: 'text', default: '[ ]', label: [{'type': 'tips', 'contents': 'Transfer 的数据源'}, {'type': 'text', 'contents': 'data'}] }, { name: 'titles', type: 'text', default: '[\'列表 1\', \'列表 2\']', label: [{'type': 'tips', 'contents': '自定义列表标题'}, {'type': 'text', 'contents': 'titles'}] }, { name: 'buttonTexts', type: 'text', default: '[ ]', label: [{'type': 'tips', 'contents': '自定义按钮文案'}, {'type': 'text', 'contents': 'buttonTexts'}] }, { name: 'filterPlaceholder', type: 'text', default: '', label: [{'type': 'tips', 'contents': '搜索框占位符'}, {'type': 'text', 'contents': 'filterPlaceholder'}] }, { name: 'filterMethod', type: 'text', label: [{'type': 'tips', 'contents': '自定义搜索方法'}, {'type': 'text', 'contents': 'filterMethod'}] }, { name: 'leftDefaultChecked', type: 'text', default: '[ ]', label: [{'type': 'tips', 'contents': '初始状态下左侧列表的已勾选项的 key 数组'}, {'type': 'text', 'contents': 'leftDefaultChecked'}] }, { name: 'rightDefaultChecked', type: 'text', default: '[ ]', label: [{'type': 'tips', 'contents': '初始状态下右侧列表的已勾选项的 key 数组'}, {'type': 'text', 'contents': 'rightDefaultChecked'}] }, { name: 'renderContent', type: 'text', label: [{'type': 'tips', 'contents': '自定义数据项渲染函数'}, {'type': 'text', 'contents': 'renderContent'}] }, { name: 'format', type: 'text', default: '{ }', label: [{'type': 'tips', 'contents': '列表顶部勾选状态文案'}, {'type': 'text', 'contents': 'format'}] }, { name: 'filterable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否可搜索'}, {'type': 'text', 'contents': 'filterable'}] }, { name: 'props', type: 'text', default: '{ label: \'label\', key: \'key\', disabled: \'disabled\' }', label: [{'type': 'tips', 'contents': '数据源的字段别名'}, {'type': 'text', 'contents': 'props'}] }, { name: 'targetOrder', type: 'select', default: 'original', data: ['original', 'push', 'unshift'], label: [{'type': 'tips', 'contents': '右侧列表元素的排序策略:若为 original,则保持与数据源相同的顺序;若为 push,则新加入的元素排在最后;若为 unshift,则新加入的元素排在最前'}, {'type': 'text', 'contents': 'targetOrder'}] }] },
|
|
41
|
+
{ name: 'EsCron', doc: '/cron', description: '表达式', props: [{ name: 'size', type: 'select', default: 'small', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '组件尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'years', type: 'text', default: '{min: 10,max: 100}', label: [{'type': 'tips', 'contents': '年份范围(以当前年份为基准)'}, {'type': 'text', 'contents': 'years'}] }, { name: 'showValue', type: 'select', default: true, data: ['true', 'false'], label: [{'type': 'tips', 'contents': '是否显示绑定值'}, {'type': 'text', 'contents': 'showValue'}] }] },
|
|
42
|
+
{ name: 'EsForm', doc: '/form', description: '表单', props: [{ name: 'model', type: 'text', label: [{'type': 'tips', 'contents': '表单数据对象'}, {'type': 'text', 'contents': 'model'}] }, { name: 'rules', type: 'text', label: [{'type': 'tips', 'contents': '表单验证规则'}, {'type': 'text', 'contents': 'rules'}] }, { name: 'labelPosition', type: 'select', default: 'left', data: ['left', 'right', 'top'], label: [{'type': 'tips', 'contents': '表单域标签的位置'}, {'type': 'text', 'contents': 'labelPosition'}] }, { name: 'labelSuffix', type: 'text', default: '', label: [{'type': 'tips', 'contents': '表单域标签的后缀'}, {'type': 'text', 'contents': 'labelSuffix'}] }, { name: 'inline', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为行内表单'}, {'type': 'text', 'contents': 'inline'}] }, { name: 'inlineMessage', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否以行内形式显示校验错误信息'}, {'type': 'text', 'contents': 'inlineMessage'}] }, { name: 'statusIcon', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否在输入框中显示校验状态图标'}, {'type': 'text', 'contents': 'statusIcon'}] }, { name: 'showMessage', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示校验错误信息'}, {'type': 'text', 'contents': 'showMessage'}] }, { name: 'size', type: 'select', data: ['large', 'medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '表单控件大小'}, {'type': 'text', 'contents': 'size'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用所有表单控件'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'validateOnRuleChange', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '验证规则改变时是否重新验证'}, {'type': 'text', 'contents': 'validateOnRuleChange'}] }, { name: 'hides', type: 'text', label: [{'type': 'tips', 'contents': '隐藏字段'}, {'type': 'text', 'contents': 'hides'}] }, { name: 'labelWidth', type: 'text', default: '120px', label: [{'type': 'tips', 'contents': '表单域标签的宽度'}, {'type': 'text', 'contents': 'labelWidth'}] }, { name: 'columns', type: 'number', default: 1, label: [{'type': 'tips', 'contents': '列数'}, {'type': 'text', 'contents': 'columns'}] }, { name: 'readonly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '表单只读'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '渲染表单的内容'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'buttons', type: 'text', label: [{'type': 'tips', 'contents': '按钮组配置'}, {'type': 'text', 'contents': 'buttons'}] }, { name: 'showDefaultButtons', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'showDefaultButtons'}, {'type': 'text', 'contents': 'showDefaultButtons'}] }, { name: 'search', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '表单搜索按钮'}, {'type': 'text', 'contents': 'search'}] }, { name: 'submit', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '显示提交按钮'}, {'type': 'text', 'contents': 'submit'}] }, { name: 'reset', type: 'switch', default: 'true', label: [{'type': 'tips', 'contents': '显示重置按钮'}, {'type': 'text', 'contents': 'reset'}] }, { name: 'save', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '保存按钮'}, {'type': 'text', 'contents': 'save'}] }, { name: 'onValidate', type: 'text', label: [{'type': 'tips', 'contents': '自定义全局验证函数'}, {'type': 'text', 'contents': 'onValidate'}] }, { name: 'ajaxConfig', type: 'text', label: [{'type': 'tips', 'contents': '全局 ajax 参数'}, {'type': 'text', 'contents': 'ajaxConfig'}] }, { name: 'action', type: 'text', label: [{'type': 'tips', 'contents': '提交接口地址'}, {'type': 'text', 'contents': 'action'}] }, { name: 'encrypts', type: 'text', label: [{'type': 'tips', 'contents': '加密字段'}, {'type': 'text', 'contents': 'encrypts'}] }, { name: 'isLoading', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示加载状态'}, {'type': 'text', 'contents': 'isLoading'}] }, { name: 'full', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否全屏'}, {'type': 'text', 'contents': 'full'}] }, { name: 'space', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'space'}, {'type': 'text', 'contents': 'space'}] }, { name: 'showButtons', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'showButtons'}, {'type': 'text', 'contents': 'showButtons'}] }] },
|
|
43
|
+
{ name: 'EsFlow', doc: '/flow', description: '流程', props: [{ name: 'showShrink', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'showShrink'}, {'type': 'text', 'contents': 'showShrink'}] }, { name: 'isStartFlow', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否发起流程'}, {'type': 'text', 'contents': 'isStartFlow'}] }, { name: 'businessId', type: 'text', default: '', label: [{'type': 'tips', 'contents': '业务 id (isStartFlow 为 true 时必传)'}, {'type': 'text', 'contents': 'businessId'}] }, { name: 'pendingId', type: 'text', default: '', label: [{'type': 'tips', 'contents': '待办 id (办理流程必传)'}, {'type': 'text', 'contents': 'pendingId'}] }, { name: 'nodeName', type: 'text', default: '', label: [{'type': 'tips', 'contents': '当前节点'}, {'type': 'text', 'contents': 'nodeName'}] }, { name: 'typeCode', type: 'select', default: '', data: ['supervise(督办)'], label: [{'type': 'tips', 'contents': '类型编码(办理流程必传)'}, {'type': 'text', 'contents': 'typeCode'}] }, { name: 'selectorConfig', type: 'text', label: [{'type': 'tips', 'contents': 'selectorConfig'}, {'type': 'text', 'contents': 'selectorConfig'}] }, { name: 'flowTypeCode', type: 'text', default: '', label: [{'type': 'tips', 'contents': '流程类型 code 码 (isStartFlow 为 true 时必传)'}, {'type': 'text', 'contents': 'flowTypeCode'}] }, { name: 'defaultProcessKey', type: 'text', default: '', label: [{'type': 'tips', 'contents': '默认关联流程 key'}, {'type': 'text', 'contents': 'defaultProcessKey'}] }, { name: 'hideBtn', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'hideBtn'}, {'type': 'text', 'contents': 'hideBtn'}] }, { name: 'isCirculate', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'isCirculate'}, {'type': 'text', 'contents': 'isCirculate'}] }, { name: 'formLabelPosition', type: 'text', default: 'right', label: [{'type': 'tips', 'contents': 'formLabelPosition'}, {'type': 'text', 'contents': 'formLabelPosition'}] }, { name: 'flowListDisabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'flowListDisabled'}, {'type': 'text', 'contents': 'flowListDisabled'}] }, { name: 'btnList', type: 'select', default: '[{ text: \'提交\', event: \'sub\', type: \'primary\' },{ text: \'暂存\', event: \'save\' }]', data: ['event 可选值 sub、save'], label: [{'type': 'tips', 'contents': '自定义配置按钮'}, {'type': 'text', 'contents': 'btnList'}] }, { name: 'subFun', type: 'text', default: 'function(callBack){callBack()}', label: [{'type': 'tips', 'contents': '流程提交方法回调,调用 callBack()执行提交流程'}, {'type': 'text', 'contents': 'subFun'}] }, { name: 'urgencyLevel', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'urgencyLevel'}, {'type': 'text', 'contents': 'urgencyLevel'}] }, { name: 'beforeSubmit', type: 'text', label: [{'type': 'tips', 'contents': '提交流程之前的钩子,若返回 Promise 且被 reject 或 被 resolve(false),则停止提交流程。(与 sub-fun 同时使用时只会执行 before-submit 钩子)'}, {'type': 'text', 'contents': 'beforeSubmit'}] }, { name: 'title', type: 'text', default: '流程办理', label: [{'type': 'tips', 'contents': 'title'}, {'type': 'text', 'contents': 'title'}] }, { name: 'formTitle', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'formTitle'}, {'type': 'text', 'contents': 'formTitle'}] }, { name: 'closeParent', type: 'switch', label: [{'type': 'tips', 'contents': 'closeParent'}, {'type': 'text', 'contents': 'closeParent'}] }, { name: 'param', type: 'text', label: [{'type': 'tips', 'contents': 'param'}, {'type': 'text', 'contents': 'param'}] }, { name: 'subParams', type: 'text', label: [{'type': 'tips', 'contents': 'subParams'}, {'type': 'text', 'contents': 'subParams'}] }, { name: 'selectorParams', type: 'text', label: [{'type': 'tips', 'contents': 'selectorParams'}, {'type': 'text', 'contents': 'selectorParams'}] }, { name: 'width', type: 'text', label: [{'type': 'tips', 'contents': 'width'}, {'type': 'text', 'contents': 'width'}] }, { name: 'resetAppId', type: 'text', label: [{'type': 'tips', 'contents': 'resetAppId'}, {'type': 'text', 'contents': 'resetAppId'}] }, { name: 'userSelectRange', type: 'text', label: [{'type': 'tips', 'contents': 'userSelectRange'}, {'type': 'text', 'contents': 'userSelectRange'}] }, { name: 'rows', type: 'text', default: 10, label: [{'type': 'tips', 'contents': 'rows'}, {'type': 'text', 'contents': 'rows'}] }, { name: 'showOther', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'showOther'}, {'type': 'text', 'contents': 'showOther'}] }, { name: 'isEndMessage', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'isEndMessage'}, {'type': 'text', 'contents': 'isEndMessage'}] }] }
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
label: 'Data',
|
|
48
|
+
children: [
|
|
49
|
+
{ name: 'EsToolbar', doc: '/toolbar', description: '工具栏', props: [{ name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '内容配置,包含按钮组、搜索表单、高级过滤和信息显示等'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'active', type: 'text', label: [{'type': 'tips', 'contents': '当前激活的标签页'}, {'type': 'text', 'contents': 'active'}] }, { name: 'close', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '高级搜索提交时是否关闭搜索框'}, {'type': 'text', 'contents': 'close'}] }, { name: 'callBack', type: 'text', default: '() => {}', label: [{'type': 'tips', 'contents': '回调函数'}, {'type': 'text', 'contents': 'callBack'}] }, { name: 'inline', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否为内联布局'}, {'type': 'text', 'contents': 'inline'}] }] },
|
|
50
|
+
{ name: 'EsTable', doc: '/table', description: '表格', props: [{ name: 'form', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为表单模式'}, {'type': 'text', 'contents': 'form'}] }, { name: 'thead', type: 'text', label: [{'type': 'tips', 'contents': '表头配置'}, {'type': 'text', 'contents': 'thead'}] }, { name: 'data', type: 'text', label: [{'type': 'tips', 'contents': '显示的数据'}, {'type': 'text', 'contents': 'data'}] }, { name: 'totalRow', type: 'text', default: '如{ price1: 666, price2: 999 }', label: [{'type': 'tips', 'contents': '数据总和,求和时用,优先使用此数据'}, {'type': 'text', 'contents': 'totalRow'}] }, { name: 'size', type: 'select', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': 'Table 的尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'width', type: 'text', label: [{'type': 'tips', 'contents': 'Table 的宽度'}, {'type': 'text', 'contents': 'width'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': 'Table 的高度,默认为自动高度。如果 height 为 number 类型,单位 px;如果 height 为 string 类型,则这个高度会设置为 Table 的 style.height 的值,Table 的高度会受控于外部样式。'}, {'type': 'text', 'contents': 'height'}] }, { name: 'maxHeight', type: 'text', label: [{'type': 'tips', 'contents': 'Table 的最大高度。合法的值为数字或者单位为 px 的高度。'}, {'type': 'text', 'contents': 'maxHeight'}] }, { name: 'fit', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '列的宽度是否自撑开'}, {'type': 'text', 'contents': 'fit'}] }, { name: 'stripe', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为斑马纹 table'}, {'type': 'text', 'contents': 'stripe'}] }, { name: 'border', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否带有纵向边框'}, {'type': 'text', 'contents': 'border'}] }, { name: 'rowKey', type: 'text', label: [{'type': 'tips', 'contents': '行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能与显示树形数据时,该属性是必填的。类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。'}, {'type': 'text', 'contents': 'rowKey'}] }, { name: 'context', type: 'text', label: [{'type': 'tips', 'contents': '上下文对象'}, {'type': 'text', 'contents': 'context'}] }, { name: 'showHeader', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示表头'}, {'type': 'text', 'contents': 'showHeader'}] }, { name: 'showSummary', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '是否在表尾显示合计行'}, {'type': 'text', 'contents': 'showSummary'}] }, { name: 'topRow', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '合计是否显示在第一行'}, {'type': 'text', 'contents': 'topRow'}] }, { name: 'sumText', type: 'text', default: '合计', label: [{'type': 'tips', 'contents': '合计行第一列的文本'}, {'type': 'text', 'contents': 'sumText'}] }, { name: 'summaryMethod', type: 'text', label: [{'type': 'tips', 'contents': '自定义的合计计算方法'}, {'type': 'text', 'contents': 'summaryMethod'}] }, { name: 'rowClassName', type: 'text', label: [{'type': 'tips', 'contents': '行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。'}, {'type': 'text', 'contents': 'rowClassName'}] }, { name: 'rowStyle', type: 'text', label: [{'type': 'tips', 'contents': '行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style。'}, {'type': 'text', 'contents': 'rowStyle'}] }, { name: 'cellClassName', type: 'text', label: [{'type': 'tips', 'contents': '单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className。'}, {'type': 'text', 'contents': 'cellClassName'}] }, { name: 'cellStyle', type: 'text', label: [{'type': 'tips', 'contents': '单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有单元格设置一样的 Style。'}, {'type': 'text', 'contents': 'cellStyle'}] }, { name: 'headerRowClassName', type: 'text', label: [{'type': 'tips', 'contents': '表头行的 className 的回调方法,也可以使用字符串为所有表头行设置一个固定的 className。'}, {'type': 'text', 'contents': 'headerRowClassName'}] }, { name: 'headerRowStyle', type: 'text', label: [{'type': 'tips', 'contents': '表头行的 style 的回调方法,也可以使用一个固定的 Object 为所有表头行设置一样的 Style。'}, {'type': 'text', 'contents': 'headerRowStyle'}] }, { name: 'headerCellClassName', type: 'text', label: [{'type': 'tips', 'contents': '表头单元格的 className 的回调方法,也可以使用字符串为所有表头单元格设置一个固定的 className。'}, {'type': 'text', 'contents': 'headerCellClassName'}] }, { name: 'headerCellStyle', type: 'text', label: [{'type': 'tips', 'contents': '表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。'}, {'type': 'text', 'contents': 'headerCellStyle'}] }, { name: 'highlightCurrentRow', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否要高亮当前行'}, {'type': 'text', 'contents': 'highlightCurrentRow'}] }, { name: 'currentRowKey', type: 'text', label: [{'type': 'tips', 'contents': '当前行的 key,只写属性'}, {'type': 'text', 'contents': 'currentRowKey'}] }, { name: 'emptyText', type: 'text', default: '暂无数据', label: [{'type': 'tips', 'contents': '空数据时显示的文本内容,也可以通过 slot=\'empty\' 设置'}, {'type': 'text', 'contents': 'emptyText'}] }, { name: 'expandRowKeys', type: 'text', label: [{'type': 'tips', 'contents': '可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。'}, {'type': 'text', 'contents': 'expandRowKeys'}] }, { name: 'defaultExpandAll', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '是否默认展开所有行,当 Table 包含展开行存在或者为树形表格时有效'}, {'type': 'text', 'contents': 'defaultExpandAll'}] }, { name: 'defaultSort', type: 'select', default: '如果只指定了prop, 没有指定order, 则默认顺序是 ascending', data: ['order: ascending, descending'], label: [{'type': 'tips', 'contents': '默认的排序列的 prop 和顺序。它的prop属性指定默认的排序的列,order指定默认排序的顺序'}, {'type': 'text', 'contents': 'defaultSort'}] }, { name: 'tooltipEffect', type: 'select', default: 'dark', data: ['dark', 'light'], label: [{'type': 'tips', 'contents': 'tooltip effect 属性'}, {'type': 'text', 'contents': 'tooltipEffect'}] }, { name: 'spanMethod', type: 'text', label: [{'type': 'tips', 'contents': '合并行或列的计算方法'}, {'type': 'text', 'contents': 'spanMethod'}] }, { name: 'selectOnIndeterminate', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '在多选表格中,当仅有部分行被选中时,点击表头的多选框时的行为。若为 true,则选中所有行;若为 false,则取消选择所有行'}, {'type': 'text', 'contents': 'selectOnIndeterminate'}] }, { name: 'indent', type: 'number', default: 16, label: [{'type': 'tips', 'contents': '展示树形数据时,树节点的缩进'}, {'type': 'text', 'contents': 'indent'}] }, { name: 'treeProps', type: 'text', default: '{ hasChildren: \'hasChildren\', children: \'children\' }', label: [{'type': 'tips', 'contents': '渲染嵌套数据的配置选项'}, {'type': 'text', 'contents': 'treeProps'}] }, { name: 'lazy', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '是否懒加载子节点数据'}, {'type': 'text', 'contents': 'lazy'}] }, { name: 'readonly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否为只读模式'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'load', type: 'text', label: [{'type': 'tips', 'contents': '加载子节点数据的函数,lazy 为 true 时生效,函数第二个参数包含了节点的层级信息'}, {'type': 'text', 'contents': 'load'}] }, { name: 'beautifyScrollbar', type: 'switch', default: 'true', label: [{'type': 'tips', 'contents': '是否对滚动条进行美化'}, {'type': 'text', 'contents': 'beautifyScrollbar'}] }, { name: 'tooltipWidth', type: 'text', default: 'auto', label: [{'type': 'tips', 'contents': '当内容过长被隐藏时显示 tooltip 的最大宽度'}, {'type': 'text', 'contents': 'tooltipWidth'}] }, { name: 'dragSort', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '是否行拖拽排序(需清除列固定)'}, {'type': 'text', 'contents': 'dragSort'}] }, { name: 'dragSortClass', type: 'text', label: [{'type': 'tips', 'contents': '行拖拽排序指示器(handle)类名'}, {'type': 'text', 'contents': 'dragSortClass'}] }, { name: 'infiniteScroll', type: 'text', label: [{'type': 'tips', 'contents': '无限滚动的回调方法'}, {'type': 'text', 'contents': 'infiniteScroll'}] }, { name: 'infiniteScrollDisabled', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '是否禁用无限滚动'}, {'type': 'text', 'contents': 'infiniteScrollDisabled'}] }, { name: 'infiniteScrollDistance', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '无限滚动的触发距离'}, {'type': 'text', 'contents': 'infiniteScrollDistance'}] }] },
|
|
51
|
+
{ name: 'EsDataTable', doc: '/data-table', description: '数据表格', props: [{ name: 'readonly', type: 'switch', label: [{'type': 'tips', 'contents': 'readonly'}, {'type': 'text', 'contents': 'readonly'}] }, { name: 'full', type: 'switch', label: [{'type': 'tips', 'contents': 'full'}, {'type': 'text', 'contents': 'full'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': 'height'}, {'type': 'text', 'contents': 'height'}] }, { name: 'maxHeight', type: 'text', label: [{'type': 'tips', 'contents': 'maxHeight'}, {'type': 'text', 'contents': 'maxHeight'}] }, { name: 'toolbar', type: 'text', label: [{'type': 'tips', 'contents': 'toolbar'}, {'type': 'text', 'contents': 'toolbar'}] }, { name: 'title', type: 'text', label: [{'type': 'tips', 'contents': 'title'}, {'type': 'text', 'contents': 'title'}] }, { name: 'thead', type: 'text', label: [{'type': 'tips', 'contents': 'thead'}, {'type': 'text', 'contents': 'thead'}] }, { name: 'url', type: 'text', label: [{'type': 'tips', 'contents': 'url'}, {'type': 'text', 'contents': 'url'}] }, { name: 'data', type: 'text', label: [{'type': 'tips', 'contents': 'data'}, {'type': 'text', 'contents': 'data'}] }, { name: 'method', type: 'text', default: 'get', label: [{'type': 'tips', 'contents': 'method'}, {'type': 'text', 'contents': 'method'}] }, { name: 'param', type: 'text', label: [{'type': 'tips', 'contents': 'param'}, {'type': 'text', 'contents': 'param'}] }, { name: 'page', type: 'text', label: [{'type': 'tips', 'contents': 'page'}, {'type': 'text', 'contents': 'page'}] }] },
|
|
52
|
+
{ name: 'EsTree', doc: '/tree', description: '树形控件', props: [{ name: 'title', type: 'text', label: [{'type': 'tips', 'contents': '标题'}, {'type': 'text', 'contents': 'title'}] }, { name: 'search', type: 'text', label: [{'type': 'tips', 'contents': '配置搜索功能,格式为 { placeholder: \'请输入搜索关键字\',name:\'xxx\',url:\'xxx\' }'}, {'type': 'text', 'contents': 'search'}] }, { name: 'url', type: 'text', label: [{'type': 'tips', 'contents': '展示数据接口'}, {'type': 'text', 'contents': 'url'}] }, { name: 'param', type: 'text', label: [{'type': 'tips', 'contents': '展示数据接口参数'}, {'type': 'text', 'contents': 'param'}] }, { name: 'method', type: 'select', default: 'POST', data: ['POST、GET'], label: [{'type': 'tips', 'contents': '展示数据接口方式'}, {'type': 'text', 'contents': 'method'}] }, { name: 'height', type: 'text', default: 'auto', label: [{'type': 'tips', 'contents': '高度,超出高度会出现滚动条'}, {'type': 'text', 'contents': 'height'}] }, { name: 'data', type: 'text', label: [{'type': 'tips', 'contents': '展示数据'}, {'type': 'text', 'contents': 'data'}] }, { name: 'current', type: 'select', default: 0, data: ['0,1,2'], label: [{'type': 'tips', 'contents': '接口数据默认选择的节点,Number:0 表示不选择,1 表示默认选择第一个节点,2 表示第一个节点含有子节点时下钻选择第一个子节点(不支持懒加载)'}, {'type': 'text', 'contents': 'current'}] }, { name: 'emptyText', type: 'text', default: '暂无数据', label: [{'type': 'tips', 'contents': '内容为空的时候展示的文本'}, {'type': 'text', 'contents': 'emptyText'}] }, { name: 'renderAfterExpand', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否在第一次展开某个树节点后才渲染其子节点'}, {'type': 'text', 'contents': 'renderAfterExpand'}] }, { name: 'nodeKey', type: 'text', default: 'id', label: [{'type': 'tips', 'contents': '每个树节点用来作为唯一标识的属性,整棵树应该是唯一的'}, {'type': 'text', 'contents': 'nodeKey'}] }, { name: 'checkStrictly', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false'}, {'type': 'text', 'contents': 'checkStrictly'}] }, { name: 'defaultExpandAll', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否默认展开所有节点'}, {'type': 'text', 'contents': 'defaultExpandAll'}] }, { name: 'expandOnClickNode', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否在点击节点的时候展开或者收缩节点, 默认值为 true,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。'}, {'type': 'text', 'contents': 'expandOnClickNode'}] }, { name: 'checkOnClickNode', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否在点击节点的时候选中节点,默认值为 false,即只有在点击复选框时才会选中节点。'}, {'type': 'text', 'contents': 'checkOnClickNode'}] }, { name: 'checkDescendants', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'checkDescendants'}, {'type': 'text', 'contents': 'checkDescendants'}] }, { name: 'autoExpandParent', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '展开子节点的时候是否自动展开父节点'}, {'type': 'text', 'contents': 'autoExpandParent'}] }, { name: 'defaultCheckedKeys', type: 'text', label: [{'type': 'tips', 'contents': '默认勾选的节点的 key 的数组'}, {'type': 'text', 'contents': 'defaultCheckedKeys'}] }, { name: 'defaultExpandedKeys', type: 'text', label: [{'type': 'tips', 'contents': '默认展开的节点的 key 的数组'}, {'type': 'text', 'contents': 'defaultExpandedKeys'}] }, { name: 'currentNodeKey', type: 'text', label: [{'type': 'tips', 'contents': '当前选中的节点'}, {'type': 'text', 'contents': 'currentNodeKey'}] }, { name: 'renderContent', type: 'text', label: [{'type': 'tips', 'contents': '树节点的内容区的渲染 Function'}, {'type': 'text', 'contents': 'renderContent'}] }, { name: 'renderIcon', type: 'text', label: [{'type': 'tips', 'contents': '树节点的图标区的渲染 Function'}, {'type': 'text', 'contents': 'renderIcon'}] }, { name: 'showCheckbox', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '节点是否可被选择'}, {'type': 'text', 'contents': 'showCheckbox'}] }, { name: 'draggable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否开启拖拽节点功能'}, {'type': 'text', 'contents': 'draggable'}] }, { name: 'allowDrag', type: 'text', label: [{'type': 'tips', 'contents': '判断节点能否被拖拽'}, {'type': 'text', 'contents': 'allowDrag'}] }, { name: 'allowDrop', type: 'text', label: [{'type': 'tips', 'contents': '拖拽时判定目标节点能否被放置。type 参数有三种情况:\'prev\'、\'inner\' 和 \'next\',分别表示放置在目标节点前、插入至目标节点和放置在目标节点后'}, {'type': 'text', 'contents': 'allowDrop'}] }, { name: 'props', type: 'text', default: '{ children: \'children\', label: \'label\', disabled: \'disabled\' }', label: [{'type': 'tips', 'contents': '配置选项,具体看下表'}, {'type': 'text', 'contents': 'props'}] }, { name: 'lazy', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否懒加载子节点,需与 load 方法结合使用,当传入 url 时可根据数据中的 subNode / hasChildren/ isParent 属性判断是否懒加载子节点'}, {'type': 'text', 'contents': 'lazy'}] }, { name: 'highlightCurrent', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否高亮当前选中节点,默认值是 false。'}, {'type': 'text', 'contents': 'highlightCurrent'}] }, { name: 'load', type: 'text', label: [{'type': 'tips', 'contents': '加载子树数据的方法,仅当 lazy 属性为 true 时生效,当传入 url 时可不传'}, {'type': 'text', 'contents': 'load'}] }, { name: 'loadKey', type: 'text', default: 'id', label: [{'type': 'tips', 'contents': '加载子树数据的参数 key'}, {'type': 'text', 'contents': 'loadKey'}] }, { name: 'parseData', type: 'text', label: [{'type': 'tips', 'contents': '解析数据的方法 ,需返回结果'}, {'type': 'text', 'contents': 'parseData'}] }, { name: 'filterNodeMethod', type: 'text', label: [{'type': 'tips', 'contents': '对树节点进行筛选时执行的方法,返回 true 表示这个节点可以显示,返回 false 则表示这个节点会被隐藏'}, {'type': 'text', 'contents': 'filterNodeMethod'}] }, { name: 'accordion', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否每次只打开一个同级树节点展开'}, {'type': 'text', 'contents': 'accordion'}] }, { name: 'indent', type: 'number', default: 18, label: [{'type': 'tips', 'contents': '相邻级节点间的水平缩进,单位为像素'}, {'type': 'text', 'contents': 'indent'}] }, { name: 'multiple', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'multiple'}, {'type': 'text', 'contents': 'multiple'}] }, { name: 'parentCheck', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'parentCheck'}, {'type': 'text', 'contents': 'parentCheck'}] }, { name: 'icons', type: 'text', default: '{ jituan: \'es-icon-shu-jituan\', qiye: \'es-icon-shu-qiye\', gongsi: \'es-icon-qiye\', bumen: \'es-icon-shu-bumen\' }', label: [{'type': 'tips', 'contents': '自定义树节点的图标'}, {'type': 'text', 'contents': 'icons'}] }, { name: 'icon', type: 'text', default: 'es-icon-chaoyou', label: [{'type': 'tips', 'contents': '自定义树节点展开收起的图标,支持图片字体、图标'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'mode', type: 'select', default: 'default', data: ['default、menu'], label: [{'type': 'tips', 'contents': '树的样式'}, {'type': 'text', 'contents': 'mode'}] }, { name: 'handles', type: 'text', label: [{'type': 'tips', 'contents': '配置操作按钮,格式为 { icon: \'es-icon-circle-jia\', event: (data, node) => { console.log(data, node); } }'}, {'type': 'text', 'contents': 'handles'}] }] },
|
|
53
|
+
{ name: 'EsTreeGroup', doc: '/tree-group', description: '树组合', props: [{ name: 'tabs', type: 'text', label: [{'type': 'tips', 'contents': 'tabs'}, {'type': 'text', 'contents': 'tabs'}] }, { name: 'active', type: 'text', default: '0', label: [{'type': 'tips', 'contents': 'active'}, {'type': 'text', 'contents': 'active'}] }, { name: 'tree', type: 'text', label: [{'type': 'tips', 'contents': 'tree'}, {'type': 'text', 'contents': 'tree'}] }, { name: 'table', type: 'text', label: [{'type': 'tips', 'contents': 'table'}, {'type': 'text', 'contents': 'table'}] }, { name: 'form', type: 'text', label: [{'type': 'tips', 'contents': 'form'}, {'type': 'text', 'contents': 'form'}] }, { name: 'iframe', type: 'text', label: [{'type': 'tips', 'contents': 'iframe'}, {'type': 'text', 'contents': 'iframe'}] }, { name: 'enterprise', type: 'text', label: [{'type': 'tips', 'contents': 'enterprise'}, {'type': 'text', 'contents': 'enterprise'}] }, { name: 'checkesAsParams', type: 'text', default: true, label: [{'type': 'tips', 'contents': 'checkesAsParams'}, {'type': 'text', 'contents': 'checkesAsParams'}] }] },
|
|
54
|
+
{ name: 'EsFlowGroup', doc: '/flow-group', description: '流程组合', props: [{ name: 'autoId', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'autoId'}, {'type': 'text', 'contents': 'autoId'}] }, { name: 'active', type: 'text', default: '0', label: [{'type': 'tips', 'contents': 'active'}, {'type': 'text', 'contents': 'active'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': 'contents'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'closeWindow', type: 'switch', label: [{'type': 'tips', 'contents': 'closeWindow'}, {'type': 'text', 'contents': 'closeWindow'}] }, { name: 'closeDialog', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'closeDialog'}, {'type': 'text', 'contents': 'closeDialog'}] }, { name: 'otherValidate', type: 'text', label: [{'type': 'tips', 'contents': 'otherValidate'}, {'type': 'text', 'contents': 'otherValidate'}] }, { name: 'flow', type: 'text', label: [{'type': 'tips', 'contents': 'flow'}, {'type': 'text', 'contents': 'flow'}] }, { name: 'events', type: 'text', label: [{'type': 'tips', 'contents': 'events'}, {'type': 'text', 'contents': 'events'}] }, { name: 'recordid', type: 'text', label: [{'type': 'tips', 'contents': 'recordid'}, {'type': 'text', 'contents': 'recordid'}] }, { name: 'pendingId', type: 'text', label: [{'type': 'tips', 'contents': 'pendingId'}, {'type': 'text', 'contents': 'pendingId'}] }, { name: 'arcurl', type: 'text', label: [{'type': 'tips', 'contents': 'arcurl'}, {'type': 'text', 'contents': 'arcurl'}] }, { name: 'itemname', type: 'text', label: [{'type': 'tips', 'contents': 'itemname'}, {'type': 'text', 'contents': 'itemname'}] }, { name: 'show', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'show'}, {'type': 'text', 'contents': 'show'}] }, { name: 'closeParent', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'closeParent'}, {'type': 'text', 'contents': 'closeParent'}] }, { name: 'appId', type: 'text', label: [{'type': 'tips', 'contents': 'appId'}, {'type': 'text', 'contents': 'appId'}] }, { name: 'zoom', type: 'text', label: [{'type': 'tips', 'contents': 'zoom'}, {'type': 'text', 'contents': 'zoom'}] }, { name: 'width', type: 'text', default: '360px', label: [{'type': 'tips', 'contents': 'width'}, {'type': 'text', 'contents': 'width'}] }, { name: 'refs', type: 'text', label: [{'type': 'tips', 'contents': 'refs'}, {'type': 'text', 'contents': 'refs'}] }, { name: 'isSubmit', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'isSubmit'}, {'type': 'text', 'contents': 'isSubmit'}] }] },
|
|
55
|
+
{ name: 'EsTag', doc: '/tag', description: '标签', props: [{ name: 'text', type: 'text', label: [{'type': 'tips', 'contents': '标签文本'}, {'type': 'text', 'contents': 'text'}] }, { name: 'closable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否可关闭'}, {'type': 'text', 'contents': 'closable'}] }, { name: 'type', type: 'select', data: ['success', 'info', 'warning', 'danger'], label: [{'type': 'tips', 'contents': '类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'hit', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否有边框描边'}, {'type': 'text', 'contents': 'hit'}] }, { name: 'disableTransitions', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用渐变动画'}, {'type': 'text', 'contents': 'disableTransitions'}] }, { name: 'color', type: 'text', label: [{'type': 'tips', 'contents': '背景色'}, {'type': 'text', 'contents': 'color'}] }, { name: 'size', type: 'select', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'effect', type: 'select', default: 'light', data: ['dark', 'light', 'plain'], label: [{'type': 'tips', 'contents': '主题'}, {'type': 'text', 'contents': 'effect'}] }] },
|
|
56
|
+
{ name: 'EsProgress', doc: '/progress', description: '进度条', props: [{ name: 'type', type: 'select', default: 'line', data: ['line', 'circle', 'dashboard'], label: [{'type': 'tips', 'contents': '进度条类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'percentage', type: 'number', default: 0, label: [{'type': 'tips', 'contents': 'percentage'}, {'type': 'text', 'contents': 'percentage'}] }, { name: 'status', type: 'select', data: ['success', 'exception', 'warning'], label: [{'type': 'tips', 'contents': '进度条当前状态'}, {'type': 'text', 'contents': 'status'}] }, { name: 'strokeWidth', type: 'number', default: 6, label: [{'type': 'tips', 'contents': '进度条的宽度,单位 px'}, {'type': 'text', 'contents': 'strokeWidth'}] }, { name: 'strokeLinecap', type: 'select', default: 'round', data: ['butt', 'round', 'square'], label: [{'type': 'tips', 'contents': 'circle/dashboard 类型路径两端的形状'}, {'type': 'text', 'contents': 'strokeLinecap'}] }, { name: 'textInside', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '进度条显示文字内置在进度条内(只在 type=line 时可用)'}, {'type': 'text', 'contents': 'textInside'}] }, { name: 'textPosition', type: 'select', default: '', data: ['top', 'bottom'], label: [{'type': 'tips', 'contents': '进度条显示文字外置时的位置(只在 type=line 时可用)'}, {'type': 'text', 'contents': 'textPosition'}] }, { name: 'width', type: 'number', default: 126, label: [{'type': 'tips', 'contents': '环形进度条画布宽度(只在 type 为 circle 或 dashboard 时可用)'}, {'type': 'text', 'contents': 'width'}] }, { name: 'showText', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示进度条文字内容'}, {'type': 'text', 'contents': 'showText'}] }, { name: 'color', type: 'text', default: '', label: [{'type': 'tips', 'contents': '进度条前景色(会覆盖 status 状态颜色)'}, {'type': 'text', 'contents': 'color'}] }, { name: 'background', type: 'text', label: [{'type': 'tips', 'contents': '进度条背景色'}, {'type': 'text', 'contents': 'background'}] }, { name: 'linearGradient', type: 'text', label: [{'type': 'tips', 'contents': '进度条线性渐变背景色(会覆盖 status 状态颜色),type 为\'circle\'时有效'}, {'type': 'text', 'contents': 'linearGradient'}] }, { name: 'direction', type: 'text', default: 'x1: \'0%\',<br>y1: \'0%\',<br> x2:\'100%\',<br> y2:\'100%\'', label: [{'type': 'tips', 'contents': '进度条线性渐变背景色起始结束方位,type 为\'circle\'时有效'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'format', type: 'text', label: [{'type': 'tips', 'contents': '自定义进度条文字内容'}, {'type': 'text', 'contents': 'format'}] }] },
|
|
57
|
+
{ name: 'EsPagination', doc: '/pagination', description: '分页', props: [{ name: 'pageSize', type: 'number', default: 10, label: [{'type': 'tips', 'contents': '每页显示条目个数,支持 .sync 修饰符'}, {'type': 'text', 'contents': 'pageSize'}] }, { name: 'small', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否使用小型分页样式'}, {'type': 'text', 'contents': 'small'}] }, { name: 'total', type: 'number', label: [{'type': 'tips', 'contents': '总条目数'}, {'type': 'text', 'contents': 'total'}] }, { name: 'totalText', type: 'text', label: [{'type': 'tips', 'contents': '自定义显示总数文本'}, {'type': 'text', 'contents': 'totalText'}] }, { name: 'pageCount', type: 'number', label: [{'type': 'tips', 'contents': '总页数,total 和 page-count 设置任意一个就可以达到显示页码的功能;如果要支持 page-sizes 的更改,则需要使用 total 属性'}, {'type': 'text', 'contents': 'pageCount'}] }, { name: 'pagerCount', type: 'select', default: 7, data: ['大于等于 5 且小于等于 21 的奇数'], label: [{'type': 'tips', 'contents': '页码按钮的数量,当总页数超过该值时会折叠'}, {'type': 'text', 'contents': 'pagerCount'}] }, { name: 'currentPage', type: 'number', default: 1, label: [{'type': 'tips', 'contents': '当前页数,支持 .sync 修饰符'}, {'type': 'text', 'contents': 'currentPage'}] }, { name: 'layout', type: 'select', default: 'total,separate, sizes, prev, pager, next, jumper, ->', data: ['sizes, prev, pager, next, jumper, ->, total, slot'], label: [{'type': 'tips', 'contents': '组件布局,子组件名用逗号分隔'}, {'type': 'text', 'contents': 'layout'}] }, { name: 'pageSizes', type: 'text', default: '[10, 20, 30, 40, 50, 100]', label: [{'type': 'tips', 'contents': '每页显示个数选择器的选项设置'}, {'type': 'text', 'contents': 'pageSizes'}] }, { name: 'popperClass', type: 'text', label: [{'type': 'tips', 'contents': '每页显示个数选择器的下拉框类名'}, {'type': 'text', 'contents': 'popperClass'}] }, { name: 'prevText', type: 'text', label: [{'type': 'tips', 'contents': '替代图标显示的上一页文字'}, {'type': 'text', 'contents': 'prevText'}] }, { name: 'nextText', type: 'text', label: [{'type': 'tips', 'contents': '替代图标显示的下一页文字'}, {'type': 'text', 'contents': 'nextText'}] }, { name: 'background', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否为分页按钮添加背景色'}, {'type': 'text', 'contents': 'background'}] }, { name: 'border', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'border'}, {'type': 'text', 'contents': 'border'}] }, { name: 'disabled', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否禁用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'hideOnSinglePage', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '只有一页时是否隐藏'}, {'type': 'text', 'contents': 'hideOnSinglePage'}] }, { name: 'unit', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示每页单位文本'}, {'type': 'text', 'contents': 'unit'}] }] },
|
|
58
|
+
{ name: 'EsBadge', doc: '/badge', description: '标记', props: [{ name: 'max', type: 'number', label: [{'type': 'tips', 'contents': '最大值,超过最大值会显示 \'{max}+\',要求 value 是 Number 类型'}, {'type': 'text', 'contents': 'max'}] }, { name: 'isDot', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '小圆点'}, {'type': 'text', 'contents': 'isDot'}] }, { name: 'hidden', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '隐藏 badge'}, {'type': 'text', 'contents': 'hidden'}] }, { name: 'type', type: 'select', data: ['primary', 'success', 'warning', 'danger', 'info'], label: [{'type': 'tips', 'contents': '类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'color', type: 'text', label: [{'type': 'tips', 'contents': '自定义颜色'}, {'type': 'text', 'contents': 'color'}] }] },
|
|
59
|
+
{ name: 'EsAvatar', doc: '/avatar', description: '头像', props: [{ name: 'size', type: 'select', default: 'large', data: ['number', 'large', 'medium', 'small'], label: [{'type': 'tips', 'contents': '设置头像的大小'}, {'type': 'text', 'contents': 'size'}] }, { name: 'shape', type: 'select', default: 'circle', data: ['circle', 'square'], label: [{'type': 'tips', 'contents': '设置头像的形状'}, {'type': 'text', 'contents': 'shape'}] }, { name: 'icon', type: 'text', label: [{'type': 'tips', 'contents': '设置头像的图标类型,参考 Icon 组件'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'src', type: 'text', label: [{'type': 'tips', 'contents': '图片头像的资源地址'}, {'type': 'text', 'contents': 'src'}] }, { name: 'alt', type: 'text', label: [{'type': 'tips', 'contents': '描述图像的替换文本'}, {'type': 'text', 'contents': 'alt'}] }, { name: 'srcSet', type: 'text', label: [{'type': 'tips', 'contents': '以逗号分隔的一个或多个字符串列表表明一系列用户代理使用的可能的图像'}, {'type': 'text', 'contents': 'srcSet'}] }, { name: 'error', type: 'text', label: [{'type': 'tips', 'contents': '图片加载失败的回调,返回 false 会关闭组件默认的 fallback 行为'}, {'type': 'text', 'contents': 'error'}] }, { name: 'fit', type: 'select', default: 'cover', data: ['fill', 'contain', 'cover', 'none', 'scale-down'], label: [{'type': 'tips', 'contents': '当展示类型为图片的时候,设置图片如何适应容器框'}, {'type': 'text', 'contents': 'fit'}] }] },
|
|
60
|
+
{ name: 'EsEmpty', doc: '/empty', description: '空状态', props: [{ name: 'image', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'image'}, {'type': 'text', 'contents': 'image'}] }, { name: 'imageSize', type: 'number', label: [{'type': 'tips', 'contents': 'imageSize'}, {'type': 'text', 'contents': 'imageSize'}] }, { name: 'description', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'description'}, {'type': 'text', 'contents': 'description'}] }] },
|
|
61
|
+
{ name: 'EsDescriptions', doc: '/descriptions', description: '描述列表', props: [{ name: 'border', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否带有边框'}, {'type': 'text', 'contents': 'border'}] }, { name: 'column', type: 'number', default: 3, label: [{'type': 'tips', 'contents': '一行 Descriptions Item 的数量'}, {'type': 'text', 'contents': 'column'}] }, { name: 'direction', type: 'select', default: 'horizontal', data: ['vertical', 'horizontal'], label: [{'type': 'tips', 'contents': '排列的方向'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'size', type: 'select', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '列表的尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'title', type: 'text', default: '', label: [{'type': 'tips', 'contents': '标题文本,显示在左上方'}, {'type': 'text', 'contents': 'title'}] }, { name: 'extra', type: 'text', default: '', label: [{'type': 'tips', 'contents': '操作区文本,显示在右上方'}, {'type': 'text', 'contents': 'extra'}] }, { name: 'labelStyle', type: 'text', label: [{'type': 'tips', 'contents': '自定义标签样式'}, {'type': 'text', 'contents': 'labelStyle'}] }, { name: 'contentStyle', type: 'text', label: [{'type': 'tips', 'contents': '自定义内容样式'}, {'type': 'text', 'contents': 'contentStyle'}] }, { name: 'labelClassName', type: 'text', default: '', label: [{'type': 'tips', 'contents': '自定义标签类名'}, {'type': 'text', 'contents': 'labelClassName'}] }, { name: 'contentClassName', type: 'text', default: '', label: [{'type': 'tips', 'contents': '自定义内容类名'}, {'type': 'text', 'contents': 'contentClassName'}] }, { name: 'colon', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示冒号'}, {'type': 'text', 'contents': 'colon'}] }] },
|
|
62
|
+
{ name: 'EsQrCode', doc: '/qr-code', description: '二维码', props: [{ name: 'content', type: 'text', label: [{'type': 'tips', 'contents': 'content'}, {'type': 'text', 'contents': 'content'}] }, { name: 'logo', type: 'text', label: [{'type': 'tips', 'contents': 'logo'}, {'type': 'text', 'contents': 'logo'}] }, { name: 'text', type: 'text', label: [{'type': 'tips', 'contents': 'text'}, {'type': 'text', 'contents': 'text'}] }, { name: 'size', type: 'number', label: [{'type': 'tips', 'contents': 'size'}, {'type': 'text', 'contents': 'size'}] }, { name: 'option', type: 'text', label: [{'type': 'tips', 'contents': 'option'}, {'type': 'text', 'contents': 'option'}] }, { name: 'auto', type: 'switch', label: [{'type': 'tips', 'contents': 'auto'}, {'type': 'text', 'contents': 'auto'}] }] },
|
|
63
|
+
{ name: 'EsCarousel', doc: '/carousel', description: '走马灯', props: [{ name: 'initialIndex', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '初始状态激活的幻灯片的索引,从 0 开始'}, {'type': 'text', 'contents': 'initialIndex'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': '走马灯的高度'}, {'type': 'text', 'contents': 'height'}] }, { name: 'trigger', type: 'select', default: 'hover', data: ['hover', 'click'], label: [{'type': 'tips', 'contents': '指示器的触发方式'}, {'type': 'text', 'contents': 'trigger'}] }, { name: 'autoplay', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否自动切换'}, {'type': 'text', 'contents': 'autoplay'}] }, { name: 'interval', type: 'number', default: 3000, label: [{'type': 'tips', 'contents': '自动切换的时间间隔,单位为毫秒'}, {'type': 'text', 'contents': 'interval'}] }, { name: 'indicatorPosition', type: 'select', data: ['outside', 'none'], label: [{'type': 'tips', 'contents': '指示器的位置'}, {'type': 'text', 'contents': 'indicatorPosition'}] }, { name: 'indicator', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示指示器'}, {'type': 'text', 'contents': 'indicator'}] }, { name: 'arrow', type: 'select', default: 'hover', data: ['always', 'hover', 'never'], label: [{'type': 'tips', 'contents': '切换箭头的显示时机'}, {'type': 'text', 'contents': 'arrow'}] }, { name: 'type', type: 'select', data: ['card'], label: [{'type': 'tips', 'contents': '走马灯的类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'loop', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否循环显示'}, {'type': 'text', 'contents': 'loop'}] }, { name: 'direction', type: 'select', default: 'horizontal', data: ['horizontal', 'vertical'], label: [{'type': 'tips', 'contents': '走马灯展示的方向'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '走马灯展示的内容'}, {'type': 'text', 'contents': 'contents'}] }] },
|
|
64
|
+
{ name: 'EsMarquee', doc: '/marquee', description: '无缝滚动', props: [{ name: 'data', type: 'text', label: [{'type': 'tips', 'contents': 'data'}, {'type': 'text', 'contents': 'data'}] }, { name: 'disabled', type: 'switch', label: [{'type': 'tips', 'contents': 'disabled'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'direction', type: 'select', default: 'up', data: ['up', 'down', 'left', 'right'], label: [{'type': 'tips', 'contents': 'direction'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'auto', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'auto'}, {'type': 'text', 'contents': 'auto'}] }, { name: 'speed', type: 'number', default: 1, label: [{'type': 'tips', 'contents': 'speed'}, {'type': 'text', 'contents': 'speed'}] }, { name: 'waitTime', type: 'number', default: 3000, label: [{'type': 'tips', 'contents': 'waitTime'}, {'type': 'text', 'contents': 'waitTime'}] }, { name: 'scrollLength', type: 'number', label: [{'type': 'tips', 'contents': 'scrollLength'}, {'type': 'text', 'contents': 'scrollLength'}] }] },
|
|
65
|
+
{ name: 'EsCollapse', doc: '/collapse', description: '折叠面板', props: [{ name: 'accordion', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否手风琴模式'}, {'type': 'text', 'contents': 'accordion'}] }, { name: 'arrow', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示箭头'}, {'type': 'text', 'contents': 'arrow'}] }, { name: 'icon', type: 'text', label: [{'type': 'tips', 'contents': '面板图标'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '面板内容'}, {'type': 'text', 'contents': 'contents'}] }] },
|
|
66
|
+
{ name: 'EsTimeline', doc: '/timeline', description: '时间线', props: [{ name: 'reverse', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '指定节点排序方向,默认为正序'}, {'type': 'text', 'contents': 'reverse'}] }, { name: 'mode', type: 'select', default: 'vertical', data: ['horizontal', 'vertical'], label: [{'type': 'tips', 'contents': '模式'}, {'type': 'text', 'contents': 'mode'}] }] },
|
|
67
|
+
{ name: 'EsCalendar', doc: '/calendar', description: '日历', props: [{ name: 'range', type: 'text', label: [{'type': 'tips', 'contents': '时间范围,包括开始时间与结束时间。开始时间必须是周一,结束时间必须是周日,且时间跨度不能超过两个月。'}, {'type': 'text', 'contents': 'range'}] }, { name: 'firstDayOfWeek', type: 'select', default: 1, data: ['1 到 7'], label: [{'type': 'tips', 'contents': '周起始日'}, {'type': 'text', 'contents': 'firstDayOfWeek'}] }] },
|
|
68
|
+
{ name: 'EsFlip', doc: '/flip', description: '数字反转', props: [{ name: 'number', type: 'select', data: [0, -9], label: [{'type': 'tips', 'contents': 'number'}, {'type': 'text', 'contents': 'number'}] }, { name: 'color', type: 'text', default: '#333', label: [{'type': 'tips', 'contents': 'color'}, {'type': 'text', 'contents': 'color'}] }, { name: 'fontSize', type: 'text', label: [{'type': 'tips', 'contents': 'fontSize'}, {'type': 'text', 'contents': 'fontSize'}] }, { name: 'size', type: 'select', default: 'medium', data: ['mini', 'small', 'medium'], label: [{'type': 'tips', 'contents': 'size'}, {'type': 'text', 'contents': 'size'}] }] }
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
label: 'Feedback',
|
|
73
|
+
children: [
|
|
74
|
+
{ name: 'EsAlert', doc: '/alert', description: '警告', props: [{ name: 'title', type: 'text', default: '', label: [{'type': 'tips', 'contents': '标题'}, {'type': 'text', 'contents': 'title'}] }, { name: 'description', type: 'text', default: '', label: [{'type': 'tips', 'contents': '辅助性文字。也可通过默认 slot 传入'}, {'type': 'text', 'contents': 'description'}] }, { name: 'type', type: 'select', default: 'info', data: ['success', 'warning', 'info', 'error'], label: [{'type': 'tips', 'contents': '主题'}, {'type': 'text', 'contents': 'type'}] }, { name: 'closable', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否可关闭'}, {'type': 'text', 'contents': 'closable'}] }, { name: 'closeText', type: 'text', default: '', label: [{'type': 'tips', 'contents': '关闭按钮自定义文本'}, {'type': 'text', 'contents': 'closeText'}] }, { name: 'showIcon', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示图标'}, {'type': 'text', 'contents': 'showIcon'}] }, { name: 'center', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '文字是否居中'}, {'type': 'text', 'contents': 'center'}] }, { name: 'effect', type: 'select', default: 'light', data: ['light', 'dark'], label: [{'type': 'tips', 'contents': '选择提供的主题'}, {'type': 'text', 'contents': 'effect'}] }] },
|
|
75
|
+
{ name: 'EsLoading', doc: '/loading', description: '加载', props: [] },
|
|
76
|
+
{ name: 'EsGuide', doc: '/guide', description: '功能引导', props: [] },
|
|
77
|
+
{ name: 'EsMessage', doc: '/message', description: '消息提示', props: [] },
|
|
78
|
+
{ name: 'EsMessageBox', doc: '/message-box', description: '弹框', props: [] },
|
|
79
|
+
{ name: 'EsNotification', doc: '/notification', description: '通知', props: [] },
|
|
80
|
+
{ name: 'EsDialog', doc: '/dialog', description: '对话框', props: [{ name: 'id', type: 'text', label: [{'type': 'tips', 'contents': 'Dialog 的唯一标识'}, {'type': 'text', 'contents': 'id'}] }, { name: 'title', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'Dialog 的标题,也可通过具名 slot (见下表)传入'}, {'type': 'text', 'contents': 'title'}] }, { name: 'modal', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否需要遮罩层'}, {'type': 'text', 'contents': 'modal'}] }, { name: 'modalAppendToBody', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上'}, {'type': 'text', 'contents': 'modalAppendToBody'}] }, { name: 'appendToBody', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true'}, {'type': 'text', 'contents': 'appendToBody'}] }, { name: 'lockScroll', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否在 Dialog 出现时将 body 滚动锁定'}, {'type': 'text', 'contents': 'lockScroll'}] }, { name: 'closeOnClickModal', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否可以通过点击 modal 关闭 Dialog'}, {'type': 'text', 'contents': 'closeOnClickModal'}] }, { name: 'closeOnPressEscape', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否可以通过按下 ESC 关闭 Dialog'}, {'type': 'text', 'contents': 'closeOnPressEscape'}] }, { name: 'showScale', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示全屏切换按钮'}, {'type': 'text', 'contents': 'showScale'}] }, { name: 'showClose', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示关闭按钮'}, {'type': 'text', 'contents': 'showClose'}] }, { name: 'width', type: 'text', default: '50%', label: [{'type': 'tips', 'contents': 'Dialog 的宽度'}, {'type': 'text', 'contents': 'width'}] }, { name: 'height', type: 'text', label: [{'type': 'tips', 'contents': 'Dialog 的高度'}, {'type': 'text', 'contents': 'height'}] }, { name: 'customClass', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'Dialog 的自定义类名'}, {'type': 'text', 'contents': 'customClass'}] }, { name: 'beforeClose', type: 'text', label: [{'type': 'tips', 'contents': '关闭前的回调,会暂停 Dialog 的关闭'}, {'type': 'text', 'contents': 'beforeClose'}] }, { name: 'center', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否对头部和底部采用居中布局'}, {'type': 'text', 'contents': 'center'}] }, { name: 'size', type: 'select', default: 'sm', data: ['mini, sm, md, lg, max'], label: [{'type': 'tips', 'contents': 'Dialog 的尺寸'}, {'type': 'text', 'contents': 'size'}] }, { name: 'destroyOnClose', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '关闭时销毁 Dialog 中的元素'}, {'type': 'text', 'contents': 'destroyOnClose'}] }, { name: 'drag', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '弹窗是否可移动'}, {'type': 'text', 'contents': 'drag'}] }, { name: 'transform', type: 'text', label: [{'type': 'tips', 'contents': 'Dialog 的变换样式'}, {'type': 'text', 'contents': 'transform'}] }, { name: 'lazy', type: 'switch', default: true, label: [{'type': 'tips', 'contents': 'lazy'}, {'type': 'text', 'contents': 'lazy'}] }] },
|
|
81
|
+
{ name: 'EsDrawer', doc: '/drawer', description: '抽屉', props: [{ name: 'appendToBody', type: 'switch', default: false, label: [{'type': 'tips', 'contents': 'Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true'}, {'type': 'text', 'contents': 'appendToBody'}] }, { name: 'beforeClose', type: 'text', label: [{'type': 'tips', 'contents': '关闭前的回调,会暂停 Drawer 的关闭'}, {'type': 'text', 'contents': 'beforeClose'}] }, { name: 'modalClass', type: 'text', default: '', label: [{'type': 'tips', 'contents': '遮罩层的自定义类名'}, {'type': 'text', 'contents': 'modalClass'}] }, { name: 'customClass', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'Drawer 的自定义类名'}, {'type': 'text', 'contents': 'customClass'}] }, { name: 'closeOnPressEscape', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否可以通过按下 ESC 关闭 Drawer'}, {'type': 'text', 'contents': 'closeOnPressEscape'}] }, { name: 'destroyOnClose', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '控制是否在关闭 Drawer 之后将子元素全部销毁'}, {'type': 'text', 'contents': 'destroyOnClose'}] }, { name: 'modal', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否需要遮罩层'}, {'type': 'text', 'contents': 'modal'}] }, { name: 'direction', type: 'select', default: 'rtl', data: ['rtl', 'ltr', 'ttb', 'btt'], label: [{'type': 'tips', 'contents': 'Drawer 打开的方向'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'modalAppendToBody', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Drawer 的父元素上'}, {'type': 'text', 'contents': 'modalAppendToBody'}] }, { name: 'showClose', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示关闭按钮'}, {'type': 'text', 'contents': 'showClose'}] }, { name: 'size', type: 'number', default: '30%', label: [{'type': 'tips', 'contents': 'Drawer 窗体的大小, 当使用 number 类型时, 以像素为单位, 当使用 string 类型时, 请传入 \'x%\', 否则便会以 number 类型解释'}, {'type': 'text', 'contents': 'size'}] }, { name: 'title', type: 'text', default: '', label: [{'type': 'tips', 'contents': 'Drawer 的标题,也可通过具名 slot (见下表)传入'}, {'type': 'text', 'contents': 'title'}] }, { name: 'visible', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否显示 Drawer,支持 .sync 修饰符'}, {'type': 'text', 'contents': 'visible'}] }, { name: 'wrapperClosable', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '点击遮罩层是否可以关闭 Drawer'}, {'type': 'text', 'contents': 'wrapperClosable'}] }, { name: 'withHeader', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title attribute 和 title slot 均不生效'}, {'type': 'text', 'contents': 'withHeader'}] }, { name: 'padding', type: 'switch', label: [{'type': 'tips', 'contents': '是否为 Drawer 内容添加内边距'}, {'type': 'text', 'contents': 'padding'}] }] },
|
|
82
|
+
{ name: 'EsTooltip', doc: '/tooltip', description: '文字提示', props: [{ name: 'openDelay', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '延迟出现,单位毫秒'}, {'type': 'text', 'contents': 'openDelay'}] }, { name: 'disabled', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': 'Tooltip 是否可用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'manual', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '手动控制模式,设置为 true 后,mouseenter 和 mouseleave 事件将不会生效'}, {'type': 'text', 'contents': 'manual'}] }, { name: 'effect', type: 'select', default: 'dark', data: ['dark', 'light'], label: [{'type': 'tips', 'contents': '默认提供的主题'}, {'type': 'text', 'contents': 'effect'}] }, { name: 'color', type: 'text', default: '', label: [{'type': 'tips', 'contents': '字体颜色'}, {'type': 'text', 'contents': 'color'}] }, { name: 'arrowOffset', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '箭头偏移量'}, {'type': 'text', 'contents': 'arrowOffset'}] }, { name: 'popperClass', type: 'text', label: [{'type': 'tips', 'contents': '为 Tooltip 的 popper 添加类名'}, {'type': 'text', 'contents': 'popperClass'}] }, { name: 'content', type: 'text', label: [{'type': 'tips', 'contents': '显示的内容,也可以通过 slot#content 传入 DOM'}, {'type': 'text', 'contents': 'content'}] }, { name: 'visibleArrow', type: 'text', default: true, label: [{'type': 'tips', 'contents': '是否显示 Tooltip 箭头,更多参数可见[Vue-popper](https://github.com/element-component/vue-popper)'}, {'type': 'text', 'contents': 'visibleArrow'}] }, { name: 'transition', type: 'text', default: 'es-fade-in-linear', label: [{'type': 'tips', 'contents': '定义渐变动画'}, {'type': 'text', 'contents': 'transition'}] }, { name: 'popperOptions', type: 'select', default: '{ boundariesPadding: 10, gpuAcceleration: false }', data: ['参考 [popper.js](https:', 'popper.js.org', 'documentation.html) 文档'], label: [{'type': 'tips', 'contents': '[popper.js](https://popper.js.org/documentation.html) 的参数'}, {'type': 'text', 'contents': 'popperOptions'}] }, { name: 'enterable', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '鼠标是否可进入到 tooltip 中'}, {'type': 'text', 'contents': 'enterable'}] }, { name: 'hideAfter', type: 'number', default: 0, label: [{'type': 'tips', 'contents': 'Tooltip 出现后自动隐藏延时,单位毫秒,为 -1 则不会自动隐藏'}, {'type': 'text', 'contents': 'hideAfter'}] }, { name: 'tabindex', type: 'number', default: -1, label: [{'type': 'tips', 'contents': 'Tooltip 组件的 [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)'}, {'type': 'text', 'contents': 'tabindex'}] }, { name: 'auto', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': '是否自动检测文本溢出'}, {'type': 'text', 'contents': 'auto'}] }, { name: 'maxWidth', type: 'text', default: '90%', label: [{'type': 'tips', 'contents': '最大宽度'}, {'type': 'text', 'contents': 'maxWidth'}] }] },
|
|
83
|
+
{ name: 'EsPopover', doc: '/popover', description: '弹出框', props: [{ name: 'isContinue', type: 'switch', label: [{'type': 'tips', 'contents': 'isContinue'}, {'type': 'text', 'contents': 'isContinue'}] }, { name: 'trigger', type: 'select', default: 'click', data: ['click', 'focus', 'hover', 'manual'], label: [{'type': 'tips', 'contents': '触发方式'}, {'type': 'text', 'contents': 'trigger'}] }, { name: 'openDelay', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '触发方式为 hover 时的显示延迟,单位为毫秒'}, {'type': 'text', 'contents': 'openDelay'}] }, { name: 'closeDelay', type: 'number', default: 200, label: [{'type': 'tips', 'contents': '触发方式为 hover 时的隐藏延迟,单位为毫秒'}, {'type': 'text', 'contents': 'closeDelay'}] }, { name: 'title', type: 'text', label: [{'type': 'tips', 'contents': '标题'}, {'type': 'text', 'contents': 'title'}] }, { name: 'disabled', type: 'switch', default: 'false', label: [{'type': 'tips', 'contents': 'Popover 是否可用'}, {'type': 'text', 'contents': 'disabled'}] }, { name: 'content', type: 'text', label: [{'type': 'tips', 'contents': '显示的内容,也可以通过 slot 传入 DOM'}, {'type': 'text', 'contents': 'content'}] }, { name: 'reference', type: 'text', label: [{'type': 'tips', 'contents': 'reference'}, {'type': 'text', 'contents': 'reference'}] }, { name: 'popperClass', type: 'text', label: [{'type': 'tips', 'contents': '为 popper 添加类名'}, {'type': 'text', 'contents': 'popperClass'}] }, { name: 'width', type: 'text', default: '最小宽度 150px', label: [{'type': 'tips', 'contents': '宽度'}, {'type': 'text', 'contents': 'width'}] }, { name: 'visibleArrow', type: 'text', default: true, label: [{'type': 'tips', 'contents': '是否显示 Tooltip 箭头,更多参数可见[Vue-popper](https://github.com/element-component/vue-popper)'}, {'type': 'text', 'contents': 'visibleArrow'}] }, { name: 'arrowOffset', type: 'number', default: 0, label: [{'type': 'tips', 'contents': 'arrowOffset'}, {'type': 'text', 'contents': 'arrowOffset'}] }, { name: 'transition', type: 'text', default: 'fade-in-linear', label: [{'type': 'tips', 'contents': '定义渐变动画'}, {'type': 'text', 'contents': 'transition'}] }, { name: 'tabindex', type: 'number', default: -1, label: [{'type': 'tips', 'contents': 'Popover 组件的 [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)'}, {'type': 'text', 'contents': 'tabindex'}] }, { name: 'queryParent', type: 'switch', label: [{'type': 'tips', 'contents': 'queryParent'}, {'type': 'text', 'contents': 'queryParent'}] }] },
|
|
84
|
+
{ name: 'EsPopconfirm', doc: '/popconfirm', description: '气泡确认框', props: [{ name: 'title', type: 'text', label: [{'type': 'tips', 'contents': '标题'}, {'type': 'text', 'contents': 'title'}] }, { name: 'confirmButtonText', type: 'text', default: '确定', label: [{'type': 'tips', 'contents': '确认按钮文字'}, {'type': 'text', 'contents': 'confirmButtonText'}] }, { name: 'cancelButtonText', type: 'text', default: '取消', label: [{'type': 'tips', 'contents': '取消按钮文字'}, {'type': 'text', 'contents': 'cancelButtonText'}] }, { name: 'confirmButtonType', type: 'text', default: 'primary', label: [{'type': 'tips', 'contents': '确认按钮类型'}, {'type': 'text', 'contents': 'confirmButtonType'}] }, { name: 'cancelButtonType', type: 'text', default: 'text', label: [{'type': 'tips', 'contents': '取消按钮类型'}, {'type': 'text', 'contents': 'cancelButtonType'}] }, { name: 'icon', type: 'text', default: 'es-icon-question', label: [{'type': 'tips', 'contents': '图标'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'iconColor', type: 'text', default: '#f90', label: [{'type': 'tips', 'contents': '图标颜色'}, {'type': 'text', 'contents': 'iconColor'}] }, { name: 'hideIcon', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否隐藏图标'}, {'type': 'text', 'contents': 'hideIcon'}] }] }
|
|
85
|
+
]
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
label: 'Navigation',
|
|
89
|
+
children: [
|
|
90
|
+
{ name: 'EsMenu', doc: '/menu', description: '导航菜单', props: [{ name: 'mode', type: 'text', label: [{'type': 'tips', 'contents': 'mode'}, {'type': 'text', 'contents': 'mode'}] }] },
|
|
91
|
+
{ name: 'EsTabs', doc: '/tabs', description: '标签页', props: [{ name: 'type', type: 'select', data: ['card', 'border-card'], label: [{'type': 'tips', 'contents': '风格类型'}, {'type': 'text', 'contents': 'type'}] }, { name: 'activeName', type: 'text', label: [{'type': 'tips', 'contents': 'activeName'}, {'type': 'text', 'contents': 'activeName'}] }, { name: 'closable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '标签是否可关闭'}, {'type': 'text', 'contents': 'closable'}] }, { name: 'opacity', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否使用透明度过渡'}, {'type': 'text', 'contents': 'opacity'}] }, { name: 'addable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '标签是否可增加'}, {'type': 'text', 'contents': 'addable'}] }, { name: 'editable', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '标签是否同时可增加和关闭'}, {'type': 'text', 'contents': 'editable'}] }, { name: 'tabPosition', type: 'select', default: 'top', data: ['top', 'right', 'bottom', 'left'], label: [{'type': 'tips', 'contents': '选项卡所在位置'}, {'type': 'text', 'contents': 'tabPosition'}] }, { name: 'beforeLeave', type: 'text', label: [{'type': 'tips', 'contents': '切换标签页之前的钩子函数'}, {'type': 'text', 'contents': 'beforeLeave'}] }, { name: 'stretch', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '标签的宽度是否自撑开'}, {'type': 'text', 'contents': 'stretch'}] }, { name: 'hideAfter', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否隐藏标签内容'}, {'type': 'text', 'contents': 'hideAfter'}] }, { name: 'hideBar', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否隐藏标签选中后的指示条'}, {'type': 'text', 'contents': 'hideBar'}] }, { name: 'fullBar', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '标签选中后的指示条的宽度是否包含 padding'}, {'type': 'text', 'contents': 'fullBar'}] }] },
|
|
92
|
+
{ name: 'EsBreadcrumb', doc: '/breadcrumb', description: '面包屑', props: [{ name: 'separator', type: 'text', default: '/', label: [{'type': 'tips', 'contents': '分隔符'}, {'type': 'text', 'contents': 'separator'}] }, { name: 'separatorClass', type: 'text', default: '', label: [{'type': 'tips', 'contents': '图标分隔符 class'}, {'type': 'text', 'contents': 'separatorClass'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '面包屑项数据数组,可通过此属性动态生成面包屑项'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'replace', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '全局的 replace 模式,所有面包屑项默认使用此模式进行路由跳转'}, {'type': 'text', 'contents': 'replace'}] }, { name: 'target', type: 'text', default: '\'\\_blank\'', label: [{'type': 'tips', 'contents': '全局的链接目标,所有面包屑项默认使用此目标进行外部链接跳转'}, {'type': 'text', 'contents': 'target'}] }] },
|
|
93
|
+
{ name: 'EsPageHeader', doc: '/page-header', description: '页头', props: [{ name: 'title', type: 'text', default: '返回', label: [{'type': 'tips', 'contents': 'title'}, {'type': 'text', 'contents': 'title'}] }, { name: 'content', type: 'text', label: [{'type': 'tips', 'contents': 'content'}, {'type': 'text', 'contents': 'content'}] }] },
|
|
94
|
+
{ name: 'EsDropdown', doc: '/dropdown', description: '下拉菜单', props: [{ name: 'trigger', type: 'select', default: 'hover', data: ['hover, click'], label: [{'type': 'tips', 'contents': '触发下拉的行为'}, {'type': 'text', 'contents': 'trigger'}] }, { name: 'type', type: 'text', default: 'text', label: [{'type': 'tips', 'contents': '菜单按钮类型,同 Button 组件(只在split-button为 true 或button为{}【空对象】的情况下有效)'}, {'type': 'text', 'contents': 'type'}] }, { name: 'size', type: 'select', data: ['medium', 'small', 'mini'], label: [{'type': 'tips', 'contents': '菜单尺寸,在split-button为 true 或button为{}【空对象】 的情况下也对触发按钮生效'}, {'type': 'text', 'contents': 'size'}] }, { name: 'splitButton', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '下拉触发元素呈现为按钮组'}, {'type': 'text', 'contents': 'splitButton'}] }, { name: 'hideOnClick', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否在点击菜单项后隐藏菜单'}, {'type': 'text', 'contents': 'hideOnClick'}] }, { name: 'placement', type: 'select', default: 'bottom-end', data: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'], label: [{'type': 'tips', 'contents': '菜单弹出位置'}, {'type': 'text', 'contents': 'placement'}] }, { name: 'visibleArrow', type: 'text', default: true, label: [{'type': 'tips', 'contents': 'visibleArrow'}, {'type': 'text', 'contents': 'visibleArrow'}] }, { name: 'showTimeout', type: 'number', default: 250, label: [{'type': 'tips', 'contents': '展开下拉菜单的延时(仅在 trigger 为 hover 时有效)'}, {'type': 'text', 'contents': 'showTimeout'}] }, { name: 'hideTimeout', type: 'number', default: 150, label: [{'type': 'tips', 'contents': '收起下拉菜单的延时(仅在 trigger 为 hover 时有效)'}, {'type': 'text', 'contents': 'hideTimeout'}] }, { name: 'tabindex', type: 'number', default: -1, label: [{'type': 'tips', 'contents': 'Dropdown 组件的 tabindex'}, {'type': 'text', 'contents': 'tabindex'}] }, { name: 'icon', type: 'text', default: 'es-icon-xia', label: [{'type': 'tips', 'contents': '下拉箭头的图标类名'}, {'type': 'text', 'contents': 'icon'}] }, { name: 'text', type: 'text', label: [{'type': 'tips', 'contents': '按钮文本'}, {'type': 'text', 'contents': 'text'}] }, { name: 'button', type: 'text', label: [{'type': 'tips', 'contents': '在split-button为 false 时,触发元素呈现为button时的配置'}, {'type': 'text', 'contents': 'button'}] }, { name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '下拉菜单的内容'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'maxHeight', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '菜单的最大高度,0 为 auto'}, {'type': 'text', 'contents': 'maxHeight'}] }, { name: 'labelKey', type: 'text', label: [{'type': 'tips', 'contents': 'labelKey'}, {'type': 'text', 'contents': 'labelKey'}] }] },
|
|
95
|
+
{ name: 'EsSteps', doc: '/steps', description: '步骤条', props: [{ name: 'contents', type: 'text', label: [{'type': 'tips', 'contents': '步骤内容数组'}, {'type': 'text', 'contents': 'contents'}] }, { name: 'space', type: 'text', label: [{'type': 'tips', 'contents': '每个 step 的间距,不填写将自适应间距。支持百分比。'}, {'type': 'text', 'contents': 'space'}] }, { name: 'active', type: 'number', default: 0, label: [{'type': 'tips', 'contents': '设置当前激活步骤'}, {'type': 'text', 'contents': 'active'}] }, { name: 'direction', type: 'select', default: 'horizontal', data: ['vertical', 'horizontal'], label: [{'type': 'tips', 'contents': '显示方向'}, {'type': 'text', 'contents': 'direction'}] }, { name: 'alignCenter', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '进行居中对齐'}, {'type': 'text', 'contents': 'alignCenter'}] }, { name: 'simple', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否应用简洁风格'}, {'type': 'text', 'contents': 'simple'}] }, { name: 'finishStatus', type: 'select', default: 'finish', data: ['wait', 'process', 'finish', 'error', 'success'], label: [{'type': 'tips', 'contents': '设置结束步骤的状态'}, {'type': 'text', 'contents': 'finishStatus'}] }, { name: 'processStatus', type: 'select', default: 'process', data: ['wait', 'process', 'finish', 'error', 'success'], label: [{'type': 'tips', 'contents': '设置当前步骤的状态'}, {'type': 'text', 'contents': 'processStatus'}] }, { name: 'synchronous', type: 'switch', default: false, label: [{'type': 'tips', 'contents': '是否同步显示步骤状态'}, {'type': 'text', 'contents': 'synchronous'}] }, { name: 'showNumber', type: 'switch', default: true, label: [{'type': 'tips', 'contents': '是否显示步骤编号'}, {'type': 'text', 'contents': 'showNumber'}] }, { name: 'position', type: 'select', default: 'bottom', data: ['top', 'bottom'], label: [{'type': 'tips', 'contents': '标题和描述的位置'}, {'type': 'text', 'contents': 'position'}] }] },
|
|
96
|
+
{ name: 'EsBacktop', doc: '/backtop', description: '回到顶部', props: [{ name: 'visibilityHeight', type: 'select', default: 200, data: ['200'], label: [{'type': 'tips', 'contents': '滚动高度达到此参数值才出现'}, {'type': 'text', 'contents': 'visibilityHeight'}] }, { name: 'target', type: 'text', label: [{'type': 'tips', 'contents': '触发滚动的对象'}, {'type': 'text', 'contents': 'target'}] }, { name: 'right', type: 'select', default: 40, data: ['40'], label: [{'type': 'tips', 'contents': '控制其显示位置, 距离页面右边距'}, {'type': 'text', 'contents': 'right'}] }, { name: 'bottom', type: 'select', default: 40, data: ['40'], label: [{'type': 'tips', 'contents': '控制其显示位置, 距离页面底部距离'}, {'type': 'text', 'contents': 'bottom'}] }] },
|
|
97
|
+
{ name: 'EsInfiniteScroll', doc: '/infinite-scroll', description: '无限滚动', props: [] }
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
];
|