@szkj/element-ui 0.0.1

package/dist/SzTreeSelect.d.cts

@@ -0,0 +1,172 @@
+import { i as TreeSelectProps, j as TreeSelectNode, R as RenderFunction } from './style-BAI8rK3m.cjs';
+export { q as injectStyle } from './style-BAI8rK3m.cjs';
+
+declare const SzTreeSelect: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        value: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        data: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        loadData: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        remote: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        remoteMethod: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        remoteDebounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnSelect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        collapseTags: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        checkStrictly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlightCurrent: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        size: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        popoverWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        emptyText: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    data(): {
+        treeData: never[];
+        queryText: string;
+        inputValue: string;
+        loading: boolean;
+        visible: boolean;
+        selectedLabelMap: {};
+        selectedNodeMap: {};
+        referenceWidth: number;
+        referenceResizeObserver: undefined;
+        remoteTimer: undefined;
+        remoteSearchSeq: number;
+    };
+    computed: {
+        treeProps(): TreeSelectProps;
+        selectedNodes(): TreeSelectNode[];
+        displayText(): string;
+        selectedTags(): Array<{
+            value: unknown;
+            label: string;
+            node?: TreeSelectNode;
+        }>;
+        resolvedPopoverWidth(): string | number | undefined;
+        resolvedHighlightCurrent(): boolean;
+    };
+    watch: {
+        data: {
+            immediate: boolean;
+            handler(nextData: TreeSelectNode[]): void;
+        };
+        value(): void;
+        disabled(nextDisabled: boolean): void;
+        displayText: {
+            immediate: boolean;
+            handler(): void;
+        };
+        queryText(nextKeyword: string): void;
+    };
+    created(): void;
+    mounted(): void;
+    beforeDestroy(): void;
+    methods: {
+        loadTreeData(): Promise<any>;
+        reload(): any;
+        updateReferenceWidth(): void;
+        getReferenceElement(): any;
+        observeReferenceResize(): void;
+        updatePopoverPosition(): void;
+        searchRemote(keyword: string): any;
+        scheduleRemoteSearch(keyword: string): void;
+        syncInputValue(): void;
+        cacheSelectedLabels(): void;
+        getSelectedNodes(value?: any): any[];
+        getSelectedNode(): any;
+        enterSearchMode(): void;
+        selectReferenceInput(): void;
+        syncCheckedKeys(value?: any): void;
+        syncCurrentKey(value?: any): void;
+        emitValue(value: unknown): void;
+        shouldCloseOnSelect(): any;
+        setVisible(visible: boolean): void;
+        clearValue(): void;
+        handleNodeClick(node: TreeSelectNode, treeNode: unknown, component: unknown): void;
+        handleCheck(node: TreeSelectNode, checkedState: unknown): void;
+        emitMultipleSelection(checkedKeys: unknown[], checkedNodes: TreeSelectNode[], removedValue?: unknown): void;
+        handleRemoveTag(tag: {
+            value: unknown;
+        }, event?: MouseEvent): void;
+        handleInput(value: string): void;
+        handleFocus(event: FocusEvent): void;
+        handleBlur(event: FocusEvent): void;
+        handleReferenceClick(): void;
+        handlePopoverVisible(visible: boolean): void;
+        closePopover(): void;
+        handleDocumentMousedown(event: MouseEvent): void;
+        filterNode(keyword: string, node: TreeSelectNode): boolean;
+        renderTreeNode(h: RenderFunction, scope: {
+            node: unknown;
+            data: TreeSelectNode;
+            store?: unknown;
+        }): any;
+        renderPopoverContent(h: RenderFunction): unknown;
+        renderMultipleReference(h: RenderFunction): unknown;
+    };
+    render(h: RenderFunction): unknown;
+};
+
+export { SzTreeSelect, SzTreeSelect as default };

package/dist/SzTreeSelect.d.ts

@@ -0,0 +1,172 @@
+import { i as TreeSelectProps, j as TreeSelectNode, R as RenderFunction } from './style-BAI8rK3m.js';
+export { q as injectStyle } from './style-BAI8rK3m.js';
+
+declare const SzTreeSelect: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        value: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        data: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        loadData: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        remote: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        remoteMethod: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        remoteDebounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeOnSelect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        collapseTags: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        checkStrictly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlightCurrent: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        size: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        popoverWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        emptyText: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    data(): {
+        treeData: never[];
+        queryText: string;
+        inputValue: string;
+        loading: boolean;
+        visible: boolean;
+        selectedLabelMap: {};
+        selectedNodeMap: {};
+        referenceWidth: number;
+        referenceResizeObserver: undefined;
+        remoteTimer: undefined;
+        remoteSearchSeq: number;
+    };
+    computed: {
+        treeProps(): TreeSelectProps;
+        selectedNodes(): TreeSelectNode[];
+        displayText(): string;
+        selectedTags(): Array<{
+            value: unknown;
+            label: string;
+            node?: TreeSelectNode;
+        }>;
+        resolvedPopoverWidth(): string | number | undefined;
+        resolvedHighlightCurrent(): boolean;
+    };
+    watch: {
+        data: {
+            immediate: boolean;
+            handler(nextData: TreeSelectNode[]): void;
+        };
+        value(): void;
+        disabled(nextDisabled: boolean): void;
+        displayText: {
+            immediate: boolean;
+            handler(): void;
+        };
+        queryText(nextKeyword: string): void;
+    };
+    created(): void;
+    mounted(): void;
+    beforeDestroy(): void;
+    methods: {
+        loadTreeData(): Promise<any>;
+        reload(): any;
+        updateReferenceWidth(): void;
+        getReferenceElement(): any;
+        observeReferenceResize(): void;
+        updatePopoverPosition(): void;
+        searchRemote(keyword: string): any;
+        scheduleRemoteSearch(keyword: string): void;
+        syncInputValue(): void;
+        cacheSelectedLabels(): void;
+        getSelectedNodes(value?: any): any[];
+        getSelectedNode(): any;
+        enterSearchMode(): void;
+        selectReferenceInput(): void;
+        syncCheckedKeys(value?: any): void;
+        syncCurrentKey(value?: any): void;
+        emitValue(value: unknown): void;
+        shouldCloseOnSelect(): any;
+        setVisible(visible: boolean): void;
+        clearValue(): void;
+        handleNodeClick(node: TreeSelectNode, treeNode: unknown, component: unknown): void;
+        handleCheck(node: TreeSelectNode, checkedState: unknown): void;
+        emitMultipleSelection(checkedKeys: unknown[], checkedNodes: TreeSelectNode[], removedValue?: unknown): void;
+        handleRemoveTag(tag: {
+            value: unknown;
+        }, event?: MouseEvent): void;
+        handleInput(value: string): void;
+        handleFocus(event: FocusEvent): void;
+        handleBlur(event: FocusEvent): void;
+        handleReferenceClick(): void;
+        handlePopoverVisible(visible: boolean): void;
+        closePopover(): void;
+        handleDocumentMousedown(event: MouseEvent): void;
+        filterNode(keyword: string, node: TreeSelectNode): boolean;
+        renderTreeNode(h: RenderFunction, scope: {
+            node: unknown;
+            data: TreeSelectNode;
+            store?: unknown;
+        }): any;
+        renderPopoverContent(h: RenderFunction): unknown;
+        renderMultipleReference(h: RenderFunction): unknown;
+    };
+    render(h: RenderFunction): unknown;
+};
+
+export { SzTreeSelect, SzTreeSelect as default };

package/dist/SzTreeSelect.js

@@ -0,0 +1,69 @@
+var w={label:"label",value:"value",children:"children",disabled:"disabled"};function a(e){return Array.isArray(e)?e:g(e)?[]:[e]}function g(e){return e==null||e===""}function n(e){return `${typeof e}:${String(e)}`}function d(e,t){var r;return e[(r=t.value)!=null?r:"value"]}function c(e,t){var s;let r=e[(s=t.label)!=null?s:"label"];return r==null?"":String(r)}function k(e,t){var s;let r=e[(s=t.children)!=null?s:"children"];return Array.isArray(r)?r:[]}function p(e,t,r){e.forEach(s=>{r(s),p(k(s,t),t,r);});}function S(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 _={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 {...w,...this.props}},selectedNodes(){let e=a(this.value),t=[];return p(this.treeData,this.treeProps,r=>{e.includes(d(r,this.treeProps))&&t.push(r);}),t},displayText(){let e={};return this.selectedNodes.forEach(t=>{e[n(d(t,this.treeProps))]=c(t,this.treeProps);}),a(this.value).map(t=>{var s,i;let r=n(t);return (i=(s=e[r])!=null?s:this.selectedLabelMap[r])!=null?i:""}).filter(Boolean).join("\u3001")},selectedTags(){let e=this.getSelectedNodes(),t={};return e.forEach(r=>{t[n(d(r,this.treeProps))]=r;}),a(this.value).map(r=>{var l,o;let s=n(r),i=(l=t[s])!=null?l:this.selectedNodeMap[s];return {value:r,label:i?c(i,this.treeProps):(o=this.selectedLabelMap[s])!=null?o:String(r),node:i}})},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=a(this.value);e.length!==0&&p(this.treeData,this.treeProps,t=>{var s,i;let r=d(t,this.treeProps);e.includes(r)&&((s=this.$set)==null||s.call(this,this.selectedLabelMap,n(r),c(t,this.treeProps)),(i=this.$set)==null||i.call(this,this.selectedNodeMap,n(r),t));});},getSelectedNodes(e=this.value){let t={};return p(this.treeData,this.treeProps,r=>{t[n(d(r,this.treeProps))]=r;}),a(e).map(r=>{var i;let s=n(r);return (i=t[s])!=null?i: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,i;let t=this.multiple?this.$refs.multipleInput:(s=(r=this.$refs.referenceInput)==null?void 0:r.$refs)==null?void 0:s.input;(i=t==null?void 0:t.select)==null||i.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(a(e));});},syncCurrentKey(e=this.value){this.multiple||this.$nextTick(()=>{var t;(t=this.$refs.tree)==null||t.setCurrentKey(g(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 i,l,o;if(this.$emit("node-click",e,t,r),this.multiple||e[(i=this.treeProps.disabled)!=null?i:"disabled"])return;let s=d(e,this.treeProps);this.emitValue(s),(l=this.$set)==null||l.call(this,this.selectedLabelMap,n(s),c(e,this.treeProps)),(o=this.$set)==null||o.call(this,this.selectedNodeMap,n(s),e),this.syncCurrentKey(s),this.queryText="",this.inputValue=c(e,this.treeProps),this.$emit("selection-change",e,s),this.shouldCloseOnSelect()&&this.setVisible(false);},handleCheck(e,t){var i,l,o,h,u;if(this.$emit("check",e,t),!this.multiple)return;let r=(l=(i=this.$refs.tree)==null?void 0:i.getCheckedKeys())!=null?l:[],s=(u=(h=(o=this.$refs.tree)==null?void 0:o.getCheckedNodes)==null?void 0:h.call(o))!=null?u:[];this.emitMultipleSelection(r,s),this.shouldCloseOnSelect()&&this.setVisible(false);},emitMultipleSelection(e,t,r){t.forEach(s=>{var l,o;let i=d(s,this.treeProps);(l=this.$set)==null||l.call(this,this.selectedLabelMap,n(i),c(s,this.treeProps)),(o=this.$set)==null||o.call(this,this.selectedNodeMap,n(i),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 i,l;if((i=t==null?void 0:t.stopPropagation)==null||i.call(t),this.disabled)return;let r=this.$refs.tree,s=a(this.value).filter(o=>o!==e.value);typeof(r==null?void 0:r.setChecked)=="function"?r.setChecked(e.value,false,true):(l=r==null?void 0:r.setCheckedKeys)==null||l.call(r,s),this.$nextTick(()=>{var u,b,m,v,z;let o=(b=(u=r==null?void 0:r.getCheckedKeys)==null?void 0:u.call(r))!=null?b:s,h=(v=(m=r==null?void 0:r.getCheckedNodes)==null?void 0:m.call(r))!=null?v:this.getSelectedNodes(o);this.emitMultipleSelection(o,h,e.value),(z=this.updatePopoverPosition)==null||z.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 i;if(!this.visible)return;let t=e.target,r=this.$el,s=(i=this.$refs.popover)==null?void 0:i.popperElm;r!=null&&r.contains(t)||s!=null&&s.contains(t)||this.closePopover();},filterNode(e,t){return e?c(t,this.treeProps).includes(e):true},renderTreeNode(e,t){var s;if(this.$scopedSlots.default){let i=this.$scopedSlots.default({node:t.node,data:t.data});if(S(i))return i}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"},[c(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":a(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:n(s.value),class:"sz-tree-select__tag",props:{closable:!this.disabled,size:this.size==="mini"?"mini":"small",type:"info","disable-transitions":true},on:{close:i=>{this.handleRemoveTag(s,i);}}},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":a(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)])}};var T=`
+.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}
+`,y=false;function f(){if(y||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=T,document.head.appendChild(e),y=true;}function x(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(f(),Array.isArray(t)){t.forEach(r=>r.call(this));return}t==null||t.call(this);}}}var C=x(_),D=C;export{C as SzTreeSelect,D as default,f as injectStyle};

package/dist/SzVirtualSelect.cjs

@@ -0,0 +1,69 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var g={label:"label",value:"value",disabled:"disabled"};function u(e,t){return e==null?`index:${t}`:`${typeof e}:${String(e)}`}function d(e){return Array.isArray(e)?e:[e]}function c(e){return e==null||e===""||Array.isArray(e)&&e.length===0}var p={name:"SzVirtualSelect",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:()=>({})},itemHeight:{type:Number,default:34},height:{type:Number,default:274},overscan:{type:Number,default:5},scrollbarMinHeight:{type:Number,default:32},filterOption:{type:Function,default:void 0}},data(){return {query:"",scrollTop:0,scrollWrap:void 0,draggingThumb:false,dragStartY:0,dragStartScrollTop:0,lastSelectedValue:void 0}},computed:{resolvedOptions(){return this.options===void 0?this.list:this.options},resolvedFormat(){return {...g,...this.format}},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},filteredOptions(){var t;let e=String((t=this.query)!=null?t:"").trim();return e?this.resolvedOptions.filter((r,o)=>{var i;let s=this.getOptionMeta(r,o);return typeof this.filterOption=="function"?this.filterOption(e,r,s):String((i=s.label)!=null?i:"").includes(e)}):this.resolvedOptions},visibleCount(){return Math.ceil(this.height/this.itemHeight)+this.overscan*2},startIndex(){let e=Math.floor(this.scrollTop/this.itemHeight)-this.overscan,t=Math.max(0,this.filteredOptions.length-this.visibleCount);return Math.min(t,Math.max(0,e))},endIndex(){return Math.min(this.filteredOptions.length,this.startIndex+this.visibleCount)},visibleOptions(){return this.filteredOptions.slice(this.startIndex,this.endIndex)},totalHeight(){return this.filteredOptions.length*this.itemHeight},topSpacerHeight(){return this.startIndex*this.itemHeight},bottomSpacerHeight(){return Math.max(0,(this.filteredOptions.length-this.endIndex)*this.itemHeight)},selectedOptions(){let e=d(this.value);return e.length===0?[]:this.resolvedOptions.filter((t,r)=>{let o=this.getOptionMeta(t,r);return e.some(s=>this.usesObjectValue?s===t:s===o.mappedValue)})},virtualPopperClass(){var t,r;return ["sz-virtual-select__popper",(r=(t=this.$attrs.popperClass)!=null?t:this.$attrs["popper-class"])!=null?r:""].filter(Boolean).join(" ")},virtualThumbStyle(){if(this.totalHeight<=this.height)return;let e=Math.max(this.scrollbarMinHeight,Math.round(this.height*this.height/this.totalHeight)),t=this.height-e,r=Math.max(1,this.totalHeight-this.height),o=Math.round(this.scrollTop/r*t);return {height:`${e}px`,transform:`translateY(${o}px)`}}},watch:{options(){this.resetScroll();},list(){this.resetScroll();},value(e,t){this.rememberLastSelectedValue(e,t),this.clearQuery({resetScroll:!this.isMultipleSelect});}},beforeDestroy(){this.restoreSelectScrollToOption(),this.detachScroll(),this.detachThumbDrag();},methods:{focus(){var e;(e=this.$refs.select)==null||e.focus();},blur(){var e;(e=this.$refs.select)==null||e.blur();},getOptionMeta(e,t=0){let r=this.type==="single",o=r?e:e==null?void 0:e[this.resolvedFormat.label],s=r?e:e==null?void 0:e[this.resolvedFormat.value],i=!r&&this.usesObjectValue?e:s,l=r?false:e==null?void 0:e[this.resolvedFormat.disabled];return {item:e,index:t,label:o,mappedValue:s,value:i,disabled:l}},handleFilter(e){var i;let t=(i=this.$attrs.filterMethod)!=null?i:this.$attrs["filter-method"],r=this.isSelectedLabel(e),o=r?"":e,s=!(this.isMultipleSelect&&String(o!=null?o:"")==="");this.query=o,s&&this.resetScroll(),r&&this.$nextTick(()=>{this.syncSelectQuery(""),this.updateScrollbar();}),typeof t=="function"&&!r&&t(e);},isSelectedLabel(e){return c(this.value)?false:this.selectedOptions.some((t,r)=>{var s;let o=this.getOptionMeta(t,r);return String((s=o.label)!=null?s:"")===String(e!=null?e:"")})},getSelectionValues(e){return c(e)?[]:d(e)},isSameValue(e,t){return e===t},rememberLastSelectedValue(e,t){let r=this.getSelectionValues(e);if(!this.isMultipleSelect){this.lastSelectedValue=r[0];return}if(r.length===0){this.lastSelectedValue=void 0;return}let o=this.getSelectionValues(t),s=r.find(l=>!o.some(n=>this.isSameValue(l,n)));if(s!==void 0){this.lastSelectedValue=s;return}r.some(l=>this.isSameValue(l,this.lastSelectedValue))||(this.lastSelectedValue=r[r.length-1]);},getPreferredSelectedValues(){let e=this.getSelectionValues(this.value);if(!this.isMultipleSelect)return e;let t=[];return c(this.lastSelectedValue)||t.push(this.lastSelectedValue),e.length>0&&t.push(e[e.length-1]),t.concat(e)},getSelectedOptionIndex(){if(c(this.value))return  -1;let e=this.getPreferredSelectedValues();for(let t of e){let r=this.resolvedOptions.findIndex((o,s)=>{let i=this.getOptionMeta(o,s);return this.usesObjectValue?this.isSameValue(t,o):this.isSameValue(t,i.mappedValue)});if(r>=0)return r}return  -1},clearQuery(e={}){let t=e.resetScroll!==false;this.query===""&&(!t||this.scrollTop===0)||(this.query="",t&&this.resetScroll(),this.$nextTick(()=>{this.syncSelectQuery(""),this.updateScrollbar();}));},syncSelectQuery(e=""){let t=this.$refs.select;t&&("query"in t&&(t.query=e),"previousQuery"in t&&(t.previousQuery=void 0));},clearSelectQuery(){this.query="",this.$nextTick(()=>{this.syncSelectQuery(""),this.updateScrollbar();});},getScrollWrap(){var r,o,s,i,l,n,a;let e=this.$refs.select,t=(r=e==null?void 0:e.$refs)==null?void 0:r.scrollbar;return (a=(i=t==null?void 0:t.wrap)!=null?i:(s=(o=t==null?void 0:t.$el)==null?void 0:o.querySelector)==null?void 0:s.call(o,".el-select-dropdown__wrap"))!=null?a:(n=(l=e==null?void 0:e.$el)==null?void 0:l.querySelector)==null?void 0:n.call(l,".el-select-dropdown__wrap")},updateScrollbar(){var t,r;let e=(r=(t=this.$refs.select)==null?void 0:t.$refs)==null?void 0:r.scrollbar;typeof(e==null?void 0:e.update)=="function"?e.update():typeof(e==null?void 0:e.handleScroll)=="function"&&e.handleScroll();},patchSelectScrollToOption(){let e=this.$refs.select;!e||e.__szVirtualScrollToOptionPatched||(e.__szVirtualScrollToOptionPatched=true,e.__szVirtualOriginalScrollToOption=e.scrollToOption,e.scrollToOption=()=>{this.alignSelectedOption();});},restoreSelectScrollToOption(){let e=this.$refs.select;e!=null&&e.__szVirtualScrollToOptionPatched&&(e.scrollToOption=e.__szVirtualOriginalScrollToOption,delete e.__szVirtualOriginalScrollToOption,delete e.__szVirtualScrollToOptionPatched);},getThumbHeight(){return this.totalHeight<=this.height?this.height:Math.max(this.scrollbarMinHeight,Math.round(this.height*this.height/this.totalHeight))},getMaxScrollTop(){return Math.max(0,this.totalHeight-this.height)},getMaxThumbTop(){return Math.max(0,this.height-this.getThumbHeight())},setScrollTop(e){let t=this.getMaxScrollTop(),r=Math.max(0,Math.min(t,e));this.scrollTop=r,this.scrollWrap&&(this.scrollWrap.scrollTop=r),this.updateScrollbar();},handleThumbMouseDown(e){var t,r;this.scrollWrap&&((t=e.preventDefault)==null||t.call(e),(r=e.stopPropagation)==null||r.call(e),this.draggingThumb=true,this.dragStartY=e.clientY,this.dragStartScrollTop=this.scrollTop,typeof document!="undefined"&&(document.addEventListener("mousemove",this.handleThumbMouseMove),document.addEventListener("mouseup",this.handleThumbMouseUp)));},handleThumbMouseMove(e){var s;if(!this.draggingThumb)return;let t=this.getMaxThumbTop();if(t<=0)return;(s=e.preventDefault)==null||s.call(e);let o=(e.clientY-this.dragStartY)/t*this.getMaxScrollTop();this.setScrollTop(this.dragStartScrollTop+o);},handleThumbMouseUp(){this.detachThumbDrag();},detachThumbDrag(){this.draggingThumb=false,typeof document!="undefined"&&(document.removeEventListener("mousemove",this.handleThumbMouseMove),document.removeEventListener("mouseup",this.handleThumbMouseUp));},attachScroll(e){this.$nextTick(()=>{var r;let t=this.getScrollWrap();if(!t){e==null||e();return}(r=this.patchSelectScrollToOption)==null||r.call(this),t!==this.scrollWrap&&(this.detachScroll(),this.scrollWrap=t,this.scrollWrap.style.height=`${this.height}px`,this.scrollWrap.style.maxHeight=`${this.height}px`,this.scrollWrap.style.overflowY="auto",this.scrollWrap.addEventListener("scroll",this.handleScroll)),this.scrollWrap.scrollTop=this.scrollTop,e==null||e(),this.updateScrollbar();});},runLater(e){typeof window!="undefined"&&typeof window.setTimeout=="function"?window.setTimeout(e,0):typeof setTimeout=="function"&&setTimeout(e,0);},detachScroll(){this.scrollWrap&&(this.scrollWrap.removeEventListener("scroll",this.handleScroll),this.scrollWrap=void 0);},resetScroll(){this.scrollTop=0,this.scrollWrap&&(this.scrollWrap.scrollTop=0);},scrollToSelectedOption(){let e=this.getSelectedOptionIndex();if(e<0){this.resetScroll(),this.updateScrollbar();return}let t=Math.max(0,Math.floor((this.height-this.itemHeight)/2));this.setScrollTop(e*this.itemHeight-t);},alignSelectedOption(){this.scrollToSelectedOption(),this.$nextTick(()=>{this.scrollToSelectedOption(),this.runLater(()=>{this.scrollToSelectedOption();});});},handleScroll(){this.scrollWrap&&(this.scrollTop=this.scrollWrap.scrollTop,this.updateScrollbar());},handleVisibleChange(e){var t,r;(r=(t=this.$listeners)["visible-change"])==null||r.call(t,e),e?(this.clearSelectQuery(),this.attachScroll(()=>{this.alignSelectedOption();})):this.detachScroll();},renderOption(e,t,r,o=false){var l,n;let s=this.getOptionMeta(t,r),i=(n=(l=this.$scopedSlots).default)==null?void 0:n.call(l,{data:t,item:t,index:r,label:s.label,value:s.value});return e("el-option",{key:`${o?"selected":"visible"}:${u(s.mappedValue,r)}`,class:{"sz-virtual-select__option--hidden":o},props:{label:s.label,value:s.value,disabled:s.disabled}},i)},renderSpacer(e,t,r){if(!(t<=0))return e("div",{key:`sz-virtual-select-${r}-spacer`,class:"sz-virtual-select__spacer",style:{height:`${t}px`}})},renderVirtualScrollbar(e){if(this.virtualThumbStyle)return e("div",{key:"sz-virtual-select-scrollbar",class:"sz-virtual-select__scrollbar"},[e("div",{class:"sz-virtual-select__thumb",style:this.virtualThumbStyle,on:{mousedown:this.handleThumbMouseDown}})])},getSelectScopedSlots(){return ["prefix","empty"].reduce((e,t)=>{let r=this.$scopedSlots[t],o=this.$slots[t];return r?e[t]=r:o&&(e[t]=()=>o),e},{})}},render(e){let t={filterable:true,...this.$attrs,value:this.value,popperClass:this.virtualPopperClass,filterMethod:this.handleFilter},r={...this.$listeners,"visible-change":this.handleVisibleChange},o=new Set(this.visibleOptions.map((l,n)=>{let a=this.getOptionMeta(l,this.startIndex+n);return u(a.mappedValue,this.startIndex+n)})),i=[...this.selectedOptions.map((l,n)=>{let a=this.getOptionMeta(l,n),f=u(a.mappedValue,n);return o.has(f)?void 0:this.renderOption(e,l,n,true)}).filter(Boolean),this.renderSpacer(e,this.topSpacerHeight,"top"),...this.visibleOptions.map((l,n)=>this.renderOption(e,l,this.startIndex+n)),this.renderSpacer(e,this.bottomSpacerHeight,"bottom"),this.renderVirtualScrollbar(e)].filter(Boolean);return e("el-select",{ref:"select",class:"sz-virtual-select",props:t,on:r,scopedSlots:this.getSelectScopedSlots()},i)}};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}
+`,b=false;function h(){if(b||typeof document=="undefined")return;let e=document.createElement("style");e.setAttribute("data-szkj-element-ui","true"),e.textContent=S,document.head.appendChild(e),b=true;}function m(e){let t=e.beforeCreate;return {...e,beforeCreate(){if(h(),Array.isArray(t)){t.forEach(r=>r.call(this));return}t==null||t.call(this);}}}var _=m(p),O=_;exports.SzVirtualSelect=_;exports.default=O;exports.injectStyle=h;