@szkj/element-ui 0.0.1
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/README.md +225 -0
- package/dist/SzButton.cjs +69 -0
- package/dist/SzButton.d.cts +39 -0
- package/dist/SzButton.d.ts +39 -0
- package/dist/SzButton.js +69 -0
- package/dist/SzCheckbox.cjs +69 -0
- package/dist/SzCheckbox.d.cts +39 -0
- package/dist/SzCheckbox.d.ts +39 -0
- package/dist/SzCheckbox.js +69 -0
- package/dist/SzDesc.cjs +69 -0
- package/dist/SzDesc.d.cts +54 -0
- package/dist/SzDesc.d.ts +54 -0
- package/dist/SzDesc.js +69 -0
- package/dist/SzDialog.cjs +69 -0
- package/dist/SzDialog.d.cts +83 -0
- package/dist/SzDialog.d.ts +83 -0
- package/dist/SzDialog.js +69 -0
- package/dist/SzForm.cjs +69 -0
- package/dist/SzForm.d.cts +77 -0
- package/dist/SzForm.d.ts +77 -0
- package/dist/SzForm.js +69 -0
- package/dist/SzInfiniteSelect.cjs +69 -0
- package/dist/SzInfiniteSelect.d.cts +122 -0
- package/dist/SzInfiniteSelect.d.ts +122 -0
- package/dist/SzInfiniteSelect.js +69 -0
- package/dist/SzMenu.cjs +69 -0
- package/dist/SzMenu.d.cts +79 -0
- package/dist/SzMenu.d.ts +79 -0
- package/dist/SzMenu.js +69 -0
- package/dist/SzRadio.cjs +69 -0
- package/dist/SzRadio.d.cts +39 -0
- package/dist/SzRadio.d.ts +39 -0
- package/dist/SzRadio.js +69 -0
- package/dist/SzSelect.cjs +69 -0
- package/dist/SzSelect.d.cts +43 -0
- package/dist/SzSelect.d.ts +43 -0
- package/dist/SzSelect.js +69 -0
- package/dist/SzTable.cjs +69 -0
- package/dist/SzTable.d.cts +151 -0
- package/dist/SzTable.d.ts +151 -0
- package/dist/SzTable.js +69 -0
- package/dist/SzTreeSelect.cjs +69 -0
- package/dist/SzTreeSelect.d.cts +172 -0
- package/dist/SzTreeSelect.d.ts +172 -0
- package/dist/SzTreeSelect.js +69 -0
- package/dist/SzVirtualSelect.cjs +69 -0
- package/dist/SzVirtualSelect.d.cts +132 -0
- package/dist/SzVirtualSelect.d.ts +132 -0
- package/dist/SzVirtualSelect.js +69 -0
- package/dist/index.cjs +69 -0
- package/dist/index.d.cts +1951 -0
- package/dist/index.d.ts +1951 -0
- package/dist/index.js +69 -0
- package/dist/style-BAI8rK3m.d.cts +201 -0
- package/dist/style-BAI8rK3m.d.ts +201 -0
- package/package.json +161 -0
- package/theme/index.scss +28 -0
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var h={label:"label",value:"value",disabled:"disabled"};function m(e,t){return e==null?`index:${t}`:`${typeof e}:${String(e)}`}var u={name:"SzCheckbox",inheritAttrs:false,props:{value:{type:Array,default:()=>[]},type:{type:String,default:"checkbox",validator:e=>["checkbox","button"].includes(e)},border:{type:Boolean,default:false},options:{type:Array,default:()=>[]},format:{type:Object,default:()=>({})}},computed:{resolvedFormat(){return {...h,...this.format}}},methods:{renderOption(e,t,o){var a,c;let r=t[this.resolvedFormat.label],l=t[this.resolvedFormat.value],p=t[this.resolvedFormat.disabled],s=(c=(a=this.$scopedSlots).default)==null?void 0:c.call(a,{item:t,index:o,label:r,value:l}),n=this.type==="button"?"el-checkbox-button":"el-checkbox";return e(n,{key:m(l,o),props:{label:l,disabled:p,border:n==="el-checkbox"?this.border:void 0}},s!=null?s:r==null?"":String(r))}},render(e){return e("el-checkbox-group",{props:{...this.$attrs,value:this.value},on:this.$listeners},this.options.map((t,o)=>this.renderOption(e,t,o)))}};var z=`
|
|
2
|
+
.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
|
|
3
|
+
.sz-button--custom-color:focus,.sz-button--custom-color:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-hover-color)}
|
|
4
|
+
.sz-button--custom-color:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-active-color)}
|
|
5
|
+
.sz-button--custom-color.is-plain{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
6
|
+
.sz-button--custom-color.is-plain:focus,.sz-button--custom-color.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-plain-hover-color)}
|
|
7
|
+
.sz-button--custom-color.is-plain:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-plain-hover-color)}
|
|
8
|
+
.sz-button--custom-color.is-disabled,.sz-button--custom-color.is-disabled:active,.sz-button--custom-color.is-disabled:focus,.sz-button--custom-color.is-disabled:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color);opacity:.5}
|
|
9
|
+
.sz-button--custom-color.is-disabled.is-plain,.sz-button--custom-color.is-disabled.is-plain:active,.sz-button--custom-color.is-disabled.is-plain:focus,.sz-button--custom-color.is-disabled.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
10
|
+
.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
|
|
11
|
+
.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
|
|
12
|
+
.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
|
|
13
|
+
.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
14
|
+
.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
15
|
+
.sz-form__col>.el-form-item{width:100%}
|
|
16
|
+
.sz-form__col .el-select,.sz-form__col .el-date-editor,.sz-form__col .el-input-number,.sz-form__col .sz-tree-select{width:100%}
|
|
17
|
+
.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
|
|
18
|
+
.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
|
|
19
|
+
.sz-virtual-select__option--hidden{position:absolute!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
|
|
20
|
+
.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
|
|
21
|
+
.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
|
|
22
|
+
.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
|
|
23
|
+
.sz-virtual-select__thumb{width:6px;border-radius:6px;background-color:var(--sz-scrollbar-thumb-color,rgba(144,147,153,.5));cursor:grab;pointer-events:auto;transition:background-color .2s}
|
|
24
|
+
.sz-virtual-select__thumb:active{cursor:grabbing}
|
|
25
|
+
.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
|
|
26
|
+
.sz-menu:not(.el-menu--horizontal){height:100%}
|
|
27
|
+
.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
|
|
28
|
+
.sz-menu.el-menu--collapse{width:56px}
|
|
29
|
+
.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
|
|
30
|
+
.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
31
|
+
.sz-menu .el-submenu.is-active>.el-submenu__title,.sz-menu .el-submenu.is-active>.el-submenu__title .sz-menu__icon{color:var(--sz-color-primary,#409eff)}
|
|
32
|
+
.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
|
|
33
|
+
.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
|
|
34
|
+
.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
35
|
+
.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
36
|
+
.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
|
|
37
|
+
.sz-table{height:100%;background:var(--sz-color-white,#fff)}
|
|
38
|
+
.sz-table .el-table .el-table__header th,.sz-table .el-table .el-table__header td,.sz-table .el-table .el-table__body th,.sz-table .el-table .el-table__body td{padding:0}
|
|
39
|
+
.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
|
|
40
|
+
.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
41
|
+
.sz-tree-select{height:fit-content}
|
|
42
|
+
.sz-tree-select__reference{width:100%}
|
|
43
|
+
.sz-tree-select__panel{width:100%}
|
|
44
|
+
.sz-tree-select__filter{margin-bottom:8px}
|
|
45
|
+
.sz-tree-select__tree{max-height:280px;overflow:auto}
|
|
46
|
+
.sz-tree-select__tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--sz-color-primary,#409eff);background:var(--sz-color-primary-light-9,#ecf5ff);font-weight:600}
|
|
47
|
+
.sz-tree-select__multiple{box-sizing:border-box;position:relative;display:flex;align-self:flex-start;align-content:center;align-items:center;flex-wrap:wrap;gap:4px;width:100%;height:fit-content;min-height:40px;padding:4px 30px 4px 8px;border:1px solid var(--sz-border-color-base,#dcdfe6);border-radius:4px;background:var(--sz-color-white,#fff);cursor:text;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}
|
|
48
|
+
.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
|
|
49
|
+
.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
|
|
50
|
+
.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
|
|
51
|
+
.sz-tree-select__multiple--medium{min-height:36px}
|
|
52
|
+
.sz-tree-select__multiple--small{min-height:32px}
|
|
53
|
+
.sz-tree-select__multiple--mini{min-height:28px}
|
|
54
|
+
.sz-tree-select__tag{max-width:calc(100% - 8px)}
|
|
55
|
+
.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
|
|
56
|
+
.sz-tree-select__multiple-input{flex:1 1 60px;min-width:40px;height:28px;padding:0;border:0;outline:0;color:var(--sz-color-text-regular,#606266);background:transparent;font:inherit}
|
|
57
|
+
.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
|
|
58
|
+
.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
|
|
59
|
+
.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
|
|
60
|
+
.sz-tree-select__clear,.sz-tree-select__arrow{position:absolute;right:5px;top:50%;height:28px;line-height:28px;transform:translateY(-50%);color:var(--sz-color-text-placeholder,#c0c4cc);text-align:center}
|
|
61
|
+
.sz-tree-select__clear{display:none;cursor:pointer}
|
|
62
|
+
.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
|
|
63
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
|
|
64
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
|
|
65
|
+
.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
|
|
66
|
+
.sz-tree-select__suffix-arrow{transition:transform .3s}
|
|
67
|
+
.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
|
|
68
|
+
.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
|
|
69
|
+
`,d=false;function i(){if(d||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=z,document.head.appendChild(e),d=true;}function b(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(i(),Array.isArray(t)){t.forEach(o=>o.call(this));return}t==null||t.call(this);}}}var _=b(u),k=_;export{_ as SzCheckbox,k as default,i as injectStyle};
|
package/dist/SzDesc.cjs
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var biz=require('@szkj/biz');function z(t,e={}){return t.split(".").reduce((o,r)=>{if(o!=null)return o[r]},e)}function _(t,e){var r,s;let o=(s=(r=t.key)!=null?r:t.prop)!=null?s:t.value;return o==null?`index:${e}`:`${typeof o}:${String(o)}`}var d={name:"SzDesc",inheritAttrs:false,props:{columns:{type:Array,default:()=>[]},data:{type:Object,default:void 0},descData:{type:Object,default:()=>({})},placeholder:{type:[String,Number],default:""},permissions:{type:Array,default:()=>[]},permissionMode:{type:String,default:"some"},permissionOptions:{type:Object,default:()=>({})}},computed:{resolvedData(){return this.data===void 0?this.descData:this.data},visibleColumns(){return biz.filterByPermission(this.columns,this.permissions,{mode:this.permissionMode,...this.permissionOptions}).filter(e=>e.hidden!==true&&e.show!==false&&e.show!=="false")}},methods:{getColumnValue(t){var o;let e=(o=t.prop)!=null?o:t.value;return e?z(e,this.resolvedData):void 0},createScope(t,e){return {column:t,index:e,value:this.getColumnValue(t),data:this.resolvedData}},renderLabel(t,e,o,r){var s;return typeof e.labelRender=="function"?e.labelRender(e,o,t,r):e.labelSlot&&this.$scopedSlots[e.labelSlot]?this.$scopedSlots[e.labelSlot](r):this.$scopedSlots.label?this.$scopedSlots.label(r):(s=e.label)!=null?s:""},renderContent(t,e,o,r){return typeof e.render=="function"?e.render(r,t):typeof e.contentRender=="function"?e.contentRender(e,o,t,r):e.slot&&this.$scopedSlots[e.slot]?this.$scopedSlots[e.slot](r):this.$scopedSlots.default?this.$scopedSlots.default(r):typeof e.formatter=="function"?e.formatter(r.value,e,r.data,o):r.value===void 0||r.value===null||r.value===""?this.placeholder:String(r.value)},renderItem(t,e,o){var n,a,c;let r=this.createScope(e,o),s=this.renderLabel(t,e,o,r),b=this.renderContent(t,e,o,r),i=(n=e.itemProps)!=null?n:{},m=(c=(a=e.span)!=null?a:i.span)!=null?c:1;return t("el-descriptions-item",{key:_(e,o),props:{...i,span:m},attrs:e.attrs},[t("template",{slot:"label"},[s]),b])},getDescriptionsScopedSlots(){return ["title","extra"].reduce((t,e)=>{let o=this.$scopedSlots[e],r=this.$slots[e];return o?t[e]=o:r&&(t[e]=()=>r),t},{})}},render(t){let e=t("el-descriptions",{props:{border:true,column:4,...this.$attrs},on:this.$listeners,scopedSlots:this.getDescriptionsScopedSlots()},this.visibleColumns.map((o,r)=>this.renderItem(t,o,r)));return t("div",{class:"sz-desc"},[e])}};var f=`
|
|
2
|
+
.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
|
|
3
|
+
.sz-button--custom-color:focus,.sz-button--custom-color:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-hover-color)}
|
|
4
|
+
.sz-button--custom-color:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-active-color)}
|
|
5
|
+
.sz-button--custom-color.is-plain{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
6
|
+
.sz-button--custom-color.is-plain:focus,.sz-button--custom-color.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-plain-hover-color)}
|
|
7
|
+
.sz-button--custom-color.is-plain:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-plain-hover-color)}
|
|
8
|
+
.sz-button--custom-color.is-disabled,.sz-button--custom-color.is-disabled:active,.sz-button--custom-color.is-disabled:focus,.sz-button--custom-color.is-disabled:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color);opacity:.5}
|
|
9
|
+
.sz-button--custom-color.is-disabled.is-plain,.sz-button--custom-color.is-disabled.is-plain:active,.sz-button--custom-color.is-disabled.is-plain:focus,.sz-button--custom-color.is-disabled.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
10
|
+
.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
|
|
11
|
+
.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
|
|
12
|
+
.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
|
|
13
|
+
.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
14
|
+
.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
15
|
+
.sz-form__col>.el-form-item{width:100%}
|
|
16
|
+
.sz-form__col .el-select,.sz-form__col .el-date-editor,.sz-form__col .el-input-number,.sz-form__col .sz-tree-select{width:100%}
|
|
17
|
+
.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
|
|
18
|
+
.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
|
|
19
|
+
.sz-virtual-select__option--hidden{position:absolute!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
|
|
20
|
+
.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
|
|
21
|
+
.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
|
|
22
|
+
.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
|
|
23
|
+
.sz-virtual-select__thumb{width:6px;border-radius:6px;background-color:var(--sz-scrollbar-thumb-color,rgba(144,147,153,.5));cursor:grab;pointer-events:auto;transition:background-color .2s}
|
|
24
|
+
.sz-virtual-select__thumb:active{cursor:grabbing}
|
|
25
|
+
.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
|
|
26
|
+
.sz-menu:not(.el-menu--horizontal){height:100%}
|
|
27
|
+
.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
|
|
28
|
+
.sz-menu.el-menu--collapse{width:56px}
|
|
29
|
+
.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
|
|
30
|
+
.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
31
|
+
.sz-menu .el-submenu.is-active>.el-submenu__title,.sz-menu .el-submenu.is-active>.el-submenu__title .sz-menu__icon{color:var(--sz-color-primary,#409eff)}
|
|
32
|
+
.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
|
|
33
|
+
.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
|
|
34
|
+
.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
35
|
+
.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
36
|
+
.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
|
|
37
|
+
.sz-table{height:100%;background:var(--sz-color-white,#fff)}
|
|
38
|
+
.sz-table .el-table .el-table__header th,.sz-table .el-table .el-table__header td,.sz-table .el-table .el-table__body th,.sz-table .el-table .el-table__body td{padding:0}
|
|
39
|
+
.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
|
|
40
|
+
.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
41
|
+
.sz-tree-select{height:fit-content}
|
|
42
|
+
.sz-tree-select__reference{width:100%}
|
|
43
|
+
.sz-tree-select__panel{width:100%}
|
|
44
|
+
.sz-tree-select__filter{margin-bottom:8px}
|
|
45
|
+
.sz-tree-select__tree{max-height:280px;overflow:auto}
|
|
46
|
+
.sz-tree-select__tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--sz-color-primary,#409eff);background:var(--sz-color-primary-light-9,#ecf5ff);font-weight:600}
|
|
47
|
+
.sz-tree-select__multiple{box-sizing:border-box;position:relative;display:flex;align-self:flex-start;align-content:center;align-items:center;flex-wrap:wrap;gap:4px;width:100%;height:fit-content;min-height:40px;padding:4px 30px 4px 8px;border:1px solid var(--sz-border-color-base,#dcdfe6);border-radius:4px;background:var(--sz-color-white,#fff);cursor:text;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}
|
|
48
|
+
.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
|
|
49
|
+
.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
|
|
50
|
+
.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
|
|
51
|
+
.sz-tree-select__multiple--medium{min-height:36px}
|
|
52
|
+
.sz-tree-select__multiple--small{min-height:32px}
|
|
53
|
+
.sz-tree-select__multiple--mini{min-height:28px}
|
|
54
|
+
.sz-tree-select__tag{max-width:calc(100% - 8px)}
|
|
55
|
+
.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
|
|
56
|
+
.sz-tree-select__multiple-input{flex:1 1 60px;min-width:40px;height:28px;padding:0;border:0;outline:0;color:var(--sz-color-text-regular,#606266);background:transparent;font:inherit}
|
|
57
|
+
.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
|
|
58
|
+
.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
|
|
59
|
+
.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
|
|
60
|
+
.sz-tree-select__clear,.sz-tree-select__arrow{position:absolute;right:5px;top:50%;height:28px;line-height:28px;transform:translateY(-50%);color:var(--sz-color-text-placeholder,#c0c4cc);text-align:center}
|
|
61
|
+
.sz-tree-select__clear{display:none;cursor:pointer}
|
|
62
|
+
.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
|
|
63
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
|
|
64
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
|
|
65
|
+
.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
|
|
66
|
+
.sz-tree-select__suffix-arrow{transition:transform .3s}
|
|
67
|
+
.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
|
|
68
|
+
.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
|
|
69
|
+
`,u=false;function l(){if(u||typeof document=="undefined")return;let t=document.createElement("style");t.setAttribute("data-szkj-element-ui","true"),t.textContent=f,document.head.appendChild(t),u=true;}function p(t){let e=t.beforeCreate;return {...t,beforeCreate(){if(l(),Array.isArray(e)){e.forEach(o=>o.call(this));return}e==null||e.call(this);}}}var v=p(d),C=v;exports.SzDesc=v;exports.default=C;exports.injectStyle=l;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { D as DescColumn, b as DescRenderScope, R as RenderFunction } from './style-BAI8rK3m.cjs';
|
|
2
|
+
export { q as injectStyle } from './style-BAI8rK3m.cjs';
|
|
3
|
+
|
|
4
|
+
declare const SzDesc: {
|
|
5
|
+
name: string;
|
|
6
|
+
inheritAttrs: boolean;
|
|
7
|
+
props: {
|
|
8
|
+
columns: {
|
|
9
|
+
type: ArrayConstructor;
|
|
10
|
+
default: () => never[];
|
|
11
|
+
};
|
|
12
|
+
data: {
|
|
13
|
+
type: ObjectConstructor;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
descData: {
|
|
17
|
+
type: ObjectConstructor;
|
|
18
|
+
default: () => {};
|
|
19
|
+
};
|
|
20
|
+
placeholder: {
|
|
21
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
permissions: {
|
|
25
|
+
type: ArrayConstructor;
|
|
26
|
+
default: () => never[];
|
|
27
|
+
};
|
|
28
|
+
permissionMode: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
permissionOptions: {
|
|
33
|
+
type: ObjectConstructor;
|
|
34
|
+
default: () => {};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
computed: {
|
|
38
|
+
resolvedData(): {
|
|
39
|
+
[x: string]: unknown;
|
|
40
|
+
};
|
|
41
|
+
visibleColumns(): DescColumn[];
|
|
42
|
+
};
|
|
43
|
+
methods: {
|
|
44
|
+
getColumnValue(column: DescColumn): unknown;
|
|
45
|
+
createScope(column: DescColumn, index: number): DescRenderScope;
|
|
46
|
+
renderLabel(h: RenderFunction, column: DescColumn, index: number, scope: DescRenderScope): any;
|
|
47
|
+
renderContent(h: RenderFunction, column: DescColumn, index: number, scope: DescRenderScope): any;
|
|
48
|
+
renderItem(h: RenderFunction, column: DescColumn, index: number): unknown;
|
|
49
|
+
getDescriptionsScopedSlots(): {};
|
|
50
|
+
};
|
|
51
|
+
render(h: RenderFunction): unknown;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export { SzDesc, SzDesc as default };
|
package/dist/SzDesc.d.ts
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { D as DescColumn, b as DescRenderScope, R as RenderFunction } from './style-BAI8rK3m.js';
|
|
2
|
+
export { q as injectStyle } from './style-BAI8rK3m.js';
|
|
3
|
+
|
|
4
|
+
declare const SzDesc: {
|
|
5
|
+
name: string;
|
|
6
|
+
inheritAttrs: boolean;
|
|
7
|
+
props: {
|
|
8
|
+
columns: {
|
|
9
|
+
type: ArrayConstructor;
|
|
10
|
+
default: () => never[];
|
|
11
|
+
};
|
|
12
|
+
data: {
|
|
13
|
+
type: ObjectConstructor;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
descData: {
|
|
17
|
+
type: ObjectConstructor;
|
|
18
|
+
default: () => {};
|
|
19
|
+
};
|
|
20
|
+
placeholder: {
|
|
21
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
permissions: {
|
|
25
|
+
type: ArrayConstructor;
|
|
26
|
+
default: () => never[];
|
|
27
|
+
};
|
|
28
|
+
permissionMode: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
permissionOptions: {
|
|
33
|
+
type: ObjectConstructor;
|
|
34
|
+
default: () => {};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
computed: {
|
|
38
|
+
resolvedData(): {
|
|
39
|
+
[x: string]: unknown;
|
|
40
|
+
};
|
|
41
|
+
visibleColumns(): DescColumn[];
|
|
42
|
+
};
|
|
43
|
+
methods: {
|
|
44
|
+
getColumnValue(column: DescColumn): unknown;
|
|
45
|
+
createScope(column: DescColumn, index: number): DescRenderScope;
|
|
46
|
+
renderLabel(h: RenderFunction, column: DescColumn, index: number, scope: DescRenderScope): any;
|
|
47
|
+
renderContent(h: RenderFunction, column: DescColumn, index: number, scope: DescRenderScope): any;
|
|
48
|
+
renderItem(h: RenderFunction, column: DescColumn, index: number): unknown;
|
|
49
|
+
getDescriptionsScopedSlots(): {};
|
|
50
|
+
};
|
|
51
|
+
render(h: RenderFunction): unknown;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export { SzDesc, SzDesc as default };
|
package/dist/SzDesc.js
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import {filterByPermission}from'@szkj/biz';function z(t,e={}){return t.split(".").reduce((o,r)=>{if(o!=null)return o[r]},e)}function _(t,e){var r,s;let o=(s=(r=t.key)!=null?r:t.prop)!=null?s:t.value;return o==null?`index:${e}`:`${typeof o}:${String(o)}`}var d={name:"SzDesc",inheritAttrs:false,props:{columns:{type:Array,default:()=>[]},data:{type:Object,default:void 0},descData:{type:Object,default:()=>({})},placeholder:{type:[String,Number],default:""},permissions:{type:Array,default:()=>[]},permissionMode:{type:String,default:"some"},permissionOptions:{type:Object,default:()=>({})}},computed:{resolvedData(){return this.data===void 0?this.descData:this.data},visibleColumns(){return filterByPermission(this.columns,this.permissions,{mode:this.permissionMode,...this.permissionOptions}).filter(e=>e.hidden!==true&&e.show!==false&&e.show!=="false")}},methods:{getColumnValue(t){var o;let e=(o=t.prop)!=null?o:t.value;return e?z(e,this.resolvedData):void 0},createScope(t,e){return {column:t,index:e,value:this.getColumnValue(t),data:this.resolvedData}},renderLabel(t,e,o,r){var s;return typeof e.labelRender=="function"?e.labelRender(e,o,t,r):e.labelSlot&&this.$scopedSlots[e.labelSlot]?this.$scopedSlots[e.labelSlot](r):this.$scopedSlots.label?this.$scopedSlots.label(r):(s=e.label)!=null?s:""},renderContent(t,e,o,r){return typeof e.render=="function"?e.render(r,t):typeof e.contentRender=="function"?e.contentRender(e,o,t,r):e.slot&&this.$scopedSlots[e.slot]?this.$scopedSlots[e.slot](r):this.$scopedSlots.default?this.$scopedSlots.default(r):typeof e.formatter=="function"?e.formatter(r.value,e,r.data,o):r.value===void 0||r.value===null||r.value===""?this.placeholder:String(r.value)},renderItem(t,e,o){var n,a,c;let r=this.createScope(e,o),s=this.renderLabel(t,e,o,r),b=this.renderContent(t,e,o,r),i=(n=e.itemProps)!=null?n:{},m=(c=(a=e.span)!=null?a:i.span)!=null?c:1;return t("el-descriptions-item",{key:_(e,o),props:{...i,span:m},attrs:e.attrs},[t("template",{slot:"label"},[s]),b])},getDescriptionsScopedSlots(){return ["title","extra"].reduce((t,e)=>{let o=this.$scopedSlots[e],r=this.$slots[e];return o?t[e]=o:r&&(t[e]=()=>r),t},{})}},render(t){let e=t("el-descriptions",{props:{border:true,column:4,...this.$attrs},on:this.$listeners,scopedSlots:this.getDescriptionsScopedSlots()},this.visibleColumns.map((o,r)=>this.renderItem(t,o,r)));return t("div",{class:"sz-desc"},[e])}};var f=`
|
|
2
|
+
.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
|
|
3
|
+
.sz-button--custom-color:focus,.sz-button--custom-color:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-hover-color)}
|
|
4
|
+
.sz-button--custom-color:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-active-color)}
|
|
5
|
+
.sz-button--custom-color.is-plain{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
6
|
+
.sz-button--custom-color.is-plain:focus,.sz-button--custom-color.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-plain-hover-color)}
|
|
7
|
+
.sz-button--custom-color.is-plain:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-plain-hover-color)}
|
|
8
|
+
.sz-button--custom-color.is-disabled,.sz-button--custom-color.is-disabled:active,.sz-button--custom-color.is-disabled:focus,.sz-button--custom-color.is-disabled:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color);opacity:.5}
|
|
9
|
+
.sz-button--custom-color.is-disabled.is-plain,.sz-button--custom-color.is-disabled.is-plain:active,.sz-button--custom-color.is-disabled.is-plain:focus,.sz-button--custom-color.is-disabled.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
10
|
+
.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
|
|
11
|
+
.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
|
|
12
|
+
.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
|
|
13
|
+
.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
14
|
+
.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
15
|
+
.sz-form__col>.el-form-item{width:100%}
|
|
16
|
+
.sz-form__col .el-select,.sz-form__col .el-date-editor,.sz-form__col .el-input-number,.sz-form__col .sz-tree-select{width:100%}
|
|
17
|
+
.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
|
|
18
|
+
.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
|
|
19
|
+
.sz-virtual-select__option--hidden{position:absolute!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
|
|
20
|
+
.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
|
|
21
|
+
.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
|
|
22
|
+
.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
|
|
23
|
+
.sz-virtual-select__thumb{width:6px;border-radius:6px;background-color:var(--sz-scrollbar-thumb-color,rgba(144,147,153,.5));cursor:grab;pointer-events:auto;transition:background-color .2s}
|
|
24
|
+
.sz-virtual-select__thumb:active{cursor:grabbing}
|
|
25
|
+
.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
|
|
26
|
+
.sz-menu:not(.el-menu--horizontal){height:100%}
|
|
27
|
+
.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
|
|
28
|
+
.sz-menu.el-menu--collapse{width:56px}
|
|
29
|
+
.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
|
|
30
|
+
.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
31
|
+
.sz-menu .el-submenu.is-active>.el-submenu__title,.sz-menu .el-submenu.is-active>.el-submenu__title .sz-menu__icon{color:var(--sz-color-primary,#409eff)}
|
|
32
|
+
.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
|
|
33
|
+
.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
|
|
34
|
+
.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
35
|
+
.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
36
|
+
.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
|
|
37
|
+
.sz-table{height:100%;background:var(--sz-color-white,#fff)}
|
|
38
|
+
.sz-table .el-table .el-table__header th,.sz-table .el-table .el-table__header td,.sz-table .el-table .el-table__body th,.sz-table .el-table .el-table__body td{padding:0}
|
|
39
|
+
.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
|
|
40
|
+
.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
41
|
+
.sz-tree-select{height:fit-content}
|
|
42
|
+
.sz-tree-select__reference{width:100%}
|
|
43
|
+
.sz-tree-select__panel{width:100%}
|
|
44
|
+
.sz-tree-select__filter{margin-bottom:8px}
|
|
45
|
+
.sz-tree-select__tree{max-height:280px;overflow:auto}
|
|
46
|
+
.sz-tree-select__tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--sz-color-primary,#409eff);background:var(--sz-color-primary-light-9,#ecf5ff);font-weight:600}
|
|
47
|
+
.sz-tree-select__multiple{box-sizing:border-box;position:relative;display:flex;align-self:flex-start;align-content:center;align-items:center;flex-wrap:wrap;gap:4px;width:100%;height:fit-content;min-height:40px;padding:4px 30px 4px 8px;border:1px solid var(--sz-border-color-base,#dcdfe6);border-radius:4px;background:var(--sz-color-white,#fff);cursor:text;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}
|
|
48
|
+
.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
|
|
49
|
+
.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
|
|
50
|
+
.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
|
|
51
|
+
.sz-tree-select__multiple--medium{min-height:36px}
|
|
52
|
+
.sz-tree-select__multiple--small{min-height:32px}
|
|
53
|
+
.sz-tree-select__multiple--mini{min-height:28px}
|
|
54
|
+
.sz-tree-select__tag{max-width:calc(100% - 8px)}
|
|
55
|
+
.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
|
|
56
|
+
.sz-tree-select__multiple-input{flex:1 1 60px;min-width:40px;height:28px;padding:0;border:0;outline:0;color:var(--sz-color-text-regular,#606266);background:transparent;font:inherit}
|
|
57
|
+
.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
|
|
58
|
+
.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
|
|
59
|
+
.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
|
|
60
|
+
.sz-tree-select__clear,.sz-tree-select__arrow{position:absolute;right:5px;top:50%;height:28px;line-height:28px;transform:translateY(-50%);color:var(--sz-color-text-placeholder,#c0c4cc);text-align:center}
|
|
61
|
+
.sz-tree-select__clear{display:none;cursor:pointer}
|
|
62
|
+
.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
|
|
63
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
|
|
64
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
|
|
65
|
+
.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
|
|
66
|
+
.sz-tree-select__suffix-arrow{transition:transform .3s}
|
|
67
|
+
.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
|
|
68
|
+
.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
|
|
69
|
+
`,u=false;function l(){if(u||typeof document=="undefined")return;let t=document.createElement("style");t.setAttribute("data-szkj-element-ui","true"),t.textContent=f,document.head.appendChild(t),u=true;}function p(t){let e=t.beforeCreate;return {...t,beforeCreate(){if(l(),Array.isArray(e)){e.forEach(o=>o.call(this));return}e==null||e.call(this);}}}var v=p(d),C=v;export{v as SzDesc,C as default,l as injectStyle};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});function d(...e){return e.flatMap(t=>String(t!=null?t:"").split(/\s+/)).filter(Boolean).join(" ")}var a={name:"SzDialog",componentName:"SzDialog",inheritAttrs:false,props:{value:{type:Boolean,default:void 0},visible:{type:Boolean,default:void 0},title:{type:String,default:""},border:{type:Boolean,default:false},footer:{type:Boolean,default:true},size:{type:String,default:""},showCancel:{type:Boolean,default:true},showConfirm:{type:Boolean,default:true},cancelText:{type:String,default:"\u53D6 \u6D88"},confirmText:{type:String,default:"\u786E \u5B9A"},cancelButtonProps:{type:Object,default:()=>({})},confirmButtonProps:{type:Object,default:()=>({})},beforeConfirm:{type:Function,default:void 0}},data(){return {confirmLoading:false}},computed:{resolvedVisible(){return this.visible===void 0?!!this.value:this.visible},dialogProps(){let{customClass:e,"custom-class":t,...o}=this.$attrs;return {...o,visible:this.resolvedVisible,customClass:d(e,t,"sz-dialog__panel",this.border&&"sz-dialog__panel--border")}}},methods:{updateVisible(e){this.$emit("input",e),this.$emit("update:visible",e);},close(){this.updateVisible(false);},open(){this.updateVisible(true);},handleDialogClose(...e){this.updateVisible(false),this.$emit("close",...e);},handleCancel(){this.$emit("cancel"),this.close();},async confirm(){if(this.confirmLoading)return;let e=false,t=()=>this.close(),o=()=>{e||(e=true,t());};if(this.$emit("confirm",o),typeof this.beforeConfirm=="function"){this.confirmLoading=true;try{let r=await this.beforeConfirm(o);return r!==!1&&o(),r}catch(r){return this.$emit("confirm-error",r),false}finally{this.confirmLoading=false;}}},getDialogListeners(){let e={...this.$listeners};return delete e.close,{...e,close:(...t)=>this.handleDialogClose(...t)}},renderTitle(e){var o,r,s,l;let t=(l=(s=(r=(o=this.$scopedSlots).title)==null?void 0:r.call(o,{close:this.close,visible:this.resolvedVisible}))!=null?s:this.$slots.title)!=null?l:this.title;return e("template",{slot:"title"},[e("span",{class:"el-dialog__title"},Array.isArray(t)?t:[t])])},renderFooter(e){var r,s,l,n;if(!this.footer)return;let t=(l=(s=(r=this.$scopedSlots).footer)==null?void 0:s.call(r,{cancel:this.handleCancel,close:this.close,confirm:this.confirm,loading:this.confirmLoading}))!=null?l:this.$slots.footer;if(t)return e("template",{slot:"footer"},t);let o=[];return this.showCancel&&o.push(e("el-button",{props:{size:this.size||void 0,...this.cancelButtonProps},on:{click:this.handleCancel}},[this.cancelText])),this.showConfirm&&o.push(e("el-button",{props:{size:this.size||void 0,type:"primary",...this.confirmButtonProps,loading:(n=this.confirmButtonProps.loading)!=null?n:this.confirmLoading},on:{click:this.confirm}},[this.confirmText])),e("template",{slot:"footer"},[e("div",{class:"dialog-footer"},o)])}},render(e){var r;let t=[this.renderTitle(e),...(r=this.$slots.default)!=null?r:[]],o=this.renderFooter(e);return o&&t.push(o),e("div",{class:{"sz-dialog":true,"sz-dialog--border":this.border}},[e("el-dialog",{ref:"dialog",props:this.dialogProps,on:this.getDialogListeners()},t)])}};var p=`
|
|
2
|
+
.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
|
|
3
|
+
.sz-button--custom-color:focus,.sz-button--custom-color:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-hover-color)}
|
|
4
|
+
.sz-button--custom-color:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-active-color)}
|
|
5
|
+
.sz-button--custom-color.is-plain{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
6
|
+
.sz-button--custom-color.is-plain:focus,.sz-button--custom-color.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-hover-color);background-color:var(--sz-button-plain-hover-color)}
|
|
7
|
+
.sz-button--custom-color.is-plain:active{color:var(--sz-button-text-color);border-color:var(--sz-button-active-color);background-color:var(--sz-button-plain-hover-color)}
|
|
8
|
+
.sz-button--custom-color.is-disabled,.sz-button--custom-color.is-disabled:active,.sz-button--custom-color.is-disabled:focus,.sz-button--custom-color.is-disabled:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color);opacity:.5}
|
|
9
|
+
.sz-button--custom-color.is-disabled.is-plain,.sz-button--custom-color.is-disabled.is-plain:active,.sz-button--custom-color.is-disabled.is-plain:focus,.sz-button--custom-color.is-disabled.is-plain:hover{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-plain-color)}
|
|
10
|
+
.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
|
|
11
|
+
.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
|
|
12
|
+
.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
|
|
13
|
+
.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
14
|
+
.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
|
|
15
|
+
.sz-form__col>.el-form-item{width:100%}
|
|
16
|
+
.sz-form__col .el-select,.sz-form__col .el-date-editor,.sz-form__col .el-input-number,.sz-form__col .sz-tree-select{width:100%}
|
|
17
|
+
.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
|
|
18
|
+
.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
|
|
19
|
+
.sz-virtual-select__option--hidden{position:absolute!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
|
|
20
|
+
.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
|
|
21
|
+
.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
|
|
22
|
+
.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
|
|
23
|
+
.sz-virtual-select__thumb{width:6px;border-radius:6px;background-color:var(--sz-scrollbar-thumb-color,rgba(144,147,153,.5));cursor:grab;pointer-events:auto;transition:background-color .2s}
|
|
24
|
+
.sz-virtual-select__thumb:active{cursor:grabbing}
|
|
25
|
+
.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
|
|
26
|
+
.sz-menu:not(.el-menu--horizontal){height:100%}
|
|
27
|
+
.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
|
|
28
|
+
.sz-menu.el-menu--collapse{width:56px}
|
|
29
|
+
.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
|
|
30
|
+
.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
31
|
+
.sz-menu .el-submenu.is-active>.el-submenu__title,.sz-menu .el-submenu.is-active>.el-submenu__title .sz-menu__icon{color:var(--sz-color-primary,#409eff)}
|
|
32
|
+
.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
|
|
33
|
+
.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
|
|
34
|
+
.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
35
|
+
.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
|
|
36
|
+
.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
|
|
37
|
+
.sz-table{height:100%;background:var(--sz-color-white,#fff)}
|
|
38
|
+
.sz-table .el-table .el-table__header th,.sz-table .el-table .el-table__header td,.sz-table .el-table .el-table__body th,.sz-table .el-table .el-table__body td{padding:0}
|
|
39
|
+
.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
|
|
40
|
+
.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
41
|
+
.sz-tree-select{height:fit-content}
|
|
42
|
+
.sz-tree-select__reference{width:100%}
|
|
43
|
+
.sz-tree-select__panel{width:100%}
|
|
44
|
+
.sz-tree-select__filter{margin-bottom:8px}
|
|
45
|
+
.sz-tree-select__tree{max-height:280px;overflow:auto}
|
|
46
|
+
.sz-tree-select__tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--sz-color-primary,#409eff);background:var(--sz-color-primary-light-9,#ecf5ff);font-weight:600}
|
|
47
|
+
.sz-tree-select__multiple{box-sizing:border-box;position:relative;display:flex;align-self:flex-start;align-content:center;align-items:center;flex-wrap:wrap;gap:4px;width:100%;height:fit-content;min-height:40px;padding:4px 30px 4px 8px;border:1px solid var(--sz-border-color-base,#dcdfe6);border-radius:4px;background:var(--sz-color-white,#fff);cursor:text;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}
|
|
48
|
+
.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
|
|
49
|
+
.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
|
|
50
|
+
.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
|
|
51
|
+
.sz-tree-select__multiple--medium{min-height:36px}
|
|
52
|
+
.sz-tree-select__multiple--small{min-height:32px}
|
|
53
|
+
.sz-tree-select__multiple--mini{min-height:28px}
|
|
54
|
+
.sz-tree-select__tag{max-width:calc(100% - 8px)}
|
|
55
|
+
.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
|
|
56
|
+
.sz-tree-select__multiple-input{flex:1 1 60px;min-width:40px;height:28px;padding:0;border:0;outline:0;color:var(--sz-color-text-regular,#606266);background:transparent;font:inherit}
|
|
57
|
+
.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
|
|
58
|
+
.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
|
|
59
|
+
.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
|
|
60
|
+
.sz-tree-select__clear,.sz-tree-select__arrow{position:absolute;right:5px;top:50%;height:28px;line-height:28px;transform:translateY(-50%);color:var(--sz-color-text-placeholder,#c0c4cc);text-align:center}
|
|
61
|
+
.sz-tree-select__clear{display:none;cursor:pointer}
|
|
62
|
+
.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
|
|
63
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
|
|
64
|
+
.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
|
|
65
|
+
.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
|
|
66
|
+
.sz-tree-select__suffix-arrow{transition:transform .3s}
|
|
67
|
+
.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
|
|
68
|
+
.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
|
|
69
|
+
`,c=false;function i(){if(c||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=p,document.head.appendChild(e),c=true;}function u(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(i(),Array.isArray(t)){t.forEach(o=>o.call(this));return}t==null||t.call(this);}}}var b=u(a),v=b;exports.SzDialog=b;exports.default=v;exports.injectStyle=i;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { R as RenderFunction } from './style-BAI8rK3m.cjs';
|
|
2
|
+
export { q as injectStyle } from './style-BAI8rK3m.cjs';
|
|
3
|
+
|
|
4
|
+
declare const SzDialog: {
|
|
5
|
+
name: string;
|
|
6
|
+
componentName: string;
|
|
7
|
+
inheritAttrs: boolean;
|
|
8
|
+
props: {
|
|
9
|
+
value: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: undefined;
|
|
12
|
+
};
|
|
13
|
+
visible: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: undefined;
|
|
16
|
+
};
|
|
17
|
+
title: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
border: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
footer: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
size: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
showCancel: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
showConfirm: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
cancelText: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
default: string;
|
|
44
|
+
};
|
|
45
|
+
confirmText: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
default: string;
|
|
48
|
+
};
|
|
49
|
+
cancelButtonProps: {
|
|
50
|
+
type: ObjectConstructor;
|
|
51
|
+
default: () => {};
|
|
52
|
+
};
|
|
53
|
+
confirmButtonProps: {
|
|
54
|
+
type: ObjectConstructor;
|
|
55
|
+
default: () => {};
|
|
56
|
+
};
|
|
57
|
+
beforeConfirm: {
|
|
58
|
+
type: FunctionConstructor;
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
data(): {
|
|
63
|
+
confirmLoading: boolean;
|
|
64
|
+
};
|
|
65
|
+
computed: {
|
|
66
|
+
resolvedVisible(): boolean;
|
|
67
|
+
dialogProps(): Record<string, unknown>;
|
|
68
|
+
};
|
|
69
|
+
methods: {
|
|
70
|
+
updateVisible(visible: boolean): void;
|
|
71
|
+
close(): void;
|
|
72
|
+
open(): void;
|
|
73
|
+
handleDialogClose(...args: unknown[]): void;
|
|
74
|
+
handleCancel(): void;
|
|
75
|
+
confirm(): Promise<any>;
|
|
76
|
+
getDialogListeners(): any;
|
|
77
|
+
renderTitle(h: RenderFunction): unknown;
|
|
78
|
+
renderFooter(h: RenderFunction): any;
|
|
79
|
+
};
|
|
80
|
+
render(h: RenderFunction): any;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export { SzDialog, SzDialog as default };
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { R as RenderFunction } from './style-BAI8rK3m.js';
|
|
2
|
+
export { q as injectStyle } from './style-BAI8rK3m.js';
|
|
3
|
+
|
|
4
|
+
declare const SzDialog: {
|
|
5
|
+
name: string;
|
|
6
|
+
componentName: string;
|
|
7
|
+
inheritAttrs: boolean;
|
|
8
|
+
props: {
|
|
9
|
+
value: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: undefined;
|
|
12
|
+
};
|
|
13
|
+
visible: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: undefined;
|
|
16
|
+
};
|
|
17
|
+
title: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
border: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
footer: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
size: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
showCancel: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
showConfirm: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
cancelText: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
default: string;
|
|
44
|
+
};
|
|
45
|
+
confirmText: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
default: string;
|
|
48
|
+
};
|
|
49
|
+
cancelButtonProps: {
|
|
50
|
+
type: ObjectConstructor;
|
|
51
|
+
default: () => {};
|
|
52
|
+
};
|
|
53
|
+
confirmButtonProps: {
|
|
54
|
+
type: ObjectConstructor;
|
|
55
|
+
default: () => {};
|
|
56
|
+
};
|
|
57
|
+
beforeConfirm: {
|
|
58
|
+
type: FunctionConstructor;
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
data(): {
|
|
63
|
+
confirmLoading: boolean;
|
|
64
|
+
};
|
|
65
|
+
computed: {
|
|
66
|
+
resolvedVisible(): boolean;
|
|
67
|
+
dialogProps(): Record<string, unknown>;
|
|
68
|
+
};
|
|
69
|
+
methods: {
|
|
70
|
+
updateVisible(visible: boolean): void;
|
|
71
|
+
close(): void;
|
|
72
|
+
open(): void;
|
|
73
|
+
handleDialogClose(...args: unknown[]): void;
|
|
74
|
+
handleCancel(): void;
|
|
75
|
+
confirm(): Promise<any>;
|
|
76
|
+
getDialogListeners(): any;
|
|
77
|
+
renderTitle(h: RenderFunction): unknown;
|
|
78
|
+
renderFooter(h: RenderFunction): any;
|
|
79
|
+
};
|
|
80
|
+
render(h: RenderFunction): any;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export { SzDialog, SzDialog as default };
|