vxe-pc-ui 4.18.2 → 4.18.4

package/lib/password-input/src/password-input.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",props:{modelValue:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.clearable},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,floatContent:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.floatContent},floatAlign:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.floatAlign},autoComplete:{type:String,default:"off"},className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.inputClassName},size:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.controls},editable:{type:Boolean,default:!0},autocomplete:String},emits:["update:modelValue","input","change","click","focus","blur","clear","lazy-change","toggle-visible","prefix-click","suffix-click"],setup(w,e){let{emit:a,slots:I}=e,u=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let y=(0,_ui.useSize)(w).computeSize,C=(0,_vue.reactive)({showPwd:!1,isActivated:!1,inputValue:w.modelValue}),V=(0,_vue.ref)(),S=(0,_vue.ref)(),i={refElem:V,refInput:S},b={xID:t,props:w,context:e,reactData:C,getRefMaps:()=>i},E=(0,_vue.computed)(()=>w.clearable),N=(0,_vue.computed)(()=>{var e=w.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),k=(0,_vue.computed)(()=>{var e;return"obsolete"===(0,_ui.getConfig)().inputReadonly||(e=w.readonly,null===e)?!!u&&u.props.readonly:e}),P=(0,_vue.computed)(()=>{var e=w.disabled;return null===e?!!u&&u.props.disabled:e}),A=(0,_vue.computed)(()=>{var e=C.showPwd;return e?"text":"password"}),n=(0,_vue.computed)(()=>{var e=w.immediate;return e}),q=(0,_vue.computed)(()=>{var e=w.editable;return k.value||!e}),r=(0,_vue.computed)(()=>{var e=C.inputValue;return e}),s=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$passwordInput:b},t))},o=()=>{var e=r.value,t=S.value;t&&(t.value=_xeUtils.default.eqNull(e)?"":""+e)},p=e=>{var t=C.inputValue;s(e.type,{value:t},e)},v=(e,t)=>{var u=n.value;C.inputValue=e,u?d(e,t):s("input",{value:e},t)},T=e=>{var t=e.target.value;v(t,e)},d=(e,t)=>{C.inputValue=e,a("update:modelValue",e),s("input",{value:e},t),_xeUtils.default.toValueString(w.modelValue)!==e&&(s("change",{value:e},t),u)&&l&&u.triggerItemEvent(t,l.itemConfig.field,e)},z=e=>{p(e),s("lazy-change",{value:C.inputValue},e),u&&l&&u.triggerItemEvent(e,l.itemConfig.field,C.inputValue)},D=e=>{C.isActivated=!0,p(e)},U=e=>{var t=C.inputValue;C.isActivated=!1,s("blur",{value:t},e),u&&l&&u.triggerItemEvent(e,l.itemConfig.field,t)},c=e=>{var t=C.showPwd,u=P.value,a=k.value;u||a||(C.showPwd=!t),s("toggle-visible",{visible:C.showPwd},e)},B=e=>{p(e)},R=(e,t)=>{focus(),d("",e),s("clear",{value:t},e),s("lazy-change",{value:C.inputValue},e)},O=e=>{var t;P.value||(t=C.inputValue,s("suffix-click",{value:t},e))},W=e=>{var t;P.value||(t=C.inputValue,s("prefix-click",{value:t},e))};t={dispatchEvent:s,focus(){var e=S.value;return C.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return S.value.blur(),(C.isActivated=!1,_vue.nextTick)()},select(){return S.value.select(),(C.isActivated=!1,_vue.nextTick)()}};Object.assign(b,t);let j=()=>{var e=C.showPwd;return(0,_vue.h)("div",{class:"vxe-password-input--control-icon",onClick:c},[(0,_vue.h)("i",{class:["vxe-password-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])};(0,_vue.watch)(()=>w.modelValue,e=>{C.inputValue=e});let _=(0,_vue.ref)(0);return(0,_vue.watch)(k,()=>{_.value++}),(0,_vue.watch)(r,()=>{_.value++}),(0,_vue.watch)(_,()=>{o(),(0,_vue.nextTick)(()=>{o()})}),(0,_vue.onMounted)(()=>{o()}),b.renderVN=()=>{var e,t,u,a,l,i,n,r,{className:s,inputClassName:o,name:p,readonly:v,floatContent:d,autocomplete:c,autoComplete:_,maxLength:f,floatAlign:g}=w,{inputValue:m,isActivated:x}=C,h=P.value;return k.value?(0,_vue.h)("div",{ref:V,class:["vxe-password-input--readonly",s]},(0,_utils.getText)(m)):(e=y.value,t=A.value,u=N.value,a=E.value,l=q.value,n=w.prefixIcon,i=(i=I.prefix)||n?(0,_vue.h)("div",{class:"vxe-password-input--prefix",onClick:W},[(0,_vue.h)("div",{class:"vxe-password-input--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:n})])]):null,n=(()=>{var{suffixIcon:e,controls:t}=w,u=C.inputValue,a=P.value,l=E.value,i=I.suffix;return l||t||i||e?(0,_vue.h)("div",{class:["vxe-password-input--suffix",{"is--clear":l&&!a&&!(""===u||_xeUtils.default.eqNull(u))}]},[l?(0,_vue.h)("div",{class:"vxe-password-input--clear-icon",onClick:R},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(b),t?j():(0,_ui.renderEmptyElement)(b),i||e?(0,_vue.h)("div",{class:"vxe-password-input--suffix-icon",onClick:O},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(b)]):null})(),r=I.float,(0,_vue.h)("div",{ref:V,class:["vxe-password-input",d?"fla--"+(g||"center"):"",s,{["size--"+e]:e,"is--prefix":!!i,"is--suffix":!!n,"is--readonly":v,"is--disabled":h,"is--active":x,"show--clear":a&&!h&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[i||(0,_ui.renderEmptyElement)(b),(0,_vue.h)("div",{class:"vxe-password-input--wrapper"},[(0,_vue.h)("input",{ref:S,class:"vxe-password-input--inner"+(o?" "+o:""),name:p,type:t,placeholder:u,readonly:l,disabled:h,autocomplete:c||_,maxlength:f,onClick:B,onInput:T,onChange:z,onFocus:D,onBlur:U}),d||r?(0,_vue.h)("span",{class:"vxe-password-input--float-wrapper"},r?r({}):(0,_utils.getText)(d)):(0,_ui.renderEmptyElement)(b)]),n||(0,_ui.renderEmptyElement)(b)]))},b},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",props:{modelValue:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.clearable},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,floatContent:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.floatContent},floatAlign:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.floatAlign},autoComplete:{type:String,default:"off"},className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.inputClassName},width:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.controls},editable:{type:Boolean,default:!0},autocomplete:String},emits:["update:modelValue","input","change","click","focus","blur","clear","lazy-change","toggle-visible","prefix-click","suffix-click"],setup(I,e){let{emit:a,slots:y}=e,u=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let C=(0,_ui.useSize)(I).computeSize,V=(0,_vue.reactive)({showPwd:!1,isActivated:!1,inputValue:I.modelValue}),S=(0,_vue.ref)(),b=(0,_vue.ref)(),i={refElem:S,refInput:b},E={xID:t,props:I,context:e,reactData:V,getRefMaps:()=>i},N=(0,_vue.computed)(()=>I.clearable),k=(0,_vue.computed)(()=>{var e=I.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),P=(0,_vue.computed)(()=>{var e;return"obsolete"===(0,_ui.getConfig)().inputReadonly||(e=I.readonly,null===e)?!!u&&u.props.readonly:e}),q=(0,_vue.computed)(()=>{var e=I.disabled;return null===e?!!u&&u.props.disabled:e}),A=(0,_vue.computed)(()=>{var e=V.showPwd;return e?"text":"password"}),n=(0,_vue.computed)(()=>{var e=I.immediate;return e}),T=(0,_vue.computed)(()=>{var e=I.editable;return P.value||!e}),r=(0,_vue.computed)(()=>{var e=V.inputValue;return e}),U=(0,_vue.computed)(()=>{var e=I.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),s=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$passwordInput:E},t))},o=()=>{var e=r.value,t=b.value;t&&(t.value=_xeUtils.default.eqNull(e)?"":""+e)},v=e=>{var t=V.inputValue;s(e.type,{value:t},e)},p=(e,t)=>{var u=n.value;V.inputValue=e,u?d(e,t):s("input",{value:e},t)},z=e=>{var t=e.target.value;p(t,e)},d=(e,t)=>{V.inputValue=e,a("update:modelValue",e),s("input",{value:e},t),_xeUtils.default.toValueString(I.modelValue)!==e&&(s("change",{value:e},t),u)&&l&&u.triggerItemEvent(t,l.itemConfig.field,e)},D=e=>{v(e),s("lazy-change",{value:V.inputValue},e),u&&l&&u.triggerItemEvent(e,l.itemConfig.field,V.inputValue)},B=e=>{V.isActivated=!0,v(e)},R=e=>{var t=V.inputValue;V.isActivated=!1,s("blur",{value:t},e),u&&l&&u.triggerItemEvent(e,l.itemConfig.field,t)},c=e=>{var t=V.showPwd,u=q.value,a=P.value;u||a||(V.showPwd=!t),s("toggle-visible",{visible:V.showPwd},e)},O=e=>{v(e)},W=(e,t)=>{focus(),d("",e),s("clear",{value:t},e),s("lazy-change",{value:V.inputValue},e)},j=e=>{var t;q.value||(t=V.inputValue,s("suffix-click",{value:t},e))},F=e=>{var t;q.value||(t=V.inputValue,s("prefix-click",{value:t},e))};t={dispatchEvent:s,focus(){var e=b.value;return V.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(V.isActivated=!1,_vue.nextTick)()},select(){return b.value.select(),(V.isActivated=!1,_vue.nextTick)()}};Object.assign(E,t);let M=()=>{var e=V.showPwd;return(0,_vue.h)("div",{class:"vxe-password-input--control-icon",onClick:c},[(0,_vue.h)("i",{class:["vxe-password-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])};(0,_vue.watch)(()=>I.modelValue,e=>{V.inputValue=e});let _=(0,_vue.ref)(0);return(0,_vue.watch)(P,()=>{_.value++}),(0,_vue.watch)(r,()=>{_.value++}),(0,_vue.watch)(_,()=>{o(),(0,_vue.nextTick)(()=>{o()})}),(0,_vue.onMounted)(()=>{o()}),E.renderVN=()=>{var e,t,u,a,l,i,n,r,s,{className:o,inputClassName:v,name:p,readonly:d,floatContent:c,autocomplete:_,autoComplete:f,maxLength:g,floatAlign:m}=I,{inputValue:x,isActivated:h}=V,w=q.value;return P.value?(0,_vue.h)("div",{ref:S,class:["vxe-password-input--readonly",o]},(0,_utils.getText)(x)):(e=U.value,t=C.value,u=A.value,a=k.value,l=N.value,i=T.value,r=I.prefixIcon,n=(n=y.prefix)||r?(0,_vue.h)("div",{class:"vxe-password-input--prefix",onClick:F},[(0,_vue.h)("div",{class:"vxe-password-input--prefix-icon"},n?(0,_vn.getSlotVNs)(n({})):[(0,_vue.h)("i",{class:r})])]):null,r=(()=>{var{suffixIcon:e,controls:t}=I,u=V.inputValue,a=q.value,l=N.value,i=y.suffix;return l||t||i||e?(0,_vue.h)("div",{class:["vxe-password-input--suffix",{"is--clear":l&&!a&&!(""===u||_xeUtils.default.eqNull(u))}]},[l?(0,_vue.h)("div",{class:"vxe-password-input--clear-icon",onClick:W},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(E),t?M():(0,_ui.renderEmptyElement)(E),i||e?(0,_vue.h)("div",{class:"vxe-password-input--suffix-icon",onClick:j},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(E)]):null})(),s=y.float,(0,_vue.h)("div",{ref:S,class:["vxe-password-input",c?"fla--"+(m||"center"):"",o,{["size--"+t]:t,"is--prefix":!!n,"is--suffix":!!r,"is--readonly":d,"is--disabled":w,"is--active":h,"show--clear":l&&!w&&!(""===x||_xeUtils.default.eqNull(x))}],style:e,spellcheck:!1},[n||(0,_ui.renderEmptyElement)(E),(0,_vue.h)("div",{class:"vxe-password-input--wrapper"},[(0,_vue.h)("input",{ref:b,class:"vxe-password-input--inner"+(v?" "+v:""),name:p,type:u,placeholder:a,readonly:i,disabled:w,autocomplete:_||f,maxlength:g,onClick:O,onInput:z,onChange:D,onFocus:B,onBlur:R}),c||s?(0,_vue.h)("span",{class:"vxe-password-input--float-wrapper"},s?s({}):(0,_utils.getText)(c)):(0,_ui.renderEmptyElement)(E)]),r||(0,_ui.renderEmptyElement)(E)]))},E},render(){return this.renderVN()}});

package/lib/select/src/select.js

@@ -114,6 +114,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
      * @deprecated
      */
     popupClassName: [String, Function],
+    width: [String, Number],
     max: {
       type: [String, Number],
       default: null
@@ -341,6 +342,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const computeMultiMaxCharNum = (0, _vue.computed)(() => {
       return _xeUtils.default.toNumber(props.multiCharOverflow);
     });
+    const computeCurrStyle = (0, _vue.computed)(() => {
+      const {
+        width
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      return stys;
+    });
     const computePopupWrapperStyle = (0, _vue.computed)(() => {
       const popupOpts = computePopupOpts.value;
       const {
@@ -1725,16 +1736,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const btnTransfer = computeBtnTransfer.value;
       const formReadonly = computeFormReadonly.value;
       const inpPlaceholder = computeInpPlaceholder.value;
-      const popupWrapperStyle = computePopupWrapperStyle.value;
-      const popupOpts = computePopupOpts.value;
-      const {
-        appendTo
-      } = popupOpts;
       const defaultSlot = slots.default;
-      const headerSlot = slots.header;
-      const footerSlot = slots.footer;
-      const prefixSlot = slots.prefix;
-      const ppClassName = popupOpts.className || props.popupClassName;
       if (formReadonly) {
         return (0, _vue.h)('div', {
           ref: refElem,
@@ -1747,7 +1749,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           title: fullLabel
         }, selectLabel)]);
       }
+      const currStyle = computeCurrStyle.value;
       const selectVals = computeSelectVals.value;
+      const popupWrapperStyle = computePopupWrapperStyle.value;
+      const popupOpts = computePopupOpts.value;
+      const headerSlot = slots.header;
+      const footerSlot = slots.footer;
+      const prefixSlot = slots.prefix;
+      const {
+        appendTo
+      } = popupOpts;
+      const ppClassName = popupOpts.className || props.popupClassName;
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-select', className ? _xeUtils.default.isFunction(className) ? className({
@@ -1759,7 +1771,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           'is--filter': filterable,
           'is--loading': loading,
           'is--active': isActivated
-        }]
+        }],
+        style: currStyle
       }, [(0, _vue.h)('div', {
         class: 'vxe-select-slots',
         ref: 'hideOption'

package/lib/select/src/select.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("select").errLog;function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function createReactData(){return{initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,emptyValue:{type:[String,Number,Boolean,Array],default:()=>(0,_ui.getConfig)().select.emptyValue},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().select.clearable},placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,lazyOptions:Array,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showRadio},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButton},checkboxConfig:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,filterConfig:Object,remote:Boolean,remoteConfig:Object,emptyText:String,checkedClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().select.checkedClosable},clearClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().select.clearClosable},showCloseButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCloseButton},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showClearButton},transfer:{type:Boolean,default:null},popupConfig:Object,virtualYConfig:Object,scrollY:Object,remoteMethod:Function,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","default-change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(k,e){let{slots:w,emit:a}=e,n=(0,_vue.inject)("$xeModal",null),C=(0,_vue.inject)("$xeDrawer",null),E=(0,_vue.inject)("$xeTable",null),y=(0,_vue.inject)("$xeCard",null),i=(0,_vue.inject)("$xeForm",null),T=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let L=(0,_vue.ref)(),P=(0,_vue.ref)(),q=(0,_vue.ref)(),B=(0,_vue.ref)(),D=(0,_vue.ref)(),R=(0,_vue.ref)(),$=(0,_ui.useSize)(k).computeSize,A=(0,_vue.reactive)(createReactData()),M=createInternalData(),O={refElem:L},U={xID:t,props:k,context:e,reactData:A,internalData:M,getRefMaps:()=>O},G=(0,_vue.computed)(()=>{var e=k.readonly;return null===e?!!i&&i.props.readonly:e}),N=(0,_vue.computed)(()=>{var e=k.disabled;return null===e?!!i&&i.props.disabled:e}),X=(0,_vue.computed)(()=>{var e=k.transfer,t=F.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(E||n||C||y||i)return!0}return e}),W=(0,_vue.computed)(()=>{var e=k.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),I=(0,_vue.computed)(()=>Object.assign({},k.defaultConfig)),S=(0,_vue.computed)(()=>Object.assign({},k.optionProps)),V=(0,_vue.computed)(()=>Object.assign({},k.optionGroupProps)),v=(0,_vue.computed)(()=>S.value.label||"label"),j=(0,_vue.computed)(()=>S.value.value||"value"),Z=(0,_vue.computed)(()=>V.value.label||"label"),J=(0,_vue.computed)(()=>V.value.options||"options"),Q=(0,_vue.computed)(()=>{var e=H.value;return ve(e)}),F=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.popupConfig,k.popupConfig)),ee=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,k.virtualYConfig||k.scrollY)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,k.remoteConfig)),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.filterConfig,k.filterConfig)),le=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,k.optionConfig)),ae=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.radioConfig,k.radioConfig)),ie=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.checkboxConfig,k.checkboxConfig)),oe=(0,_vue.computed)(()=>_xeUtils.default.toNumber(k.multiCharOverflow)),ne=(0,_vue.computed)(()=>{var{height:e,width:t}=F.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),H=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=k;let l=[];return _xeUtils.default.isArray(e)?l=e:t?(0,_utils.eqEmptyValue)(e)||(l=-1<(""+e).indexOf(",")?(""+e).split(","):[e]):l=null==e?[]:[e],l}),ue=(0,_vue.computed)(()=>{var e=k.remote,t=A.reactFlag,l=H.value;return(e&&t?l.map(e=>de(e)):l.map(e=>pe(e))).join(", ")}),re=(0,_vue.computed)(()=>{var{remote:e,multiple:t}=k,l=A.reactFlag,a=oe.value,i=H.value;return e&&l?i.map(e=>de(e)).join(", "):(e=i.map(e=>pe(e)),t&&0<a&&e.length>a?e.slice(0,a)+"...":e.join(", "))}),z=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=w[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],s=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$select:U},t))},se=e=>{a("update:modelValue",e)},ce=e=>{se(e),s("default-change",{value:e},null)},c=()=>le.value.keyField||k.optionId||"_X_OPTION_KEY",K=e=>{e=e[c()];return e?encodeURIComponent(e):""},ve=e=>{var{multiple:t,max:l}=k;return!(!t||!l)&&e.length>=_xeUtils.default.toNumber(l)},de=t=>{var e=k.lazyOptions,{remoteValMaps:l,optFullValMaps:a}=M;let i=j.value;var o=v.value,l=l[t]||a[t],a=l?l.item:null;if(a)return _xeUtils.default.toValueString(a[o]);if(e){l=e.find(e=>e[i]===t);if(l)return l[o]}return t},pe=t=>{var e=k.lazyOptions,l=M.optFullValMaps;let a=j.value;var i=v.value,l=A.reactFlag?l[t]:null;if(l)return l.item[i];if(e){l=e.find(e=>e[a]===t);if(l)return l[i]}return t},d=()=>{let{remote:e,modelValue:t,filterable:l}=k,a=A.searchValue,{fullData:i,optFullValMaps:o}=M,n=v.value,u=j.value;let r=te.value.filterMethod||k.filterMethod,s=(""+(a||"")).toLowerCase(),c=[];return(c=e?i.filter(isOptionVisible):l&&r?i.filter(e=>isOptionVisible(e)&&r({$select:U,group:null,option:e,searchValue:a,value:t})):l?i.filter(e=>isOptionVisible(e)&&(!s||-1<(""+(e[n]||e[u])).toLowerCase().indexOf(s))):i.filter(isOptionVisible)).forEach((e,t)=>{e=o[e[u]];e&&(e._index=t)}),M.afterVisibleList=c,(0,_vue.nextTick)()},fe=e=>{e&&(A.currentOption=e)},ge=()=>{var e=F.value.zIndex||k.zIndex;e?A.panelIndex=_xeUtils.default.toNumber(e):A.panelIndex<(0,_utils.getLastZIndex)()&&(A.panelIndex=(0,_utils.nextZIndex)())},p=()=>{let l=k.placement,a=A.panelIndex,i=L.value,o=D.value,n=X.value,u=F.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,o,{placement:u.placement||l,defaultPlacement:u.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:a});A.panelStyle=t,A.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},_e=()=>{(0,_vue.nextTick)(()=>{var{isAniVisible:e,visiblePanel:t}=A,l=M.optFullValMaps,a=H.value;a.length&&e&&t&&(e=A.reactFlag?l[""+a[0]]:null)&&(A.currentOption=e.item,He(e.item))})},f=()=>{var{loading:e,filterable:t,remote:l}=k,{fullData:a,hpTimeout:i}=M,o=N.value,n=r.value;let u=H.value;e||o||(i&&(clearTimeout(i),M.hpTimeout=void 0),A.initialized||(A.initialized=!0),A.isActivated=!0,A.isAniVisible=!0,t&&(l&&n.enabled&&(n.autoLoad&&!a.length||a.length&&n.clearOnClose)?De:(d(),m))(),setTimeout(()=>{A.visiblePanel=!0,Se(),x().then(()=>{(u&&u.length?_e:b)()}),p()},10),setTimeout(()=>{x().then(()=>b())},100),ge(),p(),s("visible-change",{visible:!0},null))},g=e=>{var{filterable:t,remote:l}=k,a=te.value,i=r.value;l?i.clearOnClose&&(A.searchValue=""):t&&!a.clearOnClose||(A.searchValue=""),A.searchLoading=!1,A.visiblePanel=!1,M.hpTimeout=setTimeout(()=>{A.isAniVisible=!1},350),s("visible-change",{visible:!1},e||null)},u=(e,t,l)=>{se(t),t!==k.modelValue&&(s("change",{value:t,option:l},e),i)&&T&&i.triggerItemEvent(e,T.itemConfig.field,t)},_=(e,t)=>{M.remoteValMaps={},u(e,t,null),s("clear",{value:t},e)},he=e=>{var t=k.emptyValue,e=e.$event;_(e,t),g(e)},me=e=>{var e=e.$event,{multiple:t,max:l,checkedClosable:a}=k,i=A.optList,o=j.value;if(t){var n=H.value.slice(0);for(let e=0;e<i.length;e++){let t=i[e][o];if(ve(n)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.select.overSizeErr",[l]),status:"warning"});break}n.some(e=>e===t)||n.push(t)}u(e,n,i[0]),a&&g(e),s("all-change",{value:n},e)}},be=e=>{var{emptyValue:t,clearClosable:l}=k,e=e.$event;_(e,t),l&&g(e)},xe=e=>{e=e.$event;g(e)},Y=(t,l)=>{var e=k.multiple,a=M.remoteValMaps;let i=l[j.value];var o=a[i];if(A.visiblePanel){if(o?o.item=l:a[i]={key:K(l),item:l,_index:-1},e){let e=[];o=H.value,a=_xeUtils.default.findIndexOf(o,e=>e===i);e=-1===a?o.concat([i]):o.filter(e=>e!==i),u(t,e,l)}else u(t,i,l),g(t);A.reactFlag++}},Ce=e=>{var t,l=A.visiblePanel,a=N.value,i=F.value.trigger;a||(a=L.value,t=D.value,A.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,t).flag,l&&!A.isActivated&&"manual"!==i&&g(e))},h=e=>{var t=e.disabled,e=K(e);return!t&&!Re(e)},Ee=(e,t)=>{var l=k.allowCreate,a=A.optList,{optFullValMaps:i,optAddMaps:o,afterVisibleList:n}=M,u=j.value;let r=n,s=0;if(l&&a.length&&(n=a[0],o[l=K(n)])&&(s=1,r=[o[l]].concat(r)),!e)if(t)for(let e=0;e<r.length;e++){var c=r[e];if(h(c))return c}else for(let e=r.length-1;0<=e;e--){var v=r[e];if(h(v))return v}let d=0;a=e?i[e[u]]:null;if(-1<(d=a?a._index+s:d))if(t)for(let e=d+1;e<=r.length-1;e++){var p=r[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=r[e];if(h(f))return f}return null},ye=t=>{var{emptyValue:e,clearable:l}=k,{visiblePanel:a,currentOption:i}=A,o=N.value,n=F.value.trigger;if(!o){var o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);if(o&&(A.isActivated=!1),a){if(r||o)"manual"!==n&&g(t);else if(u)i&&(t.preventDefault(),t.stopPropagation(),Y(t,i));else if(s||c){t.preventDefault();let e=Ee(i,c);(e=e||Ee(null,c))&&(fe(e),He(e,c))}}else(s||c||u)&&A.isActivated&&(t.preventDefault(),f());A.isActivated&&v&&l&&_(t,e)}},Te=e=>{var{visiblePanel:t,isActivated:l}=A,a=F.value.trigger;t&&"manual"!==a&&g(e),l&&(A.isActivated=!1),(t||l)&&(a=P.value)&&a.blur()},Oe=()=>{var e=A.visiblePanel;e&&p()},Ie=()=>{var e=A.visiblePanel;e&&p()},Se=()=>{k.filterable&&(0,_vue.nextTick)(()=>{var e=q.value;e&&e.focus()})},Ve=e=>{var t=N.value,l=F.value.trigger;t||A.visiblePanel||l&&"default"!==l||(A.triggerFocusPanel=!0,f(),setTimeout(()=>{A.triggerFocusPanel=!1},500)),s("focus",{},e)},Le=e=>{var t=F.value.trigger;t&&"default"!==t||Me(e),s("click",{triggerButton:!1,visible:A.visiblePanel},e)},ke=e=>{A.isActivated=!1,s("blur",{},e)},we=e=>{var t=F.value.trigger;t&&"default"!==t&&"icon"!==t||Me(e),s("click",{triggerButton:!0,visible:A.visiblePanel},e)},Pe=e=>{A.searchValue=e},Be=()=>{A.isActivated=!0},De=()=>{var{modelValue:e,remote:t}=k,l=A.searchValue,a=r.value,i=a.queryMethod||k.remoteMethod;t&&i&&a.enabled?(A.searchLoading=!0,Promise.resolve(i({$select:U,searchValue:l,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{A.searchLoading=!1,d(),m()})):(d(),m())},Ae=_xeUtils.default.debounce(De,350,{trailing:!0}),Me=e=>{e=e.$event;e.preventDefault(),A.triggerFocusPanel?A.triggerFocusPanel=!1:A.visiblePanel?g(e):f()},Ue=(e,t)=>!!t.disabled||!(!Q.value||e),Ne=()=>{var e=A.scrollYLoad,{scrollYStore:t,afterVisibleList:l}=M;A.bodyHeight=e?l.length*t.rowHeight:0,A.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},je=()=>{var{filterable:e,allowCreate:t}=k;let{scrollYLoad:l,searchValue:a}=A;var{optAddMaps:i,scrollYStore:o,afterVisibleList:n}=M;let u=v.value;var r=j.value,o=l?n.slice(o.startIndex,o.endIndex):n.slice(0);return e&&t&&a&&(o.some(e=>e[u]===a)||(n=i[a]||(0,_vue.reactive)({[c()]:a,[u]:a,[r]:a}),i[a]=n,o.unshift(n))),A.optList=o,(0,_vue.nextTick)()},m=()=>{je(),Ne()},Fe=()=>(0,_vue.nextTick)().then(()=>{var e=A.scrollYLoad,t=M.scrollYStore,l=R.value,a=ee.value;let i=0,o;(o=l?o||l.children[0]:o)&&(i=o.offsetHeight),i=Math.max(20,i),t.rowHeight=i,(e?(l=B.value,e=Math.max(8,l?Math.ceil(l.clientHeight/i):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),m):Ne)()}),He=(e,t)=>{var l,a,{optFullValMaps:i,scrollYStore:o}=M,i=i[e[j.value]];i&&(e=i.key,-1<(i=i._index))&&(l=B.value,a=D.value)&&(a=a.querySelector(`[optid='${e}']`),l)&&(a?(e=l.offsetHeight,t?Math.ceil(a.offsetTop+a.offsetHeight-l.scrollTop)>=e?l.scrollTop=a.offsetTop+a.offsetHeight-e:(a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight)&&(l.scrollTop=a.offsetTop-1):a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight?l.scrollTop=a.offsetTop-1:a.offsetTop+a.offsetHeight-l.scrollTop>e&&(l.scrollTop=a.offsetTop+a.offsetHeight-e)):l.scrollTop=t?i*o.rowHeight-l.clientHeight+o.rowHeight:i*o.rowHeight)},ze=(e,t)=>{var l=B.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),A.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},b=()=>{let{lastScrollLeft:e,lastScrollTop:t}=M;return o().then(()=>{if(e||t)return M.lastScrollLeft=0,M.lastScrollTop=0,ze(e,t)})},x=()=>{var e=L.value;return e&&e.clientWidth&&e.clientHeight?Fe():Promise.resolve()},Ke=e=>{var t=M.scrollYStore,{startIndex:l,endIndex:a,visibleSize:i,offsetSize:o,rowHeight:n}=t,e=e.target.scrollTop,e=Math.floor(e/n),n=Math.max(0,e-1-o),o=e+i+o;!(e<=l||a-i-1<=e)||l===n&&a===o||(t.startIndex=n,t.endIndex=o,m())},Ye=()=>{var e=M.lastScrollTime;return!!(e&&Date.now()<e+250)},qe=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==M.lastScrollLeft,i=l!==M.lastScrollTop;M.lastScrollTop=l,M.lastScrollLeft=t,A.scrollYLoad&&Ke(e),M.lastScrollTime=Date.now(),s("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:i},e)},l=t=>{(e=>{let t=J.value,l=j.value,a=c(),i={},o={},n=[],u=e=>{n.push(e);let t=K(e);t||(t=getOptUniqueId(),e[a]=t),o[e[l]]={key:t,item:e,_index:-1}};e.forEach(e=>{u(e),e[t]&&(i[e[a]]=e)[t].forEach(u)}),M.fullData=n,M.optGroupKeyMaps=i,M.optFullValMaps=o,A.reactFlag++,d()})(t||[]);var e=k.multiple,{isLoaded:l,fullData:a,scrollYStore:i}=M,o=I.value,n=ee.value;let u=j.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),M.synchData=t||[],A.scrollYLoad=!!n.enabled&&-1<n.gt&&(0===n.gt||n.gt<=a.length),je(),!l){i=o.selectMode;if(0<t.length&&_xeUtils.default.eqNull(k.modelValue)){if("all"===i)e?(0,_vue.nextTick)(()=>{ce(t.map(e=>e[u]))}):errLog("vxe.error.notConflictProp",["default-config.selectMode=all","multiple=true"]);else if("first"===i||"last"===i){let e=_xeUtils.default[i](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(k.modelValue)&&ce(e[u])})}M.isLoaded=!0}}return Fe().then(()=>{b()})},o=()=>{var e=B.value;return e&&(e.scrollTop=0,e.scrollLeft=0),M.lastScrollTop=0,(M.lastScrollLeft=0,_vue.nextTick)()},Re=e=>{var t=M.optGroupKeyMaps;return!!t[e]};t={dispatchEvent:s,loadData:l,reloadData(e){return M.isLoaded=!1,o(),l(e)},isPanelVisible(){return A.visiblePanel},togglePanel(){return(A.visiblePanel?g:f)(),(0,_vue.nextTick)()},hidePanel(){return A.visiblePanel&&g(),(0,_vue.nextTick)()},showPanel(){return A.visiblePanel||f(),(0,_vue.nextTick)()},refreshOption(){return d(),m(),(0,_vue.nextTick)()},focus(){var e=P.value;return e&&e.blur(),A.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=P.value;return e&&e.blur(),(A.isActivated=!1,_vue.nextTick)()},recalculate:x,clearScroll:o};Object.assign(U,t);let $e=(t,l,e,a)=>{var{showIcon:i,trigger:o}=ae.value;return l||!1===i?(0,_ui.renderEmptyElement)(U):(i={},o&&"default"!==o||(i.onClick=e=>{a||l||Y(e,t)}),(0,_vue.h)("div",Object.assign({key:2,class:["vxe-select-option--radio",{"is--checked":e,"is--disabled":a}]},i),[(0,_vue.h)("span",{class:["vxe-radio--icon",e?(0,_ui.getIcon)().RADIO_CHECKED:a?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]))},Ge=(t,l,e,a)=>{var{showIcon:i,trigger:o}=ie.value;return l||!1===i?(0,_ui.renderEmptyElement)(U):(i={},o&&"default"!==o||(i.onClick=e=>{a||l||Y(e,t)}),(0,_vue.h)("div",Object.assign({key:3,class:["vxe-select-option--checkbox",{"is--checked":e,"is--disabled":a}]},i),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?(0,_ui.getIcon)().CHECKBOX_CHECKED:a?(0,_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]))},Xe=e=>{let{allowCreate:g,optionKey:_,multiple:t,showRadio:l,showCheckbox:a}=k,h=A.currentOption,m=M.optAddMaps;var i=le.value;let b=v.value,x=j.value,C=Z.value,E=H.value,y=ae.value,T=ie.value,{useKey:O,height:I}=i,S=w.option,V=a&&t,L=l&&!t;return e.map((t,e)=>{var{slots:l,className:a}=t,i=K(t),o=t[x];let n=Re(i);var u=!(!g||!m[i]),r=!u&&-1<E.indexOf(o),s=u||!n||isOptionVisible(t);let c=!u&&Ue(r,t);var l=(l?l.default:null)||S,v={option:t,group:n?t:null,$select:U};let d="";var p=[];V?p.push(Ge(t,n,r,c)):L&&p.push($e(t,n,r,c));let f=[];f=l?z(l,v):[d=(0,_utils.getFuncText)(t[n?C:b]||o)],p.push((0,_vue.h)("div",{key:1,class:"vxe-select-option--label"},f));l={onMousedown:e=>{0===e.button&&e.stopPropagation()},onMouseenter:()=>{c||n||Ye()||fe(t)}};return(V?"option"!==T.trigger:L&&"option"!==y.trigger)||(l.onClick=e=>{c||n||Y(e,t)}),s?(0,_vue.h)("div",Object.assign({key:O||_?i:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(v):a:"",{"vxe-select-optgroup":n,"is--disabled":c,"is--selected":r,"is--add":u,"is--hover":h&&K(h)===i}],optid:i,title:d||null,style:I?{height:(0,_dom.toCssUnit)(I)}:void 0},l),g?[(0,_vue.h)("div",{key:1,class:"vxe-select-option--add-label"},p),u?(0,_vue.h)("div",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().SELECT_ADD_OPTION})]):(0,_ui.renderEmptyElement)(U)]:p):(0,_ui.renderEmptyElement)(U)})};return(0,_vue.watch)(()=>A.staticOptions,e=>{l(e)}),(0,_vue.watch)(()=>k.options,e=>{l(e||[])}),(0,_vue.watch)(()=>k.optionGroups,e=>{l(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=k;t?l(t):e&&l(e)}),_ui.globalEvents.on(U,"mousedown",Ce),_ui.globalEvents.on(U,"keydown",ye),_ui.globalEvents.on(U,"blur",Te),_ui.globalEvents.on(U,"resize",Oe),_ui.globalEvents.on(U,"scroll",Ie)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(U,"mousedown"),_ui.globalEvents.off(U,"keydown"),_ui.globalEvents.off(U,"blur"),_ui.globalEvents.off(U,"resize"),_ui.globalEvents.off(U,"scroll"),_xeUtils.default.assign(A,createReactData()),_xeUtils.default.assign(M,createInternalData())}),(0,_vue.provide)("$xeSelect",U),U.renderVN=()=>{var{className:e,multiple:t,loading:l,filterable:a,showTotalButton:i,showCheckedButton:o,showClearButton:n,showCloseButton:u}=k,{initialized:r,isActivated:s,isAniVisible:c,optList:v,visiblePanel:d,bodyHeight:p,topSpaceHeight:f}=A,g=$.value,_=N.value,h=re.value,m=ue.value,b=X.value,x=G.value,C=W.value,E=ne.value,y=F.value,T=y.appendTo,O=w.default,I=w.header,S=w.footer;let V=w.prefix;y=y.className||k.popupClassName;return x?(0,_vue.h)("div",{ref:L,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},O?O({}):[]),(0,_vue.h)("span",{class:"vxe-select-label",title:m},h)]):(x=H.value,(0,_vue.h)("div",{ref:L,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:U}):e:"",{["size--"+g]:g,"is--visible":d,"is--disabled":_,"is--filter":a,"is--loading":l,"is--active":s}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},O?O({}):[]),(0,_vue.h)(_input.default,{ref:P,clearable:k.clearable,placeholder:C,editable:!1,disabled:_,type:"text",prefixIcon:k.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().SELECT_LOADED:d?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,title:m,modelValue:h,onClear:he,onClick:Le,onFocus:Ve,onBlur:ke,onSuffixClick:we},V?{prefix:()=>V({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(T),disabled:!b||!r},[(0,_vue.h)("div",{ref:D,class:["vxe-table--ignore-clear vxe-select--panel",y?_xeUtils.default.isFunction(y)?y({$select:U}):y:"",{["size--"+g]:g,"is--transfer":b,"ani--leave":!l&&c,"ani--enter":!l&&d}],placement:A.panelPlacement,style:A.panelStyle},r&&(d||c)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper",style:E},[a?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:q,class:"vxe-select-search--input",modelValue:A.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Pe,onFocus:Be,onChange:Ae,onSearch:Ae})]):(0,_ui.renderEmptyElement)(U),o&&t||n||I?(0,_vue.h)("div",{class:"vxe-select--panel-header"},I?z(I,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[(0,_vue.h)("div",{class:"vxe-select--header-btns"},[o&&t?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.allChecked"),mode:"text",onClick:me}):(0,_ui.renderEmptyElement)(U),n?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.clear"),mode:"text",onClick:be}):(0,_ui.renderEmptyElement)(U)])])]):(0,_ui.renderEmptyElement)(U),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:B,class:"vxe-select-option--wrapper",onScroll:qe},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:p?p+"px":""}}),(0,_vue.h)("div",{ref:R,class:"vxe-select--body",style:{marginTop:f+"px"}},(()=>{var{optList:e,searchLoading:t}=A;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?Xe(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},k.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),S||i||u&&t?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},S?z(S,{}):[(0,_vue.h)("div",{class:"vxe-select--footer-button"},[i?(0,_vue.h)("div",{class:"vxe-select--total-btns"},(0,_ui.getI18n)("vxe.select.total",[x.length,v.length])):(0,_ui.renderEmptyElement)(U),u&&t?(0,_vue.h)("div",{class:"vxe-select--oper-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.close"),mode:"text",onClick:xe})]):(0,_ui.renderEmptyElement)(U)])]):(0,_ui.renderEmptyElement)(U)])]:[])])]))},U},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("select").errLog;function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}function createReactData(){return{initialized:!1,scrollYLoad:!1,bodyHeight:0,topSpaceHeight:0,optList:[],staticOptions:[],reactFlag:0,currentOption:null,searchValue:"",searchLoading:!1,panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{synchData:[],fullData:[],afterVisibleList:[],optAddMaps:{},optGroupKeyMaps:{},optFullValMaps:{},remoteValMaps:{},lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0},lastScrollTime:0,hpTimeout:void 0}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],defaultConfig:Object,emptyValue:{type:[String,Number,Boolean,Array],default:()=>(0,_ui.getConfig)().select.emptyValue},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().select.clearable},placeholder:String,readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>(0,_ui.getConfig)().select.multiCharOverflow},prefixIcon:String,allowCreate:{type:Boolean,default:()=>(0,_ui.getConfig)().select.allowCreate},placement:String,lazyOptions:Array,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],width:[String,Number],max:{type:[String,Number],default:null},showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showRadio},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButton},checkboxConfig:Object,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,filterConfig:Object,remote:Boolean,remoteConfig:Object,emptyText:String,checkedClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().select.checkedClosable},clearClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().select.clearClosable},showCloseButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCloseButton},showTotalButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showTotalButton},showCheckedButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showCheckedButton},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().select.showClearButton},transfer:{type:Boolean,default:null},popupConfig:Object,virtualYConfig:Object,scrollY:Object,remoteMethod:Function,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","default-change","all-change","clear","blur","focus","click","scroll","visible-change"],setup(k,e){let{slots:w,emit:a}=e,n=(0,_vue.inject)("$xeModal",null),C=(0,_vue.inject)("$xeDrawer",null),E=(0,_vue.inject)("$xeTable",null),y=(0,_vue.inject)("$xeCard",null),i=(0,_vue.inject)("$xeForm",null),T=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let P=(0,_vue.ref)(),B=(0,_vue.ref)(),R=(0,_vue.ref)(),D=(0,_vue.ref)(),A=(0,_vue.ref)(),$=(0,_vue.ref)(),G=(0,_ui.useSize)(k).computeSize,M=(0,_vue.reactive)(createReactData()),U=createInternalData(),O={refElem:P},N={xID:t,props:k,context:e,reactData:M,internalData:U,getRefMaps:()=>O},X=(0,_vue.computed)(()=>{var e=k.readonly;return null===e?!!i&&i.props.readonly:e}),j=(0,_vue.computed)(()=>{var e=k.disabled;return null===e?!!i&&i.props.disabled:e}),W=(0,_vue.computed)(()=>{var e=k.transfer,t=H.value;if(_xeUtils.default.isBoolean(t.transfer))return t.transfer;if(null===e){t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(E||n||C||y||i)return!0}return e}),Z=(0,_vue.computed)(()=>{var e=k.placeholder;return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),I=(0,_vue.computed)(()=>Object.assign({},k.defaultConfig)),S=(0,_vue.computed)(()=>Object.assign({},k.optionProps)),V=(0,_vue.computed)(()=>Object.assign({},k.optionGroupProps)),v=(0,_vue.computed)(()=>S.value.label||"label"),F=(0,_vue.computed)(()=>S.value.value||"value"),J=(0,_vue.computed)(()=>V.value.label||"label"),L=(0,_vue.computed)(()=>V.value.options||"options"),Q=(0,_vue.computed)(()=>{var e=z.value;return de(e)}),H=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.popupConfig,k.popupConfig)),ee=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.virtualYConfig||(0,_ui.getConfig)().select.scrollY,k.virtualYConfig||k.scrollY)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.remoteConfig,k.remoteConfig)),te=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.filterConfig,k.filterConfig)),le=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,k.optionConfig)),ae=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.radioConfig,k.radioConfig)),ie=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.checkboxConfig,k.checkboxConfig)),oe=(0,_vue.computed)(()=>_xeUtils.default.toNumber(k.multiCharOverflow)),ne=(0,_vue.computed)(()=>{var e=k.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),ue=(0,_vue.computed)(()=>{var{height:e,width:t}=H.value,l={};return t&&(l.width=(0,_dom.toCssUnit)(t)),e&&(l.height=(0,_dom.toCssUnit)(e),l.maxHeight=(0,_dom.toCssUnit)(e)),l}),z=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=k;let l=[];return _xeUtils.default.isArray(e)?l=e:t?(0,_utils.eqEmptyValue)(e)||(l=-1<(""+e).indexOf(",")?(""+e).split(","):[e]):l=null==e?[]:[e],l}),re=(0,_vue.computed)(()=>{var e=k.remote,t=M.reactFlag,l=z.value;return(e&&t?l.map(e=>pe(e)):l.map(e=>fe(e))).join(", ")}),se=(0,_vue.computed)(()=>{var{remote:e,multiple:t}=k,l=M.reactFlag,a=oe.value,i=z.value;return e&&l?i.map(e=>pe(e)).join(", "):(e=i.map(e=>fe(e)),t&&0<a&&e.length>a?e.slice(0,a)+"...":e.join(", "))}),K=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=w[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],s=(e,t,l)=>{a(e,(0,_ui.createEvent)(l,{$select:N},t))},ce=e=>{a("update:modelValue",e)},ve=e=>{ce(e),s("default-change",{value:e},null)},c=()=>le.value.keyField||k.optionId||"_X_OPTION_KEY",Y=e=>{e=e[c()];return e?encodeURIComponent(e):""},de=e=>{var{multiple:t,max:l}=k;return!(!t||!l)&&e.length>=_xeUtils.default.toNumber(l)},pe=t=>{var e=k.lazyOptions,{remoteValMaps:l,optFullValMaps:a}=U;let i=F.value;var o=v.value,l=l[t]||a[t],a=l?l.item:null;if(a)return _xeUtils.default.toValueString(a[o]);if(e){l=e.find(e=>e[i]===t);if(l)return l[o]}return t},fe=t=>{var e=k.lazyOptions,l=U.optFullValMaps;let a=F.value;var i=v.value,l=M.reactFlag?l[t]:null;if(l)return l.item[i];if(e){l=e.find(e=>e[a]===t);if(l)return l[i]}return t},d=()=>{let{remote:e,modelValue:t,filterable:l}=k,a=M.searchValue,{fullData:i,optFullValMaps:o}=U,n=v.value,u=F.value;let r=te.value.filterMethod||k.filterMethod,s=(""+(a||"")).toLowerCase(),c=[];return(c=e?i.filter(isOptionVisible):l&&r?i.filter(e=>isOptionVisible(e)&&r({$select:N,group:null,option:e,searchValue:a,value:t})):l?i.filter(e=>isOptionVisible(e)&&(!s||-1<(""+(e[n]||e[u])).toLowerCase().indexOf(s))):i.filter(isOptionVisible)).forEach((e,t)=>{e=o[e[u]];e&&(e._index=t)}),U.afterVisibleList=c,(0,_vue.nextTick)()},ge=e=>{e&&(M.currentOption=e)},_e=()=>{var e=H.value.zIndex||k.zIndex;e?M.panelIndex=_xeUtils.default.toNumber(e):M.panelIndex<(0,_utils.getLastZIndex)()&&(M.panelIndex=(0,_utils.nextZIndex)())},p=()=>{let l=k.placement,a=M.panelIndex,i=P.value,o=A.value,n=W.value,u=H.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,o,{placement:u.placement||l,defaultPlacement:u.defaultPlacement,teleportTo:n}),t=Object.assign(e.style,{zIndex:a});M.panelStyle=t,M.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},he=()=>{(0,_vue.nextTick)(()=>{var{isAniVisible:e,visiblePanel:t}=M,l=U.optFullValMaps,a=z.value;a.length&&e&&t&&(e=M.reactFlag?l[""+a[0]]:null)&&(M.currentOption=e.item,ze(e.item))})},f=()=>{var{loading:e,filterable:t,remote:l}=k,{fullData:a,hpTimeout:i}=U,o=j.value,n=r.value;let u=z.value;e||o||(i&&(clearTimeout(i),U.hpTimeout=void 0),M.initialized||(M.initialized=!0),M.isActivated=!0,M.isAniVisible=!0,t&&(l&&n.enabled&&(n.autoLoad&&!a.length||a.length&&n.clearOnClose)?Ae:(d(),m))(),setTimeout(()=>{M.visiblePanel=!0,Ve(),x().then(()=>{(u&&u.length?he:b)()}),p()},10),setTimeout(()=>{x().then(()=>b())},100),_e(),p(),s("visible-change",{visible:!0},null))},g=e=>{var{filterable:t,remote:l}=k,a=te.value,i=r.value;l?i.clearOnClose&&(M.searchValue=""):t&&!a.clearOnClose||(M.searchValue=""),M.searchLoading=!1,M.visiblePanel=!1,U.hpTimeout=setTimeout(()=>{M.isAniVisible=!1},350),s("visible-change",{visible:!1},e||null)},u=(e,t,l)=>{ce(t),t!==k.modelValue&&(s("change",{value:t,option:l},e),i)&&T&&i.triggerItemEvent(e,T.itemConfig.field,t)},_=(e,t)=>{U.remoteValMaps={},u(e,t,null),s("clear",{value:t},e)},me=e=>{var t=k.emptyValue,e=e.$event;_(e,t),g(e)},be=e=>{var e=e.$event,{multiple:t,max:l,checkedClosable:a}=k,i=M.optList,o=F.value;if(t){var n=z.value.slice(0);for(let e=0;e<i.length;e++){let t=i[e][o];if(de(n)){_ui.VxeUI&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.select.overSizeErr",[l]),status:"warning"});break}n.some(e=>e===t)||n.push(t)}u(e,n,i[0]),a&&g(e),s("all-change",{value:n},e)}},xe=e=>{var{emptyValue:t,clearClosable:l}=k,e=e.$event;_(e,t),l&&g(e)},Ce=e=>{e=e.$event;g(e)},q=(t,l)=>{var e=k.multiple,a=U.remoteValMaps;let i=l[F.value];var o=a[i];if(M.visiblePanel){if(o?o.item=l:a[i]={key:Y(l),item:l,_index:-1},e){let e=[];o=z.value,a=_xeUtils.default.findIndexOf(o,e=>e===i);e=-1===a?o.concat([i]):o.filter(e=>e!==i),u(t,e,l)}else u(t,i,l),g(t);M.reactFlag++}},Ee=e=>{var t,l=M.visiblePanel,a=j.value,i=H.value.trigger;a||(a=P.value,t=A.value,M.isActivated=(0,_dom.getEventTargetNode)(e,a).flag||(0,_dom.getEventTargetNode)(e,t).flag,l&&!M.isActivated&&"manual"!==i&&g(e))},h=e=>{var t=e.disabled,e=Y(e);return!t&&!$e(e)},ye=(e,t)=>{var l=k.allowCreate,a=M.optList,{optFullValMaps:i,optAddMaps:o,afterVisibleList:n}=U,u=F.value;let r=n,s=0;if(l&&a.length&&(n=a[0],o[l=Y(n)])&&(s=1,r=[o[l]].concat(r)),!e)if(t)for(let e=0;e<r.length;e++){var c=r[e];if(h(c))return c}else for(let e=r.length-1;0<=e;e--){var v=r[e];if(h(v))return v}let d=0;a=e?i[e[u]]:null;if(-1<(d=a?a._index+s:d))if(t)for(let e=d+1;e<=r.length-1;e++){var p=r[e];if(h(p))return p}else if(0<d)for(let e=d-1;0<=e;e--){var f=r[e];if(h(f))return f}return null},Te=t=>{var{emptyValue:e,clearable:l}=k,{visiblePanel:a,currentOption:i}=M,o=j.value,n=H.value.trigger;if(!o){var o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);if(o&&(M.isActivated=!1),a){if(r||o)"manual"!==n&&g(t);else if(u)i&&(t.preventDefault(),t.stopPropagation(),q(t,i));else if(s||c){t.preventDefault();let e=ye(i,c);(e=e||ye(null,c))&&(ge(e),ze(e,c))}}else(s||c||u)&&M.isActivated&&(t.preventDefault(),f());M.isActivated&&v&&l&&_(t,e)}},Oe=e=>{var{visiblePanel:t,isActivated:l}=M,a=H.value.trigger;t&&"manual"!==a&&g(e),l&&(M.isActivated=!1),(t||l)&&(a=B.value)&&a.blur()},Ie=()=>{var e=M.visiblePanel;e&&p()},Se=()=>{var e=M.visiblePanel;e&&p()},Ve=()=>{k.filterable&&(0,_vue.nextTick)(()=>{var e=R.value;e&&e.focus()})},Le=e=>{var t=j.value,l=H.value.trigger;t||M.visiblePanel||l&&"default"!==l||(M.triggerFocusPanel=!0,f(),setTimeout(()=>{M.triggerFocusPanel=!1},500)),s("focus",{},e)},ke=e=>{var t=H.value.trigger;t&&"default"!==t||Ue(e),s("click",{triggerButton:!1,visible:M.visiblePanel},e)},we=e=>{M.isActivated=!1,s("blur",{},e)},Pe=e=>{var t=H.value.trigger;t&&"default"!==t&&"icon"!==t||Ue(e),s("click",{triggerButton:!0,visible:M.visiblePanel},e)},Be=e=>{M.searchValue=e},De=()=>{M.isActivated=!0},Ae=()=>{var{modelValue:e,remote:t}=k,l=M.searchValue,a=r.value,i=a.queryMethod||k.remoteMethod;t&&i&&a.enabled?(M.searchLoading=!0,Promise.resolve(i({$select:N,searchValue:l,value:e})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{M.searchLoading=!1,d(),m()})):(d(),m())},Me=_xeUtils.default.debounce(Ae,350,{trailing:!0}),Ue=e=>{e=e.$event;e.preventDefault(),M.triggerFocusPanel?M.triggerFocusPanel=!1:M.visiblePanel?g(e):f()},Ne=(e,t)=>!!t.disabled||!(!Q.value||e),je=()=>{var e=M.scrollYLoad,{scrollYStore:t,afterVisibleList:l}=U;M.bodyHeight=e?l.length*t.rowHeight:0,M.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},Fe=()=>{var{filterable:e,allowCreate:t}=k;let{scrollYLoad:l,searchValue:a}=M;var{optAddMaps:i,scrollYStore:o,afterVisibleList:n}=U;let u=v.value;var r=F.value,o=l?n.slice(o.startIndex,o.endIndex):n.slice(0);return e&&t&&a&&(o.some(e=>e[u]===a)||(n=i[a]||(0,_vue.reactive)({[c()]:a,[u]:a,[r]:a}),i[a]=n,o.unshift(n))),M.optList=o,(0,_vue.nextTick)()},m=()=>{Fe(),je()},He=()=>(0,_vue.nextTick)().then(()=>{var e=M.scrollYLoad,t=U.scrollYStore,l=$.value,a=ee.value;let i=0,o;(o=l?o||l.children[0]:o)&&(i=o.offsetHeight),i=Math.max(20,i),t.rowHeight=i,(e?(l=D.value,e=Math.max(8,l?Math.ceil(l.clientHeight/i):0),l=Math.max(0,Math.min(2,_xeUtils.default.toNumber(a.oSize))),t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),m):je)()}),ze=(e,t)=>{var l,a,{optFullValMaps:i,scrollYStore:o}=U,i=i[e[F.value]];i&&(e=i.key,-1<(i=i._index))&&(l=D.value,a=A.value)&&(a=a.querySelector(`[optid='${e}']`),l)&&(a?(e=l.offsetHeight,t?Math.ceil(a.offsetTop+a.offsetHeight-l.scrollTop)>=e?l.scrollTop=a.offsetTop+a.offsetHeight-e:(a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight)&&(l.scrollTop=a.offsetTop-1):a.offsetTop+1<l.scrollTop||a.offsetTop+1>l.scrollTop+l.clientHeight?l.scrollTop=a.offsetTop-1:a.offsetTop+a.offsetHeight-l.scrollTop>e&&(l.scrollTop=a.offsetTop+a.offsetHeight-e)):l.scrollTop=t?i*o.rowHeight-l.clientHeight+o.rowHeight:i*o.rowHeight)},Ke=(e,t)=>{var l=D.value;return l&&(_xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t))&&(l.scrollTop=t),M.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},b=()=>{let{lastScrollLeft:e,lastScrollTop:t}=U;return o().then(()=>{if(e||t)return U.lastScrollLeft=0,U.lastScrollTop=0,Ke(e,t)})},x=()=>{var e=P.value;return e&&e.clientWidth&&e.clientHeight?He():Promise.resolve()},Ye=e=>{var t=U.scrollYStore,{startIndex:l,endIndex:a,visibleSize:i,offsetSize:o,rowHeight:n}=t,e=e.target.scrollTop,e=Math.floor(e/n),n=Math.max(0,e-1-o),o=e+i+o;!(e<=l||a-i-1<=e)||l===n&&a===o||(t.startIndex=n,t.endIndex=o,m())},qe=()=>{var e=U.lastScrollTime;return!!(e&&Date.now()<e+250)},Re=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,a=t!==U.lastScrollLeft,i=l!==U.lastScrollTop;U.lastScrollTop=l,U.lastScrollLeft=t,M.scrollYLoad&&Ye(e),U.lastScrollTime=Date.now(),s("scroll",{scrollLeft:t,scrollTop:l,isX:a,isY:i},e)},l=t=>{(e=>{let t=L.value,l=F.value,a=c(),i={},o={},n=[],u=e=>{n.push(e);let t=Y(e);t||(t=getOptUniqueId(),e[a]=t),o[e[l]]={key:t,item:e,_index:-1}};e.forEach(e=>{u(e),e[t]&&(i[e[a]]=e)[t].forEach(u)}),U.fullData=n,U.optGroupKeyMaps=i,U.optFullValMaps=o,M.reactFlag++,d()})(t||[]);var e=k.multiple,{isLoaded:l,fullData:a,scrollYStore:i}=U,o=I.value,n=ee.value;let u=F.value;if(Object.assign(i,{startIndex:0,endIndex:1,visibleSize:0}),U.synchData=t||[],M.scrollYLoad=!!n.enabled&&-1<n.gt&&(0===n.gt||n.gt<=a.length),Fe(),!l){i=o.selectMode;if(0<t.length&&_xeUtils.default.eqNull(k.modelValue)){if("all"===i)e?(0,_vue.nextTick)(()=>{ve(t.map(e=>e[u]))}):errLog("vxe.error.notConflictProp",["default-config.selectMode=all","multiple=true"]);else if("first"===i||"last"===i){let e=_xeUtils.default[i](t);e&&(0,_vue.nextTick)(()=>{_xeUtils.default.eqNull(k.modelValue)&&ve(e[u])})}U.isLoaded=!0}}return He().then(()=>{b()})},o=()=>{var e=D.value;return e&&(e.scrollTop=0,e.scrollLeft=0),U.lastScrollTop=0,(U.lastScrollLeft=0,_vue.nextTick)()},$e=e=>{var t=U.optGroupKeyMaps;return!!t[e]};t={dispatchEvent:s,loadData:l,reloadData(e){return U.isLoaded=!1,o(),l(e)},isPanelVisible(){return M.visiblePanel},togglePanel(){return(M.visiblePanel?g:f)(),(0,_vue.nextTick)()},hidePanel(){return M.visiblePanel&&g(),(0,_vue.nextTick)()},showPanel(){return M.visiblePanel||f(),(0,_vue.nextTick)()},refreshOption(){return d(),m(),(0,_vue.nextTick)()},focus(){var e=B.value;return e&&e.blur(),M.isActivated=!0,(0,_vue.nextTick)()},blur(){var e=B.value;return e&&e.blur(),(M.isActivated=!1,_vue.nextTick)()},recalculate:x,clearScroll:o};Object.assign(N,t);let Ge=(t,l,e,a)=>{var{showIcon:i,trigger:o}=ae.value;return l||!1===i?(0,_ui.renderEmptyElement)(N):(i={},o&&"default"!==o||(i.onClick=e=>{a||l||q(e,t)}),(0,_vue.h)("div",Object.assign({key:2,class:["vxe-select-option--radio",{"is--checked":e,"is--disabled":a}]},i),[(0,_vue.h)("span",{class:["vxe-radio--icon",e?(0,_ui.getIcon)().RADIO_CHECKED:a?(0,_ui.getIcon)().RADIO_DISABLED_UNCHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})]))},Xe=(t,l,e,a)=>{var{showIcon:i,trigger:o}=ie.value;return l||!1===i?(0,_ui.renderEmptyElement)(N):(i={},o&&"default"!==o||(i.onClick=e=>{a||l||q(e,t)}),(0,_vue.h)("div",Object.assign({key:3,class:["vxe-select-option--checkbox",{"is--checked":e,"is--disabled":a}]},i),[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?(0,_ui.getIcon)().CHECKBOX_CHECKED:a?(0,_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})]))},We=e=>{let{allowCreate:g,optionKey:_,multiple:t,showRadio:l,showCheckbox:a}=k,h=M.currentOption,m=U.optAddMaps;var i=le.value;let b=v.value,x=F.value,C=J.value,E=z.value,y=ae.value,T=ie.value,{useKey:O,height:I}=i,S=w.option,V=a&&t,L=l&&!t;return e.map((t,e)=>{var{slots:l,className:a}=t,i=Y(t),o=t[x];let n=$e(i);var u=!(!g||!m[i]),r=!u&&-1<E.indexOf(o),s=u||!n||isOptionVisible(t);let c=!u&&Ne(r,t);var l=(l?l.default:null)||S,v={option:t,group:n?t:null,$select:N};let d="";var p=[];V?p.push(Xe(t,n,r,c)):L&&p.push(Ge(t,n,r,c));let f=[];f=l?K(l,v):[d=(0,_utils.getFuncText)(t[n?C:b]||o)],p.push((0,_vue.h)("div",{key:1,class:"vxe-select-option--label"},f));l={onMousedown:e=>{0===e.button&&e.stopPropagation()},onMouseenter:()=>{c||n||qe()||ge(t)}};return(V?"option"!==T.trigger:L&&"option"!==y.trigger)||(l.onClick=e=>{c||n||q(e,t)}),s?(0,_vue.h)("div",Object.assign({key:O||_?i:e,class:["vxe-select-option",a?_xeUtils.default.isFunction(a)?a(v):a:"",{"vxe-select-optgroup":n,"is--disabled":c,"is--selected":r,"is--add":u,"is--hover":h&&Y(h)===i}],optid:i,title:d||null,style:I?{height:(0,_dom.toCssUnit)(I)}:void 0},l),g?[(0,_vue.h)("div",{key:1,class:"vxe-select-option--add-label"},p),u?(0,_vue.h)("div",{key:2,class:"vxe-select-option--add-icon"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().SELECT_ADD_OPTION})]):(0,_ui.renderEmptyElement)(N)]:p):(0,_ui.renderEmptyElement)(N)})};return(0,_vue.watch)(()=>M.staticOptions,e=>{l(e)}),(0,_vue.watch)(()=>k.options,e=>{l(e||[])}),(0,_vue.watch)(()=>k.optionGroups,e=>{l(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=k;t?l(t):e&&l(e)}),_ui.globalEvents.on(N,"mousedown",Ee),_ui.globalEvents.on(N,"keydown",Te),_ui.globalEvents.on(N,"blur",Oe),_ui.globalEvents.on(N,"resize",Ie),_ui.globalEvents.on(N,"scroll",Se)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(N,"mousedown"),_ui.globalEvents.off(N,"keydown"),_ui.globalEvents.off(N,"blur"),_ui.globalEvents.off(N,"resize"),_ui.globalEvents.off(N,"scroll"),_xeUtils.default.assign(M,createReactData()),_xeUtils.default.assign(U,createInternalData())}),(0,_vue.provide)("$xeSelect",N),N.renderVN=()=>{var{className:e,multiple:t,loading:l,filterable:a,showTotalButton:i,showCheckedButton:o,showClearButton:n,showCloseButton:u}=k,{initialized:r,isActivated:s,isAniVisible:c,optList:v,visiblePanel:d,bodyHeight:p,topSpaceHeight:f}=M,g=G.value,_=j.value,h=se.value,m=re.value,b=W.value,x=X.value,C=Z.value,E=w.default;if(x)return(0,_vue.h)("div",{ref:P,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)("span",{class:"vxe-select-label",title:m},h)]);var x=ne.value,y=z.value,T=ue.value,O=H.value,I=w.header,S=w.footer;let V=w.prefix;var L=O.appendTo,O=O.className||k.popupClassName;return(0,_vue.h)("div",{ref:P,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:N}):e:"",{["size--"+g]:g,"is--visible":d,"is--disabled":_,"is--filter":a,"is--loading":l,"is--active":s}],style:x},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},E?E({}):[]),(0,_vue.h)(_input.default,{ref:B,clearable:k.clearable,placeholder:C,editable:!1,disabled:_,type:"text",prefixIcon:k.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().SELECT_LOADED:d?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,autoFocus:!1,title:m,modelValue:h,onClear:me,onClick:ke,onFocus:Le,onBlur:we,onSuffixClick:Pe},V?{prefix:()=>V({})}:{}),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(L),disabled:!b||!r},[(0,_vue.h)("div",{ref:A,class:["vxe-table--ignore-clear vxe-select--panel",O?_xeUtils.default.isFunction(O)?O({$select:N}):O:"",{["size--"+g]:g,"is--transfer":b,"ani--leave":!l&&c,"ani--enter":!l&&d}],placement:M.panelPlacement,style:M.panelStyle},r&&(d||c)?[(0,_vue.h)("div",{class:"vxe-select--panel-wrapper",style:T},[a?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:R,class:"vxe-select-search--input",modelValue:M.searchValue,type:"text",clearable:!0,disabled:!1,readonly:!1,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":Be,onFocus:De,onChange:Me,onSearch:Me})]):(0,_ui.renderEmptyElement)(N),o&&t||n||I?(0,_vue.h)("div",{class:"vxe-select--panel-header"},I?K(I,{}):[(0,_vue.h)("div",{class:"vxe-select--header-button"},[(0,_vue.h)("div",{class:"vxe-select--header-btns"},[o&&t?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.allChecked"),mode:"text",onClick:be}):(0,_ui.renderEmptyElement)(N),n?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.clear"),mode:"text",onClick:xe}):(0,_ui.renderEmptyElement)(N)])])]):(0,_ui.renderEmptyElement)(N),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:D,class:"vxe-select-option--wrapper",onScroll:Re},[(0,_vue.h)("div",{class:"vxe-select--y-space",style:{height:p?p+"px":""}}),(0,_vue.h)("div",{ref:$,class:"vxe-select--body",style:{marginTop:f+"px"}},(()=>{var{optList:e,searchLoading:t}=M;return t?[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",(0,_ui.getIcon)().SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_ui.getI18n)("vxe.select.loadingText"))])]:e.length?We(e):[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},k.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())])]),S||i||u&&t?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},S?K(S,{}):[(0,_vue.h)("div",{class:"vxe-select--footer-button"},[i?(0,_vue.h)("div",{class:"vxe-select--total-btns"},(0,_ui.getI18n)("vxe.select.total",[y.length,v.length])):(0,_ui.renderEmptyElement)(N),u&&t?(0,_vue.h)("div",{class:"vxe-select--oper-btns"},[(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.select.close"),mode:"text",onClick:Ce})]):(0,_ui.renderEmptyElement)(N)])]):(0,_ui.renderEmptyElement)(N)])]:[])])])},N},render(){return this.renderVN()}});

package/lib/space/src/space.js

@@ -22,6 +22,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       type: Boolean,
       default: () => (0, _ui.getConfig)().space.wrap
     },
+    width: [Number, String],
     gap: {
       type: [Number, String, Array, Object],
       default: () => (0, _ui.getConfig)().space.gap
@@ -84,10 +85,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refMaps = {
       refElem
     };
-    const computeWrapperStyle = (0, _vue.computed)(() => {
+    const computeCurrStyle = (0, _vue.computed)(() => {
       const {
         align,
-        gap
+        gap,
+        width
       } = props;
       const stys = {};
       let rowGap = '';
@@ -104,6 +106,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           columGap = gap.columGap || '';
         }
       }
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
       if (align) {
         stys['align-items'] = align;
       }
@@ -190,7 +195,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         itemMinWidth,
         itemMaxWidth
       } = props;
-      const wrapperStyle = computeWrapperStyle.value;
+      const currStyle = computeCurrStyle.value;
       const vSize = computeSize.value;
       return (0, _vue.h)('div', {
         ref: refElem,
@@ -201,7 +206,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           'is--fill': fill,
           'is--width': itemWidth || itemMinWidth || itemMaxWidth
         }],
-        style: wrapperStyle
+        style: currStyle
       }, renderItems());
     };
     $xeSpace.renderVN = renderVN;

package/lib/space/src/space.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSpace",props:{size:{type:String,default:()=>(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size},wrap:{type:Boolean,default:()=>(0,_ui.getConfig)().space.wrap},gap:{type:[Number,String,Array,Object],default:()=>(0,_ui.getConfig)().space.gap},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().space.vertical},className:{type:String,default:()=>(0,_ui.getConfig)().space.className},itemClassName:{type:String,default:()=>(0,_ui.getConfig)().space.itemClassName},separator:{type:String,default:()=>(0,_ui.getConfig)().space.separator},align:{type:String,default:()=>(0,_ui.getConfig)().space.align},fill:{type:Boolean,default:()=>(0,_ui.getConfig)().space.fill},itemWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.itemWidth},itemMinWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.itemMinWidth},itemMaxWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.itemMaxWidth},separatorWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.separatorWidth}},emits:[],setup(d,e){let{emit:a,slots:m}=e;var t=_xeUtils.default.uniqueId();let n=(0,_ui.useSize)(d).computeSize,o=(0,_vue.ref)();var i=(0,_vue.reactive)({activeValue:null});let s={refElem:o},g=(0,_vue.computed)(()=>{var{align:e,gap:t}=d,i={};let a="",s="";return _xeUtils.default.isNumber(t)||_xeUtils.default.isString(t)?(a=t,s=t):t&&(s=_xeUtils.default.isArray(t)?(a=t[0],t[1]):(a=t.rowGap||"",t.columGap||"")),e&&(i["align-items"]=e),(0,_utils.eqEmptyValue)(a)||(i["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(a)),(0,_utils.eqEmptyValue)(s)||(i["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(s)),i}),r={},u={xID:t,props:d,context:e,reactData:i,getRefMaps:()=>s,getComputeMaps:()=>r};Object.assign(u,{dispatchEvent:(e,t,i)=>{a(e,(0,_ui.createEvent)(i,{$space:u},t))}},{});return u.renderVN=()=>{var{vertical:e,wrap:t,className:i,fill:a,itemWidth:s,itemMinWidth:r,itemMaxWidth:u}=d,l=g.value,p=n.value;return(0,_vue.h)("div",{ref:o,class:["vxe-space",(0,_dom.getPropClass)(i,{}),{["size--"+p]:p,"is--wrap":t,"is--vertical":e,"is--fill":a,"is--width":s||r||u}],style:l},(()=>{let{separator:a,itemClassName:s,itemWidth:e,itemMinWidth:t,itemMaxWidth:i,separatorWidth:r}=d,u=[];var l=m.default;let p=m.separator,n={},o=(r&&(n.width=(0,_dom.toCssUnit)(e)),{});return e&&(o.width=(0,_dom.toCssUnit)(e)),t&&(o.minWidth=(0,_dom.toCssUnit)(t)),i&&(o.maxWidth=(0,_dom.toCssUnit)(i)),l&&_xeUtils.default.each(l({}),(e,t,i)=>{u.push((0,_vue.h)("div",{key:"i"+t,class:["vxe-space--item",(0,_dom.getPropClass)(s,{index:t})],style:o},[e])),(a||p)&&t<i.length-1&&u.push((0,_vue.h)("div",{key:"s"+t,class:"vxe-space--separator",style:n},p?p({}):""+a))}),u})())},u},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSpace",props:{size:{type:String,default:()=>(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size},wrap:{type:Boolean,default:()=>(0,_ui.getConfig)().space.wrap},width:[Number,String],gap:{type:[Number,String,Array,Object],default:()=>(0,_ui.getConfig)().space.gap},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().space.vertical},className:{type:String,default:()=>(0,_ui.getConfig)().space.className},itemClassName:{type:String,default:()=>(0,_ui.getConfig)().space.itemClassName},separator:{type:String,default:()=>(0,_ui.getConfig)().space.separator},align:{type:String,default:()=>(0,_ui.getConfig)().space.align},fill:{type:Boolean,default:()=>(0,_ui.getConfig)().space.fill},itemWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.itemWidth},itemMinWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.itemMinWidth},itemMaxWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.itemMaxWidth},separatorWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().space.separatorWidth}},emits:[],setup(d,e){let{emit:a,slots:m}=e;var t=_xeUtils.default.uniqueId();let n=(0,_ui.useSize)(d).computeSize,o=(0,_vue.ref)();var i=(0,_vue.reactive)({activeValue:null});let s={refElem:o},g=(0,_vue.computed)(()=>{var{align:e,gap:t,width:i}=d,a={};let s="",r="";return _xeUtils.default.isNumber(t)||_xeUtils.default.isString(t)?(s=t,r=t):t&&(r=_xeUtils.default.isArray(t)?(s=t[0],t[1]):(s=t.rowGap||"",t.columGap||"")),i&&(a.width=(0,_dom.toCssUnit)(i)),e&&(a["align-items"]=e),(0,_utils.eqEmptyValue)(s)||(a["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(s)),(0,_utils.eqEmptyValue)(r)||(a["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(r)),a}),r={},u={xID:t,props:d,context:e,reactData:i,getRefMaps:()=>s,getComputeMaps:()=>r};Object.assign(u,{dispatchEvent:(e,t,i)=>{a(e,(0,_ui.createEvent)(i,{$space:u},t))}},{});return u.renderVN=()=>{var{vertical:e,wrap:t,className:i,fill:a,itemWidth:s,itemMinWidth:r,itemMaxWidth:u}=d,l=g.value,p=n.value;return(0,_vue.h)("div",{ref:o,class:["vxe-space",(0,_dom.getPropClass)(i,{}),{["size--"+p]:p,"is--wrap":t,"is--vertical":e,"is--fill":a,"is--width":s||r||u}],style:l},(()=>{let{separator:a,itemClassName:s,itemWidth:e,itemMinWidth:t,itemMaxWidth:i,separatorWidth:r}=d,u=[];var l=m.default;let p=m.separator,n={},o=(r&&(n.width=(0,_dom.toCssUnit)(e)),{});return e&&(o.width=(0,_dom.toCssUnit)(e)),t&&(o.minWidth=(0,_dom.toCssUnit)(t)),i&&(o.maxWidth=(0,_dom.toCssUnit)(i)),l&&_xeUtils.default.each(l({}),(e,t,i)=>{u.push((0,_vue.h)("div",{key:"i"+t,class:["vxe-space--item",(0,_dom.getPropClass)(s,{index:t})],style:o},[e])),(a||p)&&t<i.length-1&&u.push((0,_vue.h)("div",{key:"s"+t,class:"vxe-space--separator",style:n},p?p({}):""+a))}),u})())},u},render(){return this.renderVN()}});