@szkj/element-ui 0.0.1

package/dist/SzDialog.js

@@ -0,0 +1,69 @@
+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=`
+.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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}
+.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)}
+.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
+.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
+.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
+.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-form__col>.el-form-item{width:100%}
+.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%}
+.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
+.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
+.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}
+.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
+.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
+.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
+.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}
+.sz-virtual-select__thumb:active{cursor:grabbing}
+.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
+.sz-menu:not(.el-menu--horizontal){height:100%}
+.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
+.sz-menu.el-menu--collapse{width:56px}
+.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
+.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
+.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)}
+.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
+.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
+.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
+.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
+.sz-table{height:100%;background:var(--sz-color-white,#fff)}
+.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}
+.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
+.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-tree-select{height:fit-content}
+.sz-tree-select__reference{width:100%}
+.sz-tree-select__panel{width:100%}
+.sz-tree-select__filter{margin-bottom:8px}
+.sz-tree-select__tree{max-height:280px;overflow:auto}
+.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}
+.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)}
+.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
+.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
+.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
+.sz-tree-select__multiple--medium{min-height:36px}
+.sz-tree-select__multiple--small{min-height:32px}
+.sz-tree-select__multiple--mini{min-height:28px}
+.sz-tree-select__tag{max-width:calc(100% - 8px)}
+.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
+.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}
+.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
+.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
+.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
+.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}
+.sz-tree-select__clear{display:none;cursor:pointer}
+.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
+.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
+.sz-tree-select__suffix-arrow{transition:transform .3s}
+.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
+.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
+`,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;export{b as SzDialog,v as default,i as injectStyle};

package/dist/SzForm.cjs

@@ -0,0 +1,69 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var biz=require('@szkj/biz');var $={label:"label",value:"value",children:"children",disabled:"disabled"};function h(e){return Array.isArray(e)?e:w(e)?[]:[e]}function w(e){return e==null||e===""}function u(e){return `${typeof e}:${String(e)}`}function g(e,t){var r;return e[(r=t.value)!=null?r:"value"]}function b(e,t){var s;let r=e[(s=t.label)!=null?s:"label"];return r==null?"":String(r)}function F(e,t){var s;let r=e[(s=t.children)!=null?s:"children"];return Array.isArray(r)?r:[]}function v(e,t,r){e.forEach(s=>{r(s),v(F(s,t),t,r);});}function I(e){return Array.isArray(e)?e.some(t=>{if(t==null)return  false;if(typeof t=="string")return t.trim()!=="";if(typeof t=="object"){let r=t;if(r.isComment)return  false;if(!r.tag&&typeof r.text=="string")return r.text.trim()!==""}return  true}):e!=null}var x={name:"SzTreeSelect",inheritAttrs:false,props:{value:{type:[String,Number,Boolean,Array],default:void 0},data:{type:Array,default:()=>[]},loadData:{type:Function,default:void 0},remote:{type:Boolean,default:false},remoteMethod:{type:Function,default:void 0},remoteDebounce:{type:Number,default:300},props:{type:Object,default:()=>({})},multiple:{type:Boolean,default:false},closeOnSelect:{type:Boolean,default:void 0},collapseTags:{type:Boolean,default:false},clearable:{type:Boolean,default:true},filterable:{type:Boolean,default:true},disabled:{type:Boolean,default:false},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},checkStrictly:{type:Boolean,default:false},highlightCurrent:{type:Boolean,default:void 0},size:{type:String,default:void 0},popoverWidth:{type:[String,Number],default:void 0},emptyText:{type:String,default:"\u6682\u65E0\u6570\u636E"}},data(){return {treeData:[],queryText:"",inputValue:"",loading:false,visible:false,selectedLabelMap:{},selectedNodeMap:{},referenceWidth:0,referenceResizeObserver:void 0,remoteTimer:void 0,remoteSearchSeq:0}},computed:{treeProps(){return {...$,...this.props}},selectedNodes(){let e=h(this.value),t=[];return v(this.treeData,this.treeProps,r=>{e.includes(g(r,this.treeProps))&&t.push(r);}),t},displayText(){let e={};return this.selectedNodes.forEach(t=>{e[u(g(t,this.treeProps))]=b(t,this.treeProps);}),h(this.value).map(t=>{var s,o;let r=u(t);return (o=(s=e[r])!=null?s:this.selectedLabelMap[r])!=null?o:""}).filter(Boolean).join("\u3001")},selectedTags(){let e=this.getSelectedNodes(),t={};return e.forEach(r=>{t[u(g(r,this.treeProps))]=r;}),h(this.value).map(r=>{var n,i;let s=u(r),o=(n=t[s])!=null?n:this.selectedNodeMap[s];return {value:r,label:o?b(o,this.treeProps):(i=this.selectedLabelMap[s])!=null?i:String(r),node:o}})},resolvedPopoverWidth(){if(this.popoverWidth)return this.popoverWidth;if(this.referenceWidth>0)return this.referenceWidth},resolvedHighlightCurrent(){var e;return (e=this.highlightCurrent)!=null?e:!this.multiple}},watch:{data:{immediate:true,handler(e){this.treeData=Array.isArray(e)?e:[],this.cacheSelectedLabels(),this.syncCurrentKey(),this.syncCheckedKeys();}},value(){var e;this.cacheSelectedLabels(),this.syncInputValue(),this.syncCurrentKey(),this.syncCheckedKeys(),(e=this.updatePopoverPosition)==null||e.call(this);},disabled(e){e&&this.setVisible(false);},displayText:{immediate:true,handler(){this.syncInputValue();}},queryText(e){var t;this.remote||(t=this.$refs.tree)==null||t.filter(e);}},created(){this.loadTreeData();},mounted(){this.updateReferenceWidth(),this.observeReferenceResize(),document.addEventListener("mousedown",this.handleDocumentMousedown),window.addEventListener("resize",this.updateReferenceWidth);},beforeDestroy(){var e,t;document.removeEventListener("mousedown",this.handleDocumentMousedown),window.removeEventListener("resize",this.updateReferenceWidth),(t=(e=this.referenceResizeObserver)==null?void 0:e.disconnect)==null||t.call(e),this.remoteTimer&&clearTimeout(this.remoteTimer);},methods:{async loadTreeData(){if(typeof this.loadData!="function")return this.treeData;this.loading=true;try{let e=await this.loadData();return this.treeData=Array.isArray(e)?e:[],this.cacheSelectedLabels(),this.syncInputValue(),this.syncCurrentKey(),this.syncCheckedKeys(),this.treeData}finally{this.loading=false;}},reload(){return this.loadTreeData()},updateReferenceWidth(){var s;let e=this.$refs.referenceInput,t=(e==null?void 0:e.$el)||e||this.$el,r=(s=t==null?void 0:t.getBoundingClientRect)==null?void 0:s.call(t).width;typeof r=="number"&&r>0&&(this.referenceWidth=Math.ceil(r));},getReferenceElement(){let e=this.$refs.referenceInput;return (e==null?void 0:e.$el)||e||this.$el},observeReferenceResize(){var t,r;if(typeof ResizeObserver=="undefined")return;let e=this.getReferenceElement();e&&((r=(t=this.referenceResizeObserver)==null?void 0:t.disconnect)==null||r.call(t),this.referenceResizeObserver=new ResizeObserver(()=>{this.updateReferenceWidth(),this.updatePopoverPosition();}),this.referenceResizeObserver.observe(e));},updatePopoverPosition(){this.$nextTick(()=>{var e,t;(t=(e=this.$refs.popover)==null?void 0:e.updatePopper)==null||t.call(e);});},async searchRemote(e){if(!this.remote||typeof this.remoteMethod!="function")return [];let t=++this.remoteSearchSeq;this.loading=true;try{let r=await this.remoteMethod(e);return t!==this.remoteSearchSeq?this.treeData:(this.treeData=Array.isArray(r)?r:[],this.cacheSelectedLabels(),this.syncCurrentKey(),this.syncCheckedKeys(),this.treeData)}finally{t===this.remoteSearchSeq&&(this.loading=false);}},scheduleRemoteSearch(e){if(!this.remote)return;this.remoteTimer&&clearTimeout(this.remoteTimer);let t=()=>{this.remoteTimer=void 0,this.searchRemote(e);};if(this.remoteDebounce<=0||typeof window=="undefined"){t();return}this.remoteTimer=window.setTimeout(t,this.remoteDebounce);},syncInputValue(){this.visible&&this.filterable&&this.queryText||(this.inputValue=this.displayText);},cacheSelectedLabels(){let e=h(this.value);e.length!==0&&v(this.treeData,this.treeProps,t=>{var s,o;let r=g(t,this.treeProps);e.includes(r)&&((s=this.$set)==null||s.call(this,this.selectedLabelMap,u(r),b(t,this.treeProps)),(o=this.$set)==null||o.call(this,this.selectedNodeMap,u(r),t));});},getSelectedNodes(e=this.value){let t={};return v(this.treeData,this.treeProps,r=>{t[u(g(r,this.treeProps))]=r;}),h(e).map(r=>{var o;let s=u(r);return (o=t[s])!=null?o:this.selectedNodeMap[s]}).filter(Boolean)},getSelectedNode(){return this.getSelectedNodes()[0]},enterSearchMode(){var e;this.filterable&&(this.queryText="",this.inputValue=this.displayText,this.remote||(e=this.$refs.tree)==null||e.filter(""),this.selectReferenceInput());},selectReferenceInput(){let e=()=>{var r,s,o;let t=this.multiple?this.$refs.multipleInput:(s=(r=this.$refs.referenceInput)==null?void 0:r.$refs)==null?void 0:s.input;(o=t==null?void 0:t.select)==null||o.call(t);};if(typeof window=="undefined"){e();return}window.setTimeout(e);},syncCheckedKeys(e=this.value){this.multiple&&this.$nextTick(()=>{var t;(t=this.$refs.tree)==null||t.setCheckedKeys(h(e));});},syncCurrentKey(e=this.value){this.multiple||this.$nextTick(()=>{var t;(t=this.$refs.tree)==null||t.setCurrentKey(w(e)?null:e);});},emitValue(e){this.$emit("input",e),this.$emit("change",e);},shouldCloseOnSelect(){return this.closeOnSelect===void 0?!this.multiple:this.closeOnSelect},setVisible(e){let t=!this.disabled&&e;this.visible!==t&&(this.visible=t,this.$emit("visible-change",t));},clearValue(){var t;let e=this.multiple?[]:"";this.queryText="",this.inputValue="",this.selectedLabelMap={},this.selectedNodeMap={},this.syncCurrentKey(e),this.syncCheckedKeys(e),this.emitValue(e),this.$emit("selection-change",this.multiple?[]:null,e),this.$emit("clear"),(t=this.updatePopoverPosition)==null||t.call(this),this.remote&&this.scheduleRemoteSearch("");},handleNodeClick(e,t,r){var o,n,i;if(this.$emit("node-click",e,t,r),this.multiple||e[(o=this.treeProps.disabled)!=null?o:"disabled"])return;let s=g(e,this.treeProps);this.emitValue(s),(n=this.$set)==null||n.call(this,this.selectedLabelMap,u(s),b(e,this.treeProps)),(i=this.$set)==null||i.call(this,this.selectedNodeMap,u(s),e),this.syncCurrentKey(s),this.queryText="",this.inputValue=b(e,this.treeProps),this.$emit("selection-change",e,s),this.shouldCloseOnSelect()&&this.setVisible(false);},handleCheck(e,t){var o,n,i,l,a;if(this.$emit("check",e,t),!this.multiple)return;let r=(n=(o=this.$refs.tree)==null?void 0:o.getCheckedKeys())!=null?n:[],s=(a=(l=(i=this.$refs.tree)==null?void 0:i.getCheckedNodes)==null?void 0:l.call(i))!=null?a:[];this.emitMultipleSelection(r,s),this.shouldCloseOnSelect()&&this.setVisible(false);},emitMultipleSelection(e,t,r){t.forEach(s=>{var n,i;let o=g(s,this.treeProps);(n=this.$set)==null||n.call(this,this.selectedLabelMap,u(o),b(s,this.treeProps)),(i=this.$set)==null||i.call(this,this.selectedNodeMap,u(o),s);}),this.emitValue(e),r!==void 0&&this.$emit("remove-tag",r),this.$emit("selection-change",t,e),this.queryText="",this.$nextTick(()=>{var s;this.inputValue=this.displayText,(s=this.updatePopoverPosition)==null||s.call(this);});},handleRemoveTag(e,t){var o,n;if((o=t==null?void 0:t.stopPropagation)==null||o.call(t),this.disabled)return;let r=this.$refs.tree,s=h(this.value).filter(i=>i!==e.value);typeof(r==null?void 0:r.setChecked)=="function"?r.setChecked(e.value,false,true):(n=r==null?void 0:r.setCheckedKeys)==null||n.call(r,s),this.$nextTick(()=>{var a,p,d,f,c;let i=(p=(a=r==null?void 0:r.getCheckedKeys)==null?void 0:a.call(r))!=null?p:s,l=(f=(d=r==null?void 0:r.getCheckedNodes)==null?void 0:d.call(r))!=null?f:this.getSelectedNodes(i);this.emitMultipleSelection(i,l,e.value),(c=this.updatePopoverPosition)==null||c.call(this);});},handleInput(e){this.filterable&&(this.inputValue=e,this.queryText=e,this.setVisible(true),this.remote&&this.scheduleRemoteSearch(e));},handleFocus(e){this.disabled||(this.updateReferenceWidth(),this.setVisible(true),this.enterSearchMode(),this.$emit("focus",e));},handleBlur(e){this.$emit("blur",e);},handleReferenceClick(){this.disabled||(this.updateReferenceWidth(),this.visible||this.enterSearchMode(),this.setVisible(true));},handlePopoverVisible(e){this.setVisible(e),e||this.closePopover();},closePopover(){var e;this.setVisible(false),this.queryText="",this.inputValue=this.displayText,this.remote||(e=this.$refs.tree)==null||e.filter("");},handleDocumentMousedown(e){var o;if(!this.visible)return;let t=e.target,r=this.$el,s=(o=this.$refs.popover)==null?void 0:o.popperElm;r!=null&&r.contains(t)||s!=null&&s.contains(t)||this.closePopover();},filterNode(e,t){return e?b(t,this.treeProps).includes(e):true},renderTreeNode(e,t){var s;if(this.$scopedSlots.default){let o=this.$scopedSlots.default({node:t.node,data:t.data});if(I(o))return o}let r=(s=this.$attrs.renderContent)!=null?s:this.$attrs["render-content"];return typeof r=="function"?r(e,t):e("span",{class:"el-tree-node__label"},[b(t.data,this.treeProps)])},renderPopoverContent(e){return e("div",{class:"sz-tree-select__panel"},[e("div",{class:["sz-tree-select__tree",{"sz-tree-select__tree--highlight-current":this.resolvedHighlightCurrent}],directives:[{name:"loading",value:this.loading}]},[e("el-tree",{ref:"tree",props:{...this.$attrs,data:this.treeData,props:this.treeProps,"node-key":this.treeProps.value,"highlight-current":this.resolvedHighlightCurrent,"current-node-key":this.multiple?void 0:this.value,"show-checkbox":this.multiple,"check-strictly":this.checkStrictly,"default-checked-keys":h(this.value),"empty-text":this.emptyText,"filter-node-method":this.filterNode,renderContent:(t,r)=>this.renderTreeNode(t,r)},on:{...this.$listeners,"node-click":this.handleNodeClick,check:this.handleCheck},scopedSlots:{default:this.$scopedSlots.default?t=>this.$scopedSlots.default(t):void 0}})])])},renderMultipleReference(e){let t=this.collapseTags?this.selectedTags.slice(0,1):this.selectedTags,r=this.selectedTags.length-t.length;return e("div",{ref:"referenceInput",slot:"reference",class:["sz-tree-select__reference","sz-tree-select__multiple",`sz-tree-select__multiple--${this.size||"default"}`,{"is-disabled":this.disabled,"is-focus":this.visible,"is-clearable":this.clearable&&!this.disabled,"has-value":this.selectedTags.length>0}],on:{click:this.handleReferenceClick}},[...t.map(s=>e("el-tag",{key:u(s.value),class:"sz-tree-select__tag",props:{closable:!this.disabled,size:this.size==="mini"?"mini":"small",type:"info","disable-transitions":true},on:{close:o=>{this.handleRemoveTag(s,o);}}},s.label)),r>0?e("el-tag",{class:"sz-tree-select__tag",props:{size:this.size==="mini"?"mini":"small",type:"info","disable-transitions":true}},`+ ${r}`):void 0,e("input",{ref:"multipleInput",class:"sz-tree-select__multiple-input",attrs:{disabled:this.disabled,placeholder:this.selectedTags.length===0?this.placeholder:""},domProps:{value:this.queryText},on:{input:s=>{this.handleInput(s.target.value);},focus:this.handleFocus,blur:this.handleBlur}}),this.clearable&&!this.disabled&&this.selectedTags.length>0?e("i",{class:["el-input__icon","el-icon-circle-close","sz-tree-select__clear"],on:{click:s=>{s.stopPropagation(),this.clearValue();}}}):void 0,e("i",{class:["el-input__icon","el-icon-arrow-down","sz-tree-select__arrow",{"is-reverse":this.visible}]})].filter(Boolean))}},render(e){return e("el-popover",{ref:"popover",class:"sz-tree-select",props:{value:this.visible,trigger:"manual",placement:"bottom-start",width:this.resolvedPopoverWidth},on:{input:this.handlePopoverVisible}},[this.multiple?this.renderMultipleReference(e):e("el-input",{ref:"referenceInput",slot:"reference",class:["sz-tree-select__reference",{"is-clearable":this.clearable&&!this.disabled,"has-value":h(this.value).length>0}],props:{value:this.inputValue,readonly:!this.filterable,clearable:this.clearable,disabled:this.disabled,size:this.size,placeholder:this.placeholder,"suffix-icon":["el-icon-arrow-down","sz-tree-select__suffix-arrow",this.visible?"is-reverse":""].filter(Boolean).join(" ")},on:{clear:this.clearValue,input:this.handleInput,focus:this.handleFocus,blur:this.handleBlur,click:this.handleReferenceClick}}),this.renderPopoverContent(e)])}};function C(e,t={}){return e.split(".").reduce((r,s)=>{if(r!=null)return r[s]},t)}function R(e,t,r){let s=e.split("."),o=s.pop();if(!o)return;let n=s.reduce((i,l)=>((!i[l]||typeof i[l]!="object")&&(i[l]={}),i[l]),t);n[o]=r;}function N(e){var t,r,s;return e.placeholder?e.placeholder:["select","date","daterange","tree-select"].includes((t=e.type)!=null?t:"")?`\u8BF7\u9009\u62E9${(r=e.label)!=null?r:""}`:`\u8BF7\u8F93\u5165${(s=e.label)!=null?s:""}`}var k={name:"SzForm",inheritAttrs:false,props:{model:{type:Object,default:()=>({})},items:{type:Array,default:()=>[]},permissions:{type:Array,default:()=>[]},permissionMode:{type:String,default:"some"},permissionOptions:{type:Object,default:()=>({})},labelWidth:{type:String,default:"100px"},inline:{type:Boolean,default:false},disabled:{type:Boolean,default:false}},data(){return {optionMap:{},optionLoadingMap:{}}},created(){this.loadOptions();},watch:{items(){this.loadOptions();}},computed:{visibleItems(){let e=biz.filterByPermission(this.items,this.permissions,{mode:this.permissionMode,...this.permissionOptions});return this.filterVisibleItems(e)}},methods:{filterVisibleItems(e){return e.reduce((t,r)=>(r.hidden===true||r.show===false||r.show==="false"||t.push(Array.isArray(r.children)?{...r,children:this.filterVisibleItems(r.children)}:r),t),[])},getFieldItems(e=this.visibleItems){return e.flatMap(t=>t.type==="row"&&Array.isArray(t.children)?this.getFieldItems(t.children):[t])},getItemOptions(e){var t,r,s;return (s=(r=this.optionMap[(t=e.prop)!=null?t:""])!=null?r:e.options)!=null?s:[]},async loadItemOptions(e){if(typeof e.loadOptions!="function")return this.getItemOptions(e);this.$set(this.optionLoadingMap,e.prop,true);try{let t=await e.loadOptions({item:e,model:this.model});return this.$set(this.optionMap,e.prop,Array.isArray(t)?t:[]),this.optionMap[e.prop]}finally{this.$set(this.optionLoadingMap,e.prop,false);}},loadOptions(){return Promise.all(this.getFieldItems().filter(e=>typeof e.loadOptions=="function").map(e=>this.loadItemOptions(e)))},reloadOptions(e){if(!e)return this.loadOptions();let t=this.getFieldItems().find(r=>r.prop===e);return t?this.loadItemOptions(t):Promise.resolve([])},getValue(e){return C(e,this.model)},setValue(e,t,r){R(e,this.model,t),this.$emit("change",this.model),this.$emit("field-change",{prop:e,value:t,item:r,model:this.model});},validate(e){var t;return (t=this.$refs.elForm)==null?void 0:t.validate(e)},validateField(e,t){var r;return (r=this.$refs.elForm)==null?void 0:r.validateField(e,t)},resetFields(){var e;return (e=this.$refs.elForm)==null?void 0:e.resetFields()},clearValidate(e){var t;return (t=this.$refs.elForm)==null?void 0:t.clearValidate(e)},createFieldBinding(e){let t=this;return Object.defineProperty({},"value",{enumerable:true,get(){return t.getValue(e.prop)},set(r){t.setValue(e.prop,r,e);}})},renderOptions(e,t){return this.getItemOptions(t).map(r=>{var n,i;let s=r[(n=t.optionLabelKey)!=null?n:"label"],o=r[(i=t.optionValueKey)!=null?i:"value"];return e("el-option",{key:String(o),props:{label:s,value:o,disabled:r.disabled}})})},renderRadioOptions(e,t){return this.getItemOptions(t).map(r=>{var i,l,a;let s=r[(i=t.optionLabelKey)!=null?i:"label"],o=r[(l=t.optionValueKey)!=null?l:"value"],n=r[(a=t.optionDisabledKey)!=null?a:"disabled"];return e("el-radio",{key:`${typeof o}:${String(o)}`,props:{label:o,disabled:n}},s==null?"":String(s))})},renderCheckboxOptions(e,t){return this.getItemOptions(t).map(r=>{var i,l,a;let s=r[(i=t.optionLabelKey)!=null?i:"label"],o=r[(l=t.optionValueKey)!=null?l:"value"],n=r[(a=t.optionDisabledKey)!=null?a:"disabled"];return e("el-checkbox",{key:`${typeof o}:${String(o)}`,props:{label:o,disabled:n}},s==null?"":String(s))})},renderControl(e,t){var n,i,l,a,p,d,f;if(!t.prop)return;let r=(n=t.type)!=null?n:"input",s=this.getValue(t.prop),o={props:{value:s,disabled:this.disabled||t.disabled,placeholder:N(t),clearable:(i=t.clearable)!=null?i:true,...(l=t.componentProps)!=null?l:{}},attrs:t.attrs,on:{...(a=t.on)!=null?a:{},input:c=>this.setValue(t.prop,c,t),change:c=>{var m,y;(y=(m=t.on)==null?void 0:m.change)==null||y.call(m,c),this.$emit("field-change",{prop:t.prop,value:c,item:t,model:this.model});}}};return t.render?t.render({item:t,value:s,model:this.model,binding:this.createFieldBinding(t),setValue:c=>this.setValue(t.prop,c,t)},e):t.slot?(d=(p=this.$scopedSlots)[t.slot])==null?void 0:d.call(p,{item:t,value:s,model:this.model,binding:this.createFieldBinding(t),setValue:c=>this.setValue(t.prop,c,t)}):r==="component"?t.component?e(t.component,{props:{...(f=t.componentProps)!=null?f:{},disabled:!!(this.disabled||t.disabled)},attrs:t.attrs,on:t.on,model:{value:s,callback:c=>{this.setValue(t.prop,c,t);}}}):void 0:r==="textarea"?e("el-input",{...o,props:{...o.props,type:"textarea"}}):r==="select"?e("el-select",{...o,props:{...o.props,loading:this.optionLoadingMap[t.prop]}},this.renderOptions(e,t)):r==="radio"?e("el-radio-group",o,this.renderRadioOptions(e,t)):r==="checkbox"?e("el-checkbox-group",o,this.renderCheckboxOptions(e,t)):r==="number"?e("el-input-number",o):r==="date"||r==="daterange"?e("el-date-picker",{...o,props:{...o.props,type:r==="daterange"?"daterange":"date"}}):e(r==="tree-select"?x:"el-input",o)},renderFormItem(e,t){var r,s;if(t.prop)return e("el-form-item",{key:(r=t.key)!=null?r:t.prop,props:{label:t.label,prop:t.prop,rules:t.rules,required:t.required,"label-width":t.labelWidth,...(s=t.formItemProps)!=null?s:{}}},[this.renderControl(e,t)])},renderRow(e,t,r){var i,l,a,p;let s=(i=t.children)!=null?i:[],o=Math.max(1,Number(t.columns)||s.length||1),n=Math.max(1,Math.floor(24/o));return e("el-row",{key:(l=t.key)!=null?l:`row:${r}`,class:"sz-form__row",props:{gutter:(a=t.gutter)!=null?a:16,...(p=t.rowProps)!=null?p:{}}},s.map((d,f)=>{var c,m,y,_;return e("el-col",{key:(m=(c=d.key)!=null?c:d.prop)!=null?m:`col:${f}`,class:"sz-form__col",props:{span:(y=d.span)!=null?y:n,...(_=d.colProps)!=null?_:{}}},[d.type==="row"?this.renderRow(e,d,f):this.renderFormItem(e,d)])}))},renderSchemaItem(e,t,r){return t.type==="row"?this.renderRow(e,t,r):this.renderFormItem(e,t)}},render(e){return e("el-form",{ref:"elForm",props:{model:this.model,rules:this.$attrs.rules,"label-width":this.labelWidth,inline:this.inline,disabled:this.disabled,...this.$attrs},on:this.$listeners},[...this.visibleItems.map((t,r)=>this.renderSchemaItem(e,t,r)),this.$slots.default])}};var V=`
+.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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}
+.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)}
+.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
+.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
+.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
+.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-form__col>.el-form-item{width:100%}
+.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%}
+.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
+.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
+.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}
+.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
+.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
+.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
+.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}
+.sz-virtual-select__thumb:active{cursor:grabbing}
+.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
+.sz-menu:not(.el-menu--horizontal){height:100%}
+.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
+.sz-menu.el-menu--collapse{width:56px}
+.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
+.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
+.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)}
+.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
+.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
+.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
+.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
+.sz-table{height:100%;background:var(--sz-color-white,#fff)}
+.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}
+.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
+.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-tree-select{height:fit-content}
+.sz-tree-select__reference{width:100%}
+.sz-tree-select__panel{width:100%}
+.sz-tree-select__filter{margin-bottom:8px}
+.sz-tree-select__tree{max-height:280px;overflow:auto}
+.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}
+.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)}
+.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
+.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
+.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
+.sz-tree-select__multiple--medium{min-height:36px}
+.sz-tree-select__multiple--small{min-height:32px}
+.sz-tree-select__multiple--mini{min-height:28px}
+.sz-tree-select__tag{max-width:calc(100% - 8px)}
+.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
+.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}
+.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
+.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
+.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
+.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}
+.sz-tree-select__clear{display:none;cursor:pointer}
+.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
+.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
+.sz-tree-select__suffix-arrow{transition:transform .3s}
+.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
+.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
+`,S=false;function z(){if(S||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=V,document.head.appendChild(e),S=true;}function T(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(z(),Array.isArray(t)){t.forEach(r=>r.call(this));return}t==null||t.call(this);}}}var M=T(k),q=M;exports.SzForm=M;exports.default=q;exports.injectStyle=z;

package/dist/SzForm.d.cts

@@ -0,0 +1,77 @@
+import { F as FormItem, R as RenderFunction } from './style-BAI8rK3m.cjs';
+export { q as injectStyle } from './style-BAI8rK3m.cjs';
+
+declare const SzForm: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        model: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        items: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        permissions: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        permissionMode: {
+            type: StringConstructor;
+            default: string;
+        };
+        permissionOptions: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        labelWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+    data(): {
+        optionMap: {};
+        optionLoadingMap: {};
+    };
+    created(): void;
+    watch: {
+        items(): void;
+    };
+    computed: {
+        visibleItems(): FormItem[];
+    };
+    methods: {
+        filterVisibleItems(items: FormItem[]): FormItem[];
+        getFieldItems(items?: FormItem[]): FormItem[];
+        getItemOptions(item: FormItem): any;
+        loadItemOptions(item: FormItem): Promise<any>;
+        loadOptions(): Promise<any>;
+        reloadOptions(prop?: string): Promise<any>;
+        getValue(prop: string): unknown;
+        setValue(prop: string, value: unknown, item: FormItem): void;
+        validate(callback?: (valid: boolean, fields?: unknown) => void): any;
+        validateField(props: string | string[], callback?: (errorMessage: string) => void): any;
+        resetFields(): any;
+        clearValidate(props?: string | string[]): any;
+        createFieldBinding(item: FormItem): {};
+        renderOptions(h: RenderFunction, item: FormItem): any;
+        renderRadioOptions(h: RenderFunction, item: FormItem): any;
+        renderCheckboxOptions(h: RenderFunction, item: FormItem): any;
+        renderControl(h: RenderFunction, item: FormItem): any;
+        renderFormItem(h: RenderFunction, item: FormItem): any;
+        renderRow(h: RenderFunction, item: FormItem, rowIndex: number): any;
+        renderSchemaItem(h: RenderFunction, item: FormItem, index: number): any;
+    };
+    render(h: RenderFunction): any;
+};
+
+export { SzForm, SzForm as default };

package/dist/SzForm.d.ts

@@ -0,0 +1,77 @@
+import { F as FormItem, R as RenderFunction } from './style-BAI8rK3m.js';
+export { q as injectStyle } from './style-BAI8rK3m.js';
+
+declare const SzForm: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        model: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        items: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        permissions: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        permissionMode: {
+            type: StringConstructor;
+            default: string;
+        };
+        permissionOptions: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        labelWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+    data(): {
+        optionMap: {};
+        optionLoadingMap: {};
+    };
+    created(): void;
+    watch: {
+        items(): void;
+    };
+    computed: {
+        visibleItems(): FormItem[];
+    };
+    methods: {
+        filterVisibleItems(items: FormItem[]): FormItem[];
+        getFieldItems(items?: FormItem[]): FormItem[];
+        getItemOptions(item: FormItem): any;
+        loadItemOptions(item: FormItem): Promise<any>;
+        loadOptions(): Promise<any>;
+        reloadOptions(prop?: string): Promise<any>;
+        getValue(prop: string): unknown;
+        setValue(prop: string, value: unknown, item: FormItem): void;
+        validate(callback?: (valid: boolean, fields?: unknown) => void): any;
+        validateField(props: string | string[], callback?: (errorMessage: string) => void): any;
+        resetFields(): any;
+        clearValidate(props?: string | string[]): any;
+        createFieldBinding(item: FormItem): {};
+        renderOptions(h: RenderFunction, item: FormItem): any;
+        renderRadioOptions(h: RenderFunction, item: FormItem): any;
+        renderCheckboxOptions(h: RenderFunction, item: FormItem): any;
+        renderControl(h: RenderFunction, item: FormItem): any;
+        renderFormItem(h: RenderFunction, item: FormItem): any;
+        renderRow(h: RenderFunction, item: FormItem, rowIndex: number): any;
+        renderSchemaItem(h: RenderFunction, item: FormItem, index: number): any;
+    };
+    render(h: RenderFunction): any;
+};
+
+export { SzForm, SzForm as default };

package/dist/SzForm.js

@@ -0,0 +1,69 @@
+import {filterByPermission}from'@szkj/biz';var $={label:"label",value:"value",children:"children",disabled:"disabled"};function h(e){return Array.isArray(e)?e:w(e)?[]:[e]}function w(e){return e==null||e===""}function u(e){return `${typeof e}:${String(e)}`}function g(e,t){var r;return e[(r=t.value)!=null?r:"value"]}function b(e,t){var s;let r=e[(s=t.label)!=null?s:"label"];return r==null?"":String(r)}function F(e,t){var s;let r=e[(s=t.children)!=null?s:"children"];return Array.isArray(r)?r:[]}function v(e,t,r){e.forEach(s=>{r(s),v(F(s,t),t,r);});}function I(e){return Array.isArray(e)?e.some(t=>{if(t==null)return  false;if(typeof t=="string")return t.trim()!=="";if(typeof t=="object"){let r=t;if(r.isComment)return  false;if(!r.tag&&typeof r.text=="string")return r.text.trim()!==""}return  true}):e!=null}var x={name:"SzTreeSelect",inheritAttrs:false,props:{value:{type:[String,Number,Boolean,Array],default:void 0},data:{type:Array,default:()=>[]},loadData:{type:Function,default:void 0},remote:{type:Boolean,default:false},remoteMethod:{type:Function,default:void 0},remoteDebounce:{type:Number,default:300},props:{type:Object,default:()=>({})},multiple:{type:Boolean,default:false},closeOnSelect:{type:Boolean,default:void 0},collapseTags:{type:Boolean,default:false},clearable:{type:Boolean,default:true},filterable:{type:Boolean,default:true},disabled:{type:Boolean,default:false},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},checkStrictly:{type:Boolean,default:false},highlightCurrent:{type:Boolean,default:void 0},size:{type:String,default:void 0},popoverWidth:{type:[String,Number],default:void 0},emptyText:{type:String,default:"\u6682\u65E0\u6570\u636E"}},data(){return {treeData:[],queryText:"",inputValue:"",loading:false,visible:false,selectedLabelMap:{},selectedNodeMap:{},referenceWidth:0,referenceResizeObserver:void 0,remoteTimer:void 0,remoteSearchSeq:0}},computed:{treeProps(){return {...$,...this.props}},selectedNodes(){let e=h(this.value),t=[];return v(this.treeData,this.treeProps,r=>{e.includes(g(r,this.treeProps))&&t.push(r);}),t},displayText(){let e={};return this.selectedNodes.forEach(t=>{e[u(g(t,this.treeProps))]=b(t,this.treeProps);}),h(this.value).map(t=>{var s,o;let r=u(t);return (o=(s=e[r])!=null?s:this.selectedLabelMap[r])!=null?o:""}).filter(Boolean).join("\u3001")},selectedTags(){let e=this.getSelectedNodes(),t={};return e.forEach(r=>{t[u(g(r,this.treeProps))]=r;}),h(this.value).map(r=>{var n,i;let s=u(r),o=(n=t[s])!=null?n:this.selectedNodeMap[s];return {value:r,label:o?b(o,this.treeProps):(i=this.selectedLabelMap[s])!=null?i:String(r),node:o}})},resolvedPopoverWidth(){if(this.popoverWidth)return this.popoverWidth;if(this.referenceWidth>0)return this.referenceWidth},resolvedHighlightCurrent(){var e;return (e=this.highlightCurrent)!=null?e:!this.multiple}},watch:{data:{immediate:true,handler(e){this.treeData=Array.isArray(e)?e:[],this.cacheSelectedLabels(),this.syncCurrentKey(),this.syncCheckedKeys();}},value(){var e;this.cacheSelectedLabels(),this.syncInputValue(),this.syncCurrentKey(),this.syncCheckedKeys(),(e=this.updatePopoverPosition)==null||e.call(this);},disabled(e){e&&this.setVisible(false);},displayText:{immediate:true,handler(){this.syncInputValue();}},queryText(e){var t;this.remote||(t=this.$refs.tree)==null||t.filter(e);}},created(){this.loadTreeData();},mounted(){this.updateReferenceWidth(),this.observeReferenceResize(),document.addEventListener("mousedown",this.handleDocumentMousedown),window.addEventListener("resize",this.updateReferenceWidth);},beforeDestroy(){var e,t;document.removeEventListener("mousedown",this.handleDocumentMousedown),window.removeEventListener("resize",this.updateReferenceWidth),(t=(e=this.referenceResizeObserver)==null?void 0:e.disconnect)==null||t.call(e),this.remoteTimer&&clearTimeout(this.remoteTimer);},methods:{async loadTreeData(){if(typeof this.loadData!="function")return this.treeData;this.loading=true;try{let e=await this.loadData();return this.treeData=Array.isArray(e)?e:[],this.cacheSelectedLabels(),this.syncInputValue(),this.syncCurrentKey(),this.syncCheckedKeys(),this.treeData}finally{this.loading=false;}},reload(){return this.loadTreeData()},updateReferenceWidth(){var s;let e=this.$refs.referenceInput,t=(e==null?void 0:e.$el)||e||this.$el,r=(s=t==null?void 0:t.getBoundingClientRect)==null?void 0:s.call(t).width;typeof r=="number"&&r>0&&(this.referenceWidth=Math.ceil(r));},getReferenceElement(){let e=this.$refs.referenceInput;return (e==null?void 0:e.$el)||e||this.$el},observeReferenceResize(){var t,r;if(typeof ResizeObserver=="undefined")return;let e=this.getReferenceElement();e&&((r=(t=this.referenceResizeObserver)==null?void 0:t.disconnect)==null||r.call(t),this.referenceResizeObserver=new ResizeObserver(()=>{this.updateReferenceWidth(),this.updatePopoverPosition();}),this.referenceResizeObserver.observe(e));},updatePopoverPosition(){this.$nextTick(()=>{var e,t;(t=(e=this.$refs.popover)==null?void 0:e.updatePopper)==null||t.call(e);});},async searchRemote(e){if(!this.remote||typeof this.remoteMethod!="function")return [];let t=++this.remoteSearchSeq;this.loading=true;try{let r=await this.remoteMethod(e);return t!==this.remoteSearchSeq?this.treeData:(this.treeData=Array.isArray(r)?r:[],this.cacheSelectedLabels(),this.syncCurrentKey(),this.syncCheckedKeys(),this.treeData)}finally{t===this.remoteSearchSeq&&(this.loading=false);}},scheduleRemoteSearch(e){if(!this.remote)return;this.remoteTimer&&clearTimeout(this.remoteTimer);let t=()=>{this.remoteTimer=void 0,this.searchRemote(e);};if(this.remoteDebounce<=0||typeof window=="undefined"){t();return}this.remoteTimer=window.setTimeout(t,this.remoteDebounce);},syncInputValue(){this.visible&&this.filterable&&this.queryText||(this.inputValue=this.displayText);},cacheSelectedLabels(){let e=h(this.value);e.length!==0&&v(this.treeData,this.treeProps,t=>{var s,o;let r=g(t,this.treeProps);e.includes(r)&&((s=this.$set)==null||s.call(this,this.selectedLabelMap,u(r),b(t,this.treeProps)),(o=this.$set)==null||o.call(this,this.selectedNodeMap,u(r),t));});},getSelectedNodes(e=this.value){let t={};return v(this.treeData,this.treeProps,r=>{t[u(g(r,this.treeProps))]=r;}),h(e).map(r=>{var o;let s=u(r);return (o=t[s])!=null?o:this.selectedNodeMap[s]}).filter(Boolean)},getSelectedNode(){return this.getSelectedNodes()[0]},enterSearchMode(){var e;this.filterable&&(this.queryText="",this.inputValue=this.displayText,this.remote||(e=this.$refs.tree)==null||e.filter(""),this.selectReferenceInput());},selectReferenceInput(){let e=()=>{var r,s,o;let t=this.multiple?this.$refs.multipleInput:(s=(r=this.$refs.referenceInput)==null?void 0:r.$refs)==null?void 0:s.input;(o=t==null?void 0:t.select)==null||o.call(t);};if(typeof window=="undefined"){e();return}window.setTimeout(e);},syncCheckedKeys(e=this.value){this.multiple&&this.$nextTick(()=>{var t;(t=this.$refs.tree)==null||t.setCheckedKeys(h(e));});},syncCurrentKey(e=this.value){this.multiple||this.$nextTick(()=>{var t;(t=this.$refs.tree)==null||t.setCurrentKey(w(e)?null:e);});},emitValue(e){this.$emit("input",e),this.$emit("change",e);},shouldCloseOnSelect(){return this.closeOnSelect===void 0?!this.multiple:this.closeOnSelect},setVisible(e){let t=!this.disabled&&e;this.visible!==t&&(this.visible=t,this.$emit("visible-change",t));},clearValue(){var t;let e=this.multiple?[]:"";this.queryText="",this.inputValue="",this.selectedLabelMap={},this.selectedNodeMap={},this.syncCurrentKey(e),this.syncCheckedKeys(e),this.emitValue(e),this.$emit("selection-change",this.multiple?[]:null,e),this.$emit("clear"),(t=this.updatePopoverPosition)==null||t.call(this),this.remote&&this.scheduleRemoteSearch("");},handleNodeClick(e,t,r){var o,n,i;if(this.$emit("node-click",e,t,r),this.multiple||e[(o=this.treeProps.disabled)!=null?o:"disabled"])return;let s=g(e,this.treeProps);this.emitValue(s),(n=this.$set)==null||n.call(this,this.selectedLabelMap,u(s),b(e,this.treeProps)),(i=this.$set)==null||i.call(this,this.selectedNodeMap,u(s),e),this.syncCurrentKey(s),this.queryText="",this.inputValue=b(e,this.treeProps),this.$emit("selection-change",e,s),this.shouldCloseOnSelect()&&this.setVisible(false);},handleCheck(e,t){var o,n,i,l,a;if(this.$emit("check",e,t),!this.multiple)return;let r=(n=(o=this.$refs.tree)==null?void 0:o.getCheckedKeys())!=null?n:[],s=(a=(l=(i=this.$refs.tree)==null?void 0:i.getCheckedNodes)==null?void 0:l.call(i))!=null?a:[];this.emitMultipleSelection(r,s),this.shouldCloseOnSelect()&&this.setVisible(false);},emitMultipleSelection(e,t,r){t.forEach(s=>{var n,i;let o=g(s,this.treeProps);(n=this.$set)==null||n.call(this,this.selectedLabelMap,u(o),b(s,this.treeProps)),(i=this.$set)==null||i.call(this,this.selectedNodeMap,u(o),s);}),this.emitValue(e),r!==void 0&&this.$emit("remove-tag",r),this.$emit("selection-change",t,e),this.queryText="",this.$nextTick(()=>{var s;this.inputValue=this.displayText,(s=this.updatePopoverPosition)==null||s.call(this);});},handleRemoveTag(e,t){var o,n;if((o=t==null?void 0:t.stopPropagation)==null||o.call(t),this.disabled)return;let r=this.$refs.tree,s=h(this.value).filter(i=>i!==e.value);typeof(r==null?void 0:r.setChecked)=="function"?r.setChecked(e.value,false,true):(n=r==null?void 0:r.setCheckedKeys)==null||n.call(r,s),this.$nextTick(()=>{var a,p,d,f,c;let i=(p=(a=r==null?void 0:r.getCheckedKeys)==null?void 0:a.call(r))!=null?p:s,l=(f=(d=r==null?void 0:r.getCheckedNodes)==null?void 0:d.call(r))!=null?f:this.getSelectedNodes(i);this.emitMultipleSelection(i,l,e.value),(c=this.updatePopoverPosition)==null||c.call(this);});},handleInput(e){this.filterable&&(this.inputValue=e,this.queryText=e,this.setVisible(true),this.remote&&this.scheduleRemoteSearch(e));},handleFocus(e){this.disabled||(this.updateReferenceWidth(),this.setVisible(true),this.enterSearchMode(),this.$emit("focus",e));},handleBlur(e){this.$emit("blur",e);},handleReferenceClick(){this.disabled||(this.updateReferenceWidth(),this.visible||this.enterSearchMode(),this.setVisible(true));},handlePopoverVisible(e){this.setVisible(e),e||this.closePopover();},closePopover(){var e;this.setVisible(false),this.queryText="",this.inputValue=this.displayText,this.remote||(e=this.$refs.tree)==null||e.filter("");},handleDocumentMousedown(e){var o;if(!this.visible)return;let t=e.target,r=this.$el,s=(o=this.$refs.popover)==null?void 0:o.popperElm;r!=null&&r.contains(t)||s!=null&&s.contains(t)||this.closePopover();},filterNode(e,t){return e?b(t,this.treeProps).includes(e):true},renderTreeNode(e,t){var s;if(this.$scopedSlots.default){let o=this.$scopedSlots.default({node:t.node,data:t.data});if(I(o))return o}let r=(s=this.$attrs.renderContent)!=null?s:this.$attrs["render-content"];return typeof r=="function"?r(e,t):e("span",{class:"el-tree-node__label"},[b(t.data,this.treeProps)])},renderPopoverContent(e){return e("div",{class:"sz-tree-select__panel"},[e("div",{class:["sz-tree-select__tree",{"sz-tree-select__tree--highlight-current":this.resolvedHighlightCurrent}],directives:[{name:"loading",value:this.loading}]},[e("el-tree",{ref:"tree",props:{...this.$attrs,data:this.treeData,props:this.treeProps,"node-key":this.treeProps.value,"highlight-current":this.resolvedHighlightCurrent,"current-node-key":this.multiple?void 0:this.value,"show-checkbox":this.multiple,"check-strictly":this.checkStrictly,"default-checked-keys":h(this.value),"empty-text":this.emptyText,"filter-node-method":this.filterNode,renderContent:(t,r)=>this.renderTreeNode(t,r)},on:{...this.$listeners,"node-click":this.handleNodeClick,check:this.handleCheck},scopedSlots:{default:this.$scopedSlots.default?t=>this.$scopedSlots.default(t):void 0}})])])},renderMultipleReference(e){let t=this.collapseTags?this.selectedTags.slice(0,1):this.selectedTags,r=this.selectedTags.length-t.length;return e("div",{ref:"referenceInput",slot:"reference",class:["sz-tree-select__reference","sz-tree-select__multiple",`sz-tree-select__multiple--${this.size||"default"}`,{"is-disabled":this.disabled,"is-focus":this.visible,"is-clearable":this.clearable&&!this.disabled,"has-value":this.selectedTags.length>0}],on:{click:this.handleReferenceClick}},[...t.map(s=>e("el-tag",{key:u(s.value),class:"sz-tree-select__tag",props:{closable:!this.disabled,size:this.size==="mini"?"mini":"small",type:"info","disable-transitions":true},on:{close:o=>{this.handleRemoveTag(s,o);}}},s.label)),r>0?e("el-tag",{class:"sz-tree-select__tag",props:{size:this.size==="mini"?"mini":"small",type:"info","disable-transitions":true}},`+ ${r}`):void 0,e("input",{ref:"multipleInput",class:"sz-tree-select__multiple-input",attrs:{disabled:this.disabled,placeholder:this.selectedTags.length===0?this.placeholder:""},domProps:{value:this.queryText},on:{input:s=>{this.handleInput(s.target.value);},focus:this.handleFocus,blur:this.handleBlur}}),this.clearable&&!this.disabled&&this.selectedTags.length>0?e("i",{class:["el-input__icon","el-icon-circle-close","sz-tree-select__clear"],on:{click:s=>{s.stopPropagation(),this.clearValue();}}}):void 0,e("i",{class:["el-input__icon","el-icon-arrow-down","sz-tree-select__arrow",{"is-reverse":this.visible}]})].filter(Boolean))}},render(e){return e("el-popover",{ref:"popover",class:"sz-tree-select",props:{value:this.visible,trigger:"manual",placement:"bottom-start",width:this.resolvedPopoverWidth},on:{input:this.handlePopoverVisible}},[this.multiple?this.renderMultipleReference(e):e("el-input",{ref:"referenceInput",slot:"reference",class:["sz-tree-select__reference",{"is-clearable":this.clearable&&!this.disabled,"has-value":h(this.value).length>0}],props:{value:this.inputValue,readonly:!this.filterable,clearable:this.clearable,disabled:this.disabled,size:this.size,placeholder:this.placeholder,"suffix-icon":["el-icon-arrow-down","sz-tree-select__suffix-arrow",this.visible?"is-reverse":""].filter(Boolean).join(" ")},on:{clear:this.clearValue,input:this.handleInput,focus:this.handleFocus,blur:this.handleBlur,click:this.handleReferenceClick}}),this.renderPopoverContent(e)])}};function C(e,t={}){return e.split(".").reduce((r,s)=>{if(r!=null)return r[s]},t)}function R(e,t,r){let s=e.split("."),o=s.pop();if(!o)return;let n=s.reduce((i,l)=>((!i[l]||typeof i[l]!="object")&&(i[l]={}),i[l]),t);n[o]=r;}function N(e){var t,r,s;return e.placeholder?e.placeholder:["select","date","daterange","tree-select"].includes((t=e.type)!=null?t:"")?`\u8BF7\u9009\u62E9${(r=e.label)!=null?r:""}`:`\u8BF7\u8F93\u5165${(s=e.label)!=null?s:""}`}var k={name:"SzForm",inheritAttrs:false,props:{model:{type:Object,default:()=>({})},items:{type:Array,default:()=>[]},permissions:{type:Array,default:()=>[]},permissionMode:{type:String,default:"some"},permissionOptions:{type:Object,default:()=>({})},labelWidth:{type:String,default:"100px"},inline:{type:Boolean,default:false},disabled:{type:Boolean,default:false}},data(){return {optionMap:{},optionLoadingMap:{}}},created(){this.loadOptions();},watch:{items(){this.loadOptions();}},computed:{visibleItems(){let e=filterByPermission(this.items,this.permissions,{mode:this.permissionMode,...this.permissionOptions});return this.filterVisibleItems(e)}},methods:{filterVisibleItems(e){return e.reduce((t,r)=>(r.hidden===true||r.show===false||r.show==="false"||t.push(Array.isArray(r.children)?{...r,children:this.filterVisibleItems(r.children)}:r),t),[])},getFieldItems(e=this.visibleItems){return e.flatMap(t=>t.type==="row"&&Array.isArray(t.children)?this.getFieldItems(t.children):[t])},getItemOptions(e){var t,r,s;return (s=(r=this.optionMap[(t=e.prop)!=null?t:""])!=null?r:e.options)!=null?s:[]},async loadItemOptions(e){if(typeof e.loadOptions!="function")return this.getItemOptions(e);this.$set(this.optionLoadingMap,e.prop,true);try{let t=await e.loadOptions({item:e,model:this.model});return this.$set(this.optionMap,e.prop,Array.isArray(t)?t:[]),this.optionMap[e.prop]}finally{this.$set(this.optionLoadingMap,e.prop,false);}},loadOptions(){return Promise.all(this.getFieldItems().filter(e=>typeof e.loadOptions=="function").map(e=>this.loadItemOptions(e)))},reloadOptions(e){if(!e)return this.loadOptions();let t=this.getFieldItems().find(r=>r.prop===e);return t?this.loadItemOptions(t):Promise.resolve([])},getValue(e){return C(e,this.model)},setValue(e,t,r){R(e,this.model,t),this.$emit("change",this.model),this.$emit("field-change",{prop:e,value:t,item:r,model:this.model});},validate(e){var t;return (t=this.$refs.elForm)==null?void 0:t.validate(e)},validateField(e,t){var r;return (r=this.$refs.elForm)==null?void 0:r.validateField(e,t)},resetFields(){var e;return (e=this.$refs.elForm)==null?void 0:e.resetFields()},clearValidate(e){var t;return (t=this.$refs.elForm)==null?void 0:t.clearValidate(e)},createFieldBinding(e){let t=this;return Object.defineProperty({},"value",{enumerable:true,get(){return t.getValue(e.prop)},set(r){t.setValue(e.prop,r,e);}})},renderOptions(e,t){return this.getItemOptions(t).map(r=>{var n,i;let s=r[(n=t.optionLabelKey)!=null?n:"label"],o=r[(i=t.optionValueKey)!=null?i:"value"];return e("el-option",{key:String(o),props:{label:s,value:o,disabled:r.disabled}})})},renderRadioOptions(e,t){return this.getItemOptions(t).map(r=>{var i,l,a;let s=r[(i=t.optionLabelKey)!=null?i:"label"],o=r[(l=t.optionValueKey)!=null?l:"value"],n=r[(a=t.optionDisabledKey)!=null?a:"disabled"];return e("el-radio",{key:`${typeof o}:${String(o)}`,props:{label:o,disabled:n}},s==null?"":String(s))})},renderCheckboxOptions(e,t){return this.getItemOptions(t).map(r=>{var i,l,a;let s=r[(i=t.optionLabelKey)!=null?i:"label"],o=r[(l=t.optionValueKey)!=null?l:"value"],n=r[(a=t.optionDisabledKey)!=null?a:"disabled"];return e("el-checkbox",{key:`${typeof o}:${String(o)}`,props:{label:o,disabled:n}},s==null?"":String(s))})},renderControl(e,t){var n,i,l,a,p,d,f;if(!t.prop)return;let r=(n=t.type)!=null?n:"input",s=this.getValue(t.prop),o={props:{value:s,disabled:this.disabled||t.disabled,placeholder:N(t),clearable:(i=t.clearable)!=null?i:true,...(l=t.componentProps)!=null?l:{}},attrs:t.attrs,on:{...(a=t.on)!=null?a:{},input:c=>this.setValue(t.prop,c,t),change:c=>{var m,y;(y=(m=t.on)==null?void 0:m.change)==null||y.call(m,c),this.$emit("field-change",{prop:t.prop,value:c,item:t,model:this.model});}}};return t.render?t.render({item:t,value:s,model:this.model,binding:this.createFieldBinding(t),setValue:c=>this.setValue(t.prop,c,t)},e):t.slot?(d=(p=this.$scopedSlots)[t.slot])==null?void 0:d.call(p,{item:t,value:s,model:this.model,binding:this.createFieldBinding(t),setValue:c=>this.setValue(t.prop,c,t)}):r==="component"?t.component?e(t.component,{props:{...(f=t.componentProps)!=null?f:{},disabled:!!(this.disabled||t.disabled)},attrs:t.attrs,on:t.on,model:{value:s,callback:c=>{this.setValue(t.prop,c,t);}}}):void 0:r==="textarea"?e("el-input",{...o,props:{...o.props,type:"textarea"}}):r==="select"?e("el-select",{...o,props:{...o.props,loading:this.optionLoadingMap[t.prop]}},this.renderOptions(e,t)):r==="radio"?e("el-radio-group",o,this.renderRadioOptions(e,t)):r==="checkbox"?e("el-checkbox-group",o,this.renderCheckboxOptions(e,t)):r==="number"?e("el-input-number",o):r==="date"||r==="daterange"?e("el-date-picker",{...o,props:{...o.props,type:r==="daterange"?"daterange":"date"}}):e(r==="tree-select"?x:"el-input",o)},renderFormItem(e,t){var r,s;if(t.prop)return e("el-form-item",{key:(r=t.key)!=null?r:t.prop,props:{label:t.label,prop:t.prop,rules:t.rules,required:t.required,"label-width":t.labelWidth,...(s=t.formItemProps)!=null?s:{}}},[this.renderControl(e,t)])},renderRow(e,t,r){var i,l,a,p;let s=(i=t.children)!=null?i:[],o=Math.max(1,Number(t.columns)||s.length||1),n=Math.max(1,Math.floor(24/o));return e("el-row",{key:(l=t.key)!=null?l:`row:${r}`,class:"sz-form__row",props:{gutter:(a=t.gutter)!=null?a:16,...(p=t.rowProps)!=null?p:{}}},s.map((d,f)=>{var c,m,y,_;return e("el-col",{key:(m=(c=d.key)!=null?c:d.prop)!=null?m:`col:${f}`,class:"sz-form__col",props:{span:(y=d.span)!=null?y:n,...(_=d.colProps)!=null?_:{}}},[d.type==="row"?this.renderRow(e,d,f):this.renderFormItem(e,d)])}))},renderSchemaItem(e,t,r){return t.type==="row"?this.renderRow(e,t,r):this.renderFormItem(e,t)}},render(e){return e("el-form",{ref:"elForm",props:{model:this.model,rules:this.$attrs.rules,"label-width":this.labelWidth,inline:this.inline,disabled:this.disabled,...this.$attrs},on:this.$listeners},[...this.visibleItems.map((t,r)=>this.renderSchemaItem(e,t,r)),this.$slots.default])}};var V=`
+.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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}
+.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)}
+.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
+.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
+.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
+.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-form__col>.el-form-item{width:100%}
+.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%}
+.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
+.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
+.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}
+.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
+.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
+.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
+.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}
+.sz-virtual-select__thumb:active{cursor:grabbing}
+.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
+.sz-menu:not(.el-menu--horizontal){height:100%}
+.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
+.sz-menu.el-menu--collapse{width:56px}
+.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
+.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
+.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)}
+.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
+.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
+.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
+.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
+.sz-table{height:100%;background:var(--sz-color-white,#fff)}
+.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}
+.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
+.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-tree-select{height:fit-content}
+.sz-tree-select__reference{width:100%}
+.sz-tree-select__panel{width:100%}
+.sz-tree-select__filter{margin-bottom:8px}
+.sz-tree-select__tree{max-height:280px;overflow:auto}
+.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}
+.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)}
+.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
+.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
+.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
+.sz-tree-select__multiple--medium{min-height:36px}
+.sz-tree-select__multiple--small{min-height:32px}
+.sz-tree-select__multiple--mini{min-height:28px}
+.sz-tree-select__tag{max-width:calc(100% - 8px)}
+.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
+.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}
+.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
+.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
+.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
+.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}
+.sz-tree-select__clear{display:none;cursor:pointer}
+.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
+.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
+.sz-tree-select__suffix-arrow{transition:transform .3s}
+.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
+.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
+`,S=false;function z(){if(S||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=V,document.head.appendChild(e),S=true;}function T(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(z(),Array.isArray(t)){t.forEach(r=>r.call(this));return}t==null||t.call(this);}}}var M=T(k),q=M;export{M as SzForm,q as default,z as injectStyle};

package/dist/SzInfiniteSelect.cjs

@@ -0,0 +1,69 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var _={label:"label",value:"value",disabled:"disabled"};function z(e,t){return e==null?`index:${t}`:`${typeof e}:${String(e)}`}function v(e,t,o){var a,c,d,u;if(Array.isArray(e))return {list:e,hasMore:e.length>=o};let r=e!=null?e:{},s=(d=(c=(a=r.list)!=null?a:r.options)!=null?c:r.data)!=null?d:[],l=Number(r.total),i=Number.isFinite(l),n=(u=r.hasMore)!=null?u:i?t+s.length<l:s.length>=o;return {list:Array.isArray(s)?s:[],total:i?l:void 0,hasMore:!!n}}var b={name:"SzInfiniteSelect",inheritAttrs:false,props:{value:{type:[String,Number,Boolean,Array,Object],default:void 0},options:{type:Array,default:void 0},list:{type:Array,default:()=>[]},type:{type:String,default:""},format:{type:Object,default:()=>({})},loadOptions:{type:Function,default:void 0},pageSize:{type:Number,default:20},distance:{type:Number,default:20},immediate:{type:Boolean,default:true},loadingText:{type:String,default:"\u52A0\u8F7D\u4E2D..."},noMoreText:{type:String,default:"\u6CA1\u6709\u66F4\u591A\u4E86"}},data(){return {innerOptions:[],page:1,keyword:"",loading:false,loadPromise:void 0,finished:false,initialized:false,scrollWrap:void 0,lastSelectedValue:void 0}},computed:{resolvedFormat(){return {..._,...this.format}},resolvedOptions(){return typeof this.loadOptions=="function"?this.innerOptions:this.options===void 0?this.list:this.options},usesObjectValue(){return Object.prototype.hasOwnProperty.call(this.$attrs,"value-key")||Object.prototype.hasOwnProperty.call(this.$attrs,"valueKey")},isMultipleSelect(){let e=this.$attrs.multiple;return e!==void 0&&e!==false},statusText(){return this.loading?this.loadingText:this.finished&&this.resolvedOptions.length>0?this.noMoreText:""},selectLoading(){return !!this.$attrs.loading||this.loading&&this.resolvedOptions.length===0}},watch:{options:{immediate:true,handler(){typeof this.loadOptions=="function"&&this.syncInitialOptions();}},list:{immediate:true,handler(){typeof this.loadOptions=="function"&&this.syncInitialOptions();}},value(e,t){this.rememberLastSelectedValue(e,t);}},mounted(){this.rememberLastSelectedValue(this.value),this.syncInitialOptions(),this.immediate&&this.reload();},beforeDestroy(){this.restoreSelectScrollToOption(),this.detachScroll();},methods:{focus(){var e;(e=this.$refs.select)==null||e.focus();},blur(){var e;(e=this.$refs.select)==null||e.blur();},syncInitialOptions(){let e=this.options===void 0?this.list:this.options;this.innerOptions=Array.isArray(e)?e.slice():[];},async reload(e=this.keyword){return this.keyword=e,this.page=1,this.finished=false,this.innerOptions=[],this.loadNextPage()},async loadNextPage(){var e;if(typeof this.loadOptions!="function")return [];if(this.loading)return (e=this.loadPromise)!=null?e:[];if(this.finished)return [];this.loading=true,this.loadPromise=(async()=>{let t=await this.loadOptions({page:this.page,pageSize:this.pageSize,keyword:this.keyword,options:this.innerOptions}),o=v(t,this.innerOptions.length,this.pageSize);return this.innerOptions=this.innerOptions.concat(o.list),this.finished=!o.hasMore,this.page+=1,this.initialized=true,this.$emit("load-success",{page:this.page-1,pageSize:this.pageSize,keyword:this.keyword,list:o.list,total:o.total,hasMore:o.hasMore,options:this.innerOptions}),o.list})();try{return await this.loadPromise}catch(t){throw this.$emit("load-error",t),t}finally{this.loading=false,this.loadPromise=void 0;}},getOptionMeta(e,t=0){let o=this.type==="single",r=o?e:e==null?void 0:e[this.resolvedFormat.label],s=o?e:e==null?void 0:e[this.resolvedFormat.value],l=!o&&this.usesObjectValue?e:s,i=o?false:e==null?void 0:e[this.resolvedFormat.disabled];return {item:e,index:t,label:r,mappedValue:s,value:l,disabled:i}},getSelectionValues(e){return e==null||e===""||Array.isArray(e)&&e.length===0?[]:Array.isArray(e)?e:[e]},isSameValue(e,t){return e===t},rememberLastSelectedValue(e,t){let o=this.getSelectionValues(e);if(!this.isMultipleSelect){this.lastSelectedValue=o[0];return}if(o.length===0){this.lastSelectedValue=void 0;return}let r=this.getSelectionValues(t),s=o.find(i=>!r.some(n=>this.isSameValue(i,n)));if(s!==void 0){this.lastSelectedValue=s;return}o.some(i=>this.isSameValue(i,this.lastSelectedValue))||(this.lastSelectedValue=o[o.length-1]);},getPreferredSelectedValues(){let e=this.getSelectionValues(this.value);if(!this.isMultipleSelect)return e;let t=[];return this.lastSelectedValue!==void 0&&this.lastSelectedValue!==null&&this.lastSelectedValue!==""&&t.push(this.lastSelectedValue),e.length>0&&t.push(e[e.length-1]),t.concat(e)},getSelectedOptionIndex(){let e=this.getPreferredSelectedValues();if(e.length===0)return  -1;for(let t of e){let o=this.resolvedOptions.findIndex((r,s)=>{let l=this.getOptionMeta(r,s);return this.usesObjectValue?this.isSameValue(t,r):this.isSameValue(t,l.mappedValue)});if(o>=0)return o}return  -1},async ensureSelectedOptionLoaded(){if(this.getSelectedOptionIndex()>=0)return  true;for(;typeof this.loadOptions=="function"&&!this.finished&&this.getSelectionValues(this.value).length>0;){let e=await this.loadNextPage();if(this.getSelectedOptionIndex()>=0)return  true;if(!Array.isArray(e)||e.length===0)break}return this.getSelectedOptionIndex()>=0},getScrollWrap(){var o,r,s,l,i,n,a;let e=this.$refs.select,t=(o=e==null?void 0:e.$refs)==null?void 0:o.scrollbar;return (a=(l=t==null?void 0:t.wrap)!=null?l:(s=(r=t==null?void 0:t.$el)==null?void 0:r.querySelector)==null?void 0:s.call(r,".el-select-dropdown__wrap"))!=null?a:(n=(i=e==null?void 0:e.$el)==null?void 0:i.querySelector)==null?void 0:n.call(i,".el-select-dropdown__wrap")},attachScroll(){this.$nextTick(()=>{let e=this.getScrollWrap();!e||e===this.scrollWrap||(this.detachScroll(),this.scrollWrap=e,this.scrollWrap.addEventListener("scroll",this.handleScroll));});},patchSelectScrollToOption(){let e=this.$refs.select;!e||e.__szInfiniteScrollToOptionPatched||(e.__szInfiniteScrollToOptionPatched=true,e.__szInfiniteOriginalScrollToOption=e.scrollToOption,e.scrollToOption=()=>{this.alignSelectedOption();});},restoreSelectScrollToOption(){let e=this.$refs.select;e!=null&&e.__szInfiniteScrollToOptionPatched&&(e.scrollToOption=e.__szInfiniteOriginalScrollToOption,delete e.__szInfiniteOriginalScrollToOption,delete e.__szInfiniteScrollToOptionPatched);},detachScroll(){this.scrollWrap&&(this.scrollWrap.removeEventListener("scroll",this.handleScroll),this.scrollWrap=void 0);},scrollToSelectedOption(){var n,a,c,d,u,h,f;let e=this.$refs.select,t=this.getSelectedOptionIndex(),o=(a=(n=e==null?void 0:e.options)==null?void 0:n[t])==null?void 0:a.$el,r=(c=this.scrollWrap)!=null?c:this.getScrollWrap();if(!r||!o||t<0)return;let s=o.offsetHeight||34,l=o.offsetTop-Math.max(0,(r.clientHeight-s)/2),i=Math.max(0,r.scrollHeight-r.clientHeight);r.scrollTop=Math.max(0,Math.min(i,l)),this.scrollWrap=r,(f=(h=(u=(d=this.$refs.select)==null?void 0:d.$refs)==null?void 0:u.scrollbar)==null?void 0:h.handleScroll)==null||f.call(h);},alignSelectedOption(){this.ensureSelectedOptionLoaded().then(()=>{this.$nextTick(()=>{this.scrollToSelectedOption();});});},handleScroll(){if(!this.scrollWrap||this.loading||this.finished)return;let{scrollTop:e,scrollHeight:t,clientHeight:o}=this.scrollWrap;t-e-o<=this.distance&&this.loadNextPage();},handleVisibleChange(e){var t,o;(o=(t=this.$listeners)["visible-change"])==null||o.call(t,e),e?(this.attachScroll(),this.patchSelectScrollToOption(),!this.initialized&&this.immediate===false?this.loadNextPage().then(()=>{this.alignSelectedOption();}):this.alignSelectedOption()):this.detachScroll();},handleRemoteSearch(e){var t,o;(o=(t=this.$listeners)["remote-search"])==null||o.call(t,e),this.reload(e);},renderOption(e,t,o){var l,i;let r=this.getOptionMeta(t,o),s=(i=(l=this.$scopedSlots).default)==null?void 0:i.call(l,{data:t,item:t,index:o,label:r.label,value:r.value});return e("el-option",{key:z(r.mappedValue,o),props:{label:r.label,value:r.value,disabled:r.disabled}},s)},renderStatusOption(e){if(this.statusText)return e("el-option",{key:"__sz_infinite_select_status__",class:"sz-infinite-select__status",props:{label:this.statusText,value:"__sz_infinite_select_status__",disabled:true}},[this.statusText])},getSelectScopedSlots(){return ["prefix","empty"].reduce((e,t)=>{let o=this.$scopedSlots[t],r=this.$slots[t];return o?e[t]=o:r&&(e[t]=()=>r),e},{})}},render(e){let t={...this.$listeners,"visible-change":this.handleVisibleChange},o={filterable:true,...this.$attrs,value:this.value,loading:this.selectLoading};typeof this.loadOptions=="function"&&this.$attrs.remote&&(o.remoteMethod=this.handleRemoteSearch);let r=this.resolvedOptions.map((l,i)=>this.renderOption(e,l,i)),s=this.renderStatusOption(e);return s&&r.push(s),e("el-select",{ref:"select",props:o,on:t,scopedSlots:this.getSelectScopedSlots()},r)}};var S=`
+.sz-button--custom-color{color:var(--sz-button-text-color);border-color:var(--sz-button-border-color);background-color:var(--sz-button-color)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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)}
+.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}
+.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)}
+.sz-desc,.sz-desc .el-descriptions,.sz-desc .el-descriptions__body{width:100%}
+.sz-desc .el-descriptions__table{display:table;width:100%;margin:0;overflow:visible}
+.sz-desc .el-descriptions__table.is-bordered{table-layout:fixed}
+.sz-dialog__panel--border .el-dialog__header{padding:16px;border-bottom:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-dialog__panel--border .el-dialog__footer{padding:16px;border-top:1px solid var(--sz-border-color-light,#e7e7e7)}
+.sz-form__col>.el-form-item{width:100%}
+.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%}
+.sz-infinite-select__status{color:var(--sz-color-text-secondary,#909399);text-align:center}
+.sz-virtual-select__spacer{box-sizing:border-box;pointer-events:none}
+.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}
+.sz-virtual-select__popper .el-scrollbar__wrap{overflow-y:auto!important}
+.sz-virtual-select__popper .el-scrollbar__bar.is-vertical{display:none!important}
+.sz-virtual-select__scrollbar{position:absolute;top:0;right:2px;bottom:0;width:6px;pointer-events:none}
+.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}
+.sz-virtual-select__thumb:active{cursor:grabbing}
+.sz-virtual-select__popper:hover .sz-virtual-select__thumb{background-color:var(--sz-scrollbar-thumb-hover-color,rgba(144,147,153,.7))}
+.sz-menu:not(.el-menu--horizontal){height:100%}
+.sz-menu:not(.el-menu--collapse):not(.el-menu--horizontal){width:200px}
+.sz-menu.el-menu--collapse{width:56px}
+.sz-menu .el-submenu__title,.sz-menu .el-menu-item{height:40px;line-height:40px;margin-top:4px}
+.sz-menu .el-submenu__title:hover,.sz-menu .el-menu-item:hover{background:var(--sz-color-primary-light-8,#eaf6fe)}
+.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)}
+.sz-menu__content{display:flex;align-items:center;min-width:0;height:100%}
+.sz-menu__icon{flex:none;margin-right:8px;font-size:14px}
+.sz-menu__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-menu__item--active{background-color:var(--sz-color-primary-light-8,#eaf6fe)}
+.sz-menu__item--active:after{content:"";position:absolute;top:0;right:0;width:2px;height:40px;background-color:var(--sz-color-primary,#409eff)}
+.sz-table{height:100%;background:var(--sz-color-white,#fff)}
+.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}
+.sz-table .sz-pagination{display:flex;justify-content:flex-end;padding-top:20px}
+.sz-table .single-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sz-tree-select{height:fit-content}
+.sz-tree-select__reference{width:100%}
+.sz-tree-select__panel{width:100%}
+.sz-tree-select__filter{margin-bottom:8px}
+.sz-tree-select__tree{max-height:280px;overflow:auto}
+.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}
+.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)}
+.sz-tree-select__multiple:hover{border-color:var(--sz-border-color-hover,#c0c4cc)}
+.sz-tree-select__multiple.is-focus{border-color:var(--sz-color-primary,#409eff)}
+.sz-tree-select__multiple.is-disabled{border-color:var(--sz-border-color-disabled,#e4e7ed);background:var(--sz-background-color-base,#f5f7fa);cursor:not-allowed}
+.sz-tree-select__multiple--medium{min-height:36px}
+.sz-tree-select__multiple--small{min-height:32px}
+.sz-tree-select__multiple--mini{min-height:28px}
+.sz-tree-select__tag{max-width:calc(100% - 8px)}
+.sz-tree-select__tag .el-tag__content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
+.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}
+.sz-tree-select__multiple.has-value .sz-tree-select__multiple-input{flex-basis:24px;min-width:24px}
+.sz-tree-select__multiple-input:disabled{cursor:not-allowed}
+.sz-tree-select__multiple-input::placeholder{color:var(--sz-color-text-placeholder,#c0c4cc)}
+.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}
+.sz-tree-select__clear{display:none;cursor:pointer}
+.sz-tree-select__arrow{cursor:inherit;transition:transform .3s}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__clear{display:block}
+.sz-tree-select__multiple.is-clearable.has-value:hover .sz-tree-select__arrow{display:none}
+.sz-tree-select__arrow.is-reverse{transform:translateY(-50%) rotate(180deg)}
+.sz-tree-select__suffix-arrow{transition:transform .3s}
+.sz-tree-select__suffix-arrow.is-reverse{transform:rotate(180deg)}
+.sz-tree-select__reference.is-clearable.has-value:hover .sz-tree-select__suffix-arrow{display:none}
+`,m=false;function p(){if(m||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=S,document.head.appendChild(e),m=true;}function g(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(p(),Array.isArray(t)){t.forEach(o=>o.call(this));return}t==null||t.call(this);}}}var x=g(b),$=x;exports.SzInfiniteSelect=x;exports.default=$;exports.injectStyle=p;