@szkj/element-ui 0.0.1

package/dist/SzInfiniteSelect.d.cts

@@ -0,0 +1,122 @@
+import { S as SelectFormat, c as SelectOption, R as RenderFunction } from './style-BAI8rK3m.cjs';
+export { q as injectStyle } from './style-BAI8rK3m.cjs';
+
+declare const SzInfiniteSelect: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        value: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: undefined;
+        };
+        options: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        format: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        loadOptions: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        distance: {
+            type: NumberConstructor;
+            default: number;
+        };
+        immediate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        noMoreText: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    data(): {
+        innerOptions: never[];
+        page: number;
+        keyword: string;
+        loading: boolean;
+        loadPromise: undefined;
+        finished: boolean;
+        initialized: boolean;
+        scrollWrap: undefined;
+        lastSelectedValue: undefined;
+    };
+    computed: {
+        resolvedFormat(): Required<SelectFormat>;
+        resolvedOptions(): SelectOption[];
+        usesObjectValue(): boolean;
+        isMultipleSelect(): boolean;
+        statusText(): string;
+        selectLoading(): boolean;
+    };
+    watch: {
+        options: {
+            immediate: boolean;
+            handler(): void;
+        };
+        list: {
+            immediate: boolean;
+            handler(): void;
+        };
+        value(value: unknown, oldValue: unknown): void;
+    };
+    mounted(): void;
+    beforeDestroy(): void;
+    methods: {
+        focus(): void;
+        blur(): void;
+        syncInitialOptions(): void;
+        reload(keyword?: any): Promise<any>;
+        loadNextPage(): Promise<any>;
+        getOptionMeta(item: SelectOption | string | number | boolean, index?: number): {
+            item: string | number | boolean | SelectOption;
+            index: number;
+            label: any;
+            mappedValue: any;
+            value: any;
+            disabled: any;
+        };
+        getSelectionValues(value: unknown): any[];
+        isSameValue(value: unknown, target: unknown): boolean;
+        rememberLastSelectedValue(value: unknown, oldValue: unknown): void;
+        getPreferredSelectedValues(): any[];
+        getSelectedOptionIndex(): any;
+        ensureSelectedOptionLoaded(): Promise<boolean>;
+        getScrollWrap(): any;
+        attachScroll(): void;
+        patchSelectScrollToOption(): void;
+        restoreSelectScrollToOption(): void;
+        detachScroll(): void;
+        scrollToSelectedOption(): void;
+        alignSelectedOption(): void;
+        handleScroll(): void;
+        handleVisibleChange(visible: boolean): void;
+        handleRemoteSearch(keyword: string): void;
+        renderOption(h: RenderFunction, item: SelectOption | string | number | boolean, index: number): unknown;
+        renderStatusOption(h: RenderFunction): unknown;
+        getSelectScopedSlots(): {};
+    };
+    render(h: RenderFunction): any;
+};
+
+export { SzInfiniteSelect, SzInfiniteSelect as default };

package/dist/SzInfiniteSelect.d.ts

@@ -0,0 +1,122 @@
+import { S as SelectFormat, c as SelectOption, R as RenderFunction } from './style-BAI8rK3m.js';
+export { q as injectStyle } from './style-BAI8rK3m.js';
+
+declare const SzInfiniteSelect: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        value: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: undefined;
+        };
+        options: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        format: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        loadOptions: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        distance: {
+            type: NumberConstructor;
+            default: number;
+        };
+        immediate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        noMoreText: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    data(): {
+        innerOptions: never[];
+        page: number;
+        keyword: string;
+        loading: boolean;
+        loadPromise: undefined;
+        finished: boolean;
+        initialized: boolean;
+        scrollWrap: undefined;
+        lastSelectedValue: undefined;
+    };
+    computed: {
+        resolvedFormat(): Required<SelectFormat>;
+        resolvedOptions(): SelectOption[];
+        usesObjectValue(): boolean;
+        isMultipleSelect(): boolean;
+        statusText(): string;
+        selectLoading(): boolean;
+    };
+    watch: {
+        options: {
+            immediate: boolean;
+            handler(): void;
+        };
+        list: {
+            immediate: boolean;
+            handler(): void;
+        };
+        value(value: unknown, oldValue: unknown): void;
+    };
+    mounted(): void;
+    beforeDestroy(): void;
+    methods: {
+        focus(): void;
+        blur(): void;
+        syncInitialOptions(): void;
+        reload(keyword?: any): Promise<any>;
+        loadNextPage(): Promise<any>;
+        getOptionMeta(item: SelectOption | string | number | boolean, index?: number): {
+            item: string | number | boolean | SelectOption;
+            index: number;
+            label: any;
+            mappedValue: any;
+            value: any;
+            disabled: any;
+        };
+        getSelectionValues(value: unknown): any[];
+        isSameValue(value: unknown, target: unknown): boolean;
+        rememberLastSelectedValue(value: unknown, oldValue: unknown): void;
+        getPreferredSelectedValues(): any[];
+        getSelectedOptionIndex(): any;
+        ensureSelectedOptionLoaded(): Promise<boolean>;
+        getScrollWrap(): any;
+        attachScroll(): void;
+        patchSelectScrollToOption(): void;
+        restoreSelectScrollToOption(): void;
+        detachScroll(): void;
+        scrollToSelectedOption(): void;
+        alignSelectedOption(): void;
+        handleScroll(): void;
+        handleVisibleChange(visible: boolean): void;
+        handleRemoteSearch(keyword: string): void;
+        renderOption(h: RenderFunction, item: SelectOption | string | number | boolean, index: number): unknown;
+        renderStatusOption(h: RenderFunction): unknown;
+        getSelectScopedSlots(): {};
+    };
+    render(h: RenderFunction): any;
+};
+
+export { SzInfiniteSelect, SzInfiniteSelect as default };

package/dist/SzInfiniteSelect.js

@@ -0,0 +1,69 @@
+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;export{x as SzInfiniteSelect,$ as default,p as injectStyle};

package/dist/SzMenu.cjs

@@ -0,0 +1,69 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var biz=require('@szkj/biz');var z={icon:"icon",index:"index",title:"title",children:"children",group:"group",disabled:"disabled"};function c(t,e){return t==null||t===""?e:String(t)}function _(t){return t.replace(/^\/+/,"").replace(/[^a-zA-Z0-9_-]+/g,"-").replace(/^-+|-+$/g,"")}var p={name:"SzMenu",inheritAttrs:false,props:{value:{type:[String,Number],default:void 0},options:{type:Array,default:void 0},list:{type:Array,default:()=>[]},itemClass:{type:[String,Array,Object],default:""},itemStyle:{type:[Object,Array],default:()=>({fontWeight:"500"})},activeClass:{type:[String,Array,Object],default:""},format:{type:Object,default:()=>({})},permissions:{type:Array,default:()=>[]},permissionMode:{type:String,default:"some"},permissionOptions:{type:Object,default:()=>({})}},data(){return {selectedIndex:void 0}},computed:{resolvedFormat(){return {...z,...this.format}},resolvedOptions(){return this.options===void 0?this.list:this.options},visibleOptions(){let t=this.resolvedFormat.children,e=biz.filterByPermission(this.resolvedOptions,this.permissions,{mode:this.permissionMode,getChildren:r=>r[t],setChildren:(r,o)=>({...r,[t]:o}),...this.permissionOptions});return this.filterVisibleItems(e)},attrDefaultActive(){var t;return (t=this.$attrs.defaultActive)!=null?t:this.$attrs["default-active"]},activeIndex(){var e;let t=this.value!==void 0?this.value:(e=this.selectedIndex)!=null?e:this.attrDefaultActive;return t==null?"":String(t)},menuProps(){let{defaultActive:t,"default-active":e,...r}=this.$attrs;return {...r,defaultActive:this.activeIndex||t||e}}},methods:{filterVisibleItems(t){let e=this.resolvedFormat.children;return t.reduce((r,o)=>{if(o.hidden===true||o.show===false||o.show==="false")return r;let s=o[e];return r.push(Array.isArray(s)?{...o,[e]:this.filterVisibleItems(s)}:o),r},[])},createScope(t,e,r,o){return {item:t,index:e,level:r,parent:o,active:e===this.activeIndex}},renderIcon(t,e){let r=e.item[this.resolvedFormat.icon];if(typeof e.item.iconRender=="function")return e.item.iconRender(e,t);if(r)return t("i",{class:["sz-menu__icon",r]})},renderTitle(t,e){var n;let r=e.item,o=r.slot,s=typeof r.render=="function"?r.render(e,t):o&&this.$scopedSlots[o]?this.$scopedSlots[o](e):this.$scopedSlots.default?this.$scopedSlots.default(e):[this.renderIcon(t,e),t("span",{class:"sz-menu__title"},[String((n=r[this.resolvedFormat.title])!=null?n:"")])];return t("div",{class:["sz-menu__content",this.itemClass],style:this.itemStyle},Array.isArray(s)?s:[s])},renderItem(t,e,r,o,s){var a;let n=c(e[this.resolvedFormat.index],`menu-${r}`),i=this.createScope(e,n,o,s),l=_(n);return t("el-menu-item",{key:n,class:[l&&`el-menu-item-${l}`,{"sz-menu__item--active":i.active},i.active&&this.activeClass],props:{index:n,disabled:!!e[this.resolvedFormat.disabled],...(a=e.itemProps)!=null?a:{}},attrs:e.attrs},[this.renderTitle(t,i)])},renderGroup(t,e,r,o,s){var l;let n=(l=e[this.resolvedFormat.children])!=null?l:[],i=e[this.resolvedFormat.title];return t("el-menu-item-group",{key:c(e[this.resolvedFormat.index],`group-${r}`),props:e.groupProps},[t("template",{slot:"title"},[String(i!=null?i:"")]),...this.renderNodes(t,n,o+1,e,r)])},renderSubmenu(t,e,r,o,s){var a,d;let n=c(e[this.resolvedFormat.index],`submenu-${r}`),i=this.createScope(e,n,o,s),l=(a=e[this.resolvedFormat.children])!=null?a:[];return t("el-submenu",{key:n,props:{index:n,disabled:!!e[this.resolvedFormat.disabled],...(d=e.submenuProps)!=null?d:{}},attrs:e.attrs},[t("template",{slot:"title"},[this.renderTitle(t,i)]),...this.renderNodes(t,l,o+1,e,r)])},renderNode(t,e,r,o,s){let n=e[this.resolvedFormat.children];return e[this.resolvedFormat.group]?this.renderGroup(t,e,r,o,s):Array.isArray(n)&&n.length>0?this.renderSubmenu(t,e,r,o,s):this.renderItem(t,e,r,o,s)},renderNodes(t,e,r=0,o,s=""){return e.map((n,i)=>this.renderNode(t,n,s?`${s}-${i}`:String(i),r,o))},handleSelect(t,e,r){this.selectedIndex=t,this.$emit("input",t),this.$emit("select",t,e,r);},open(t){var e,r;(r=(e=this.$refs.menu)==null?void 0:e.open)==null||r.call(e,String(t));},close(t){var e,r;(r=(e=this.$refs.menu)==null?void 0:e.close)==null||r.call(e,String(t));}},render(t){let e={...this.$listeners};return delete e.select,t("el-menu",{ref:"menu",class:"sz-menu",props:this.menuProps,on:{...e,select:this.handleSelect}},this.renderNodes(t,this.visibleOptions))}};var f=`
+.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 u(){if(m||typeof document=="undefined")return;let t=document.createElement("style");t.setAttribute("data-szkj-element-ui","true"),t.textContent=f,document.head.appendChild(t),m=true;}function b(t){let e=t.beforeCreate;return {...t,beforeCreate(){if(u(),Array.isArray(e)){e.forEach(r=>r.call(this));return}e==null||e.call(this);}}}var v=b(p),M=v;exports.SzMenu=v;exports.default=M;exports.injectStyle=u;

package/dist/SzMenu.d.cts

@@ -0,0 +1,79 @@
+import { M as MenuFormat, d as MenuItem, e as MenuRenderScope, R as RenderFunction } from './style-BAI8rK3m.cjs';
+export { q as injectStyle } from './style-BAI8rK3m.cjs';
+
+declare const SzMenu: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        options: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        itemClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        itemStyle: {
+            type: (ArrayConstructor | ObjectConstructor)[];
+            default: () => {
+                fontWeight: string;
+            };
+        };
+        activeClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        format: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        permissions: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        permissionMode: {
+            type: StringConstructor;
+            default: string;
+        };
+        permissionOptions: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    };
+    data(): {
+        selectedIndex: undefined;
+    };
+    computed: {
+        resolvedFormat(): Required<MenuFormat>;
+        resolvedOptions(): MenuItem[];
+        visibleOptions(): MenuItem[];
+        attrDefaultActive(): unknown;
+        activeIndex(): string;
+        menuProps(): Record<string, unknown>;
+    };
+    methods: {
+        filterVisibleItems(items: MenuItem[]): MenuItem[];
+        createScope(item: MenuItem, index: string, level: number, parent?: MenuItem): MenuRenderScope;
+        renderIcon(h: RenderFunction, scope: MenuRenderScope): unknown;
+        renderTitle(h: RenderFunction, scope: MenuRenderScope): unknown;
+        renderItem(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): unknown;
+        renderGroup(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): any;
+        renderSubmenu(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): unknown;
+        renderNode(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): any;
+        renderNodes(h: RenderFunction, items: MenuItem[], level?: number, parent?: MenuItem, parentPath?: string): any;
+        handleSelect(index: string, indexPath: string[], item?: unknown): void;
+        open(index: string): void;
+        close(index: string): void;
+    };
+    render(h: RenderFunction): any;
+};
+
+export { SzMenu, SzMenu as default };

package/dist/SzMenu.d.ts

@@ -0,0 +1,79 @@
+import { M as MenuFormat, d as MenuItem, e as MenuRenderScope, R as RenderFunction } from './style-BAI8rK3m.js';
+export { q as injectStyle } from './style-BAI8rK3m.js';
+
+declare const SzMenu: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        options: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        itemClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        itemStyle: {
+            type: (ArrayConstructor | ObjectConstructor)[];
+            default: () => {
+                fontWeight: string;
+            };
+        };
+        activeClass: {
+            type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+            default: string;
+        };
+        format: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        permissions: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        permissionMode: {
+            type: StringConstructor;
+            default: string;
+        };
+        permissionOptions: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    };
+    data(): {
+        selectedIndex: undefined;
+    };
+    computed: {
+        resolvedFormat(): Required<MenuFormat>;
+        resolvedOptions(): MenuItem[];
+        visibleOptions(): MenuItem[];
+        attrDefaultActive(): unknown;
+        activeIndex(): string;
+        menuProps(): Record<string, unknown>;
+    };
+    methods: {
+        filterVisibleItems(items: MenuItem[]): MenuItem[];
+        createScope(item: MenuItem, index: string, level: number, parent?: MenuItem): MenuRenderScope;
+        renderIcon(h: RenderFunction, scope: MenuRenderScope): unknown;
+        renderTitle(h: RenderFunction, scope: MenuRenderScope): unknown;
+        renderItem(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): unknown;
+        renderGroup(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): any;
+        renderSubmenu(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): unknown;
+        renderNode(h: RenderFunction, item: MenuItem, path: string, level: number, parent?: MenuItem): any;
+        renderNodes(h: RenderFunction, items: MenuItem[], level?: number, parent?: MenuItem, parentPath?: string): any;
+        handleSelect(index: string, indexPath: string[], item?: unknown): void;
+        open(index: string): void;
+        close(index: string): void;
+    };
+    render(h: RenderFunction): any;
+};
+
+export { SzMenu, SzMenu as default };