vxe-pc-ui 4.1.19 → 4.1.21

package/lib/select/src/optgroup.js

@@ -20,28 +20,31 @@ var _default = exports.default = (0, _vue.defineComponent)({
     className: [String, Function],
     disabled: Boolean
   },
+  emits: [],
   setup(props, {
     slots
   }) {
     const elem = (0, _vue.ref)();
     const $xeSelect = (0, _vue.inject)('$xeSelect', {});
-    const option = (0, _util.createOption)($xeSelect, props);
-    const xeOption = {
-      option
+    const optionConfig = (0, _util.createOption)($xeSelect, props);
+    const $xeOptgroup = {
+      optionConfig
     };
-    option.options = [];
-    (0, _vue.provide)('xeoptgroup', xeOption);
-    (0, _util.watchOption)(props, option);
+    optionConfig.options = [];
+    (0, _vue.provide)('$xeOptgroup', $xeOptgroup);
+    (0, _util.watchOption)(props, optionConfig);
     (0, _vue.onMounted)(() => {
-      (0, _util.assembleOption)($xeSelect, elem.value, option);
+      const el = elem.value;
+      (0, _util.assembleOption)($xeSelect, el, optionConfig);
     });
     (0, _vue.onUnmounted)(() => {
-      (0, _util.destroyOption)($xeSelect, option);
+      (0, _util.destroyOption)($xeSelect, optionConfig);
     });
     return () => {
+      const defaultSlot = slots.default;
       return (0, _vue.h)('div', {
         ref: elem
-      }, slots.default ? slots.default() : []);
+      }, defaultSlot ? defaultSlot({}) : []);
     };
   }
 });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_default=exports.default=(0,_vue.defineComponent)({name:"VxeOptgroup",props:{label:{type:[String,Number,Boolean],default:""},visible:{type:Boolean,default:null},className:[String,Function],disabled:Boolean},setup(e,{slots:t}){const u=(0,_vue.ref)(),o=(0,_vue.inject)("$xeSelect",{}),l=(0,_util.createOption)(o,e);var i={option:l};return l.options=[],(0,_vue.provide)("xeoptgroup",i),(0,_util.watchOption)(e,l),(0,_vue.onMounted)(()=>{(0,_util.assembleOption)(o,u.value,l)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyOption)(o,l)}),()=>(0,_vue.h)("div",{ref:u},t.default?t.default():[])}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_default=exports.default=(0,_vue.defineComponent)({name:"VxeOptgroup",props:{label:{type:[String,Number,Boolean],default:""},visible:{type:Boolean,default:null},className:[String,Function],disabled:Boolean},emits:[],setup(e,{slots:t}){const u=(0,_vue.ref)(),o=(0,_vue.inject)("$xeSelect",{}),i=(0,_util.createOption)(o,e);var n={optionConfig:i};return i.options=[],(0,_vue.provide)("$xeOptgroup",n),(0,_util.watchOption)(e,i),(0,_vue.onMounted)(()=>{var e=u.value;(0,_util.assembleOption)(o,e,i)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyOption)(o,i)}),()=>{var e=t.default;return(0,_vue.h)("div",{ref:u},e?e({}):[])}}});

package/lib/select/src/option.js

@@ -9,7 +9,7 @@ var _util = require("./util");
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeOption',
   props: {
-    value: null,
+    value: [String, Number, Boolean],
     label: {
       type: [String, Number, Boolean],
       default: ''
@@ -21,20 +21,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
     className: [String, Function],
     disabled: Boolean
   },
+  emits: [],
   setup(props, {
     slots
   }) {
     const elem = (0, _vue.ref)();
     const $xeSelect = (0, _vue.inject)('$xeSelect', {});
-    const optGroup = (0, _vue.inject)('xeoptgroup', null);
-    const option = (0, _util.createOption)($xeSelect, props);
-    option.slots = slots;
-    (0, _util.watchOption)(props, option);
+    const $xeOptgroup = (0, _vue.inject)('$xeOptgroup', null);
+    const optionConfig = (0, _util.createOption)($xeSelect, props);
+    optionConfig.slots = slots;
+    (0, _util.watchOption)(props, optionConfig);
     (0, _vue.onMounted)(() => {
-      (0, _util.assembleOption)($xeSelect, elem.value, option, optGroup);
+      const el = elem.value;
+      (0, _util.assembleOption)($xeSelect, el, optionConfig, $xeOptgroup);
     });
     (0, _vue.onUnmounted)(() => {
-      (0, _util.destroyOption)($xeSelect, option);
+      (0, _util.destroyOption)($xeSelect, optionConfig);
     });
     return () => {
       return (0, _vue.h)('div', {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_default=exports.default=(0,_vue.defineComponent)({name:"VxeOption",props:{value:null,label:{type:[String,Number,Boolean],default:""},visible:{type:Boolean,default:null},className:[String,Function],disabled:Boolean},setup(e,{slots:t}){const u=(0,_vue.ref)(),l=(0,_vue.inject)("$xeSelect",{}),o=(0,_vue.inject)("xeoptgroup",null),n=(0,_util.createOption)(l,e);return n.slots=t,(0,_util.watchOption)(e,n),(0,_vue.onMounted)(()=>{(0,_util.assembleOption)(l,u.value,n,o)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyOption)(l,n)}),()=>(0,_vue.h)("div",{ref:u})}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_util=require("./util"),_default=exports.default=(0,_vue.defineComponent)({name:"VxeOption",props:{value:[String,Number,Boolean],label:{type:[String,Number,Boolean],default:""},visible:{type:Boolean,default:null},className:[String,Function],disabled:Boolean},emits:[],setup(e,{slots:t}){const u=(0,_vue.ref)(),l=(0,_vue.inject)("$xeSelect",{}),o=(0,_vue.inject)("$xeOptgroup",null),n=(0,_util.createOption)(l,e);return n.slots=t,(0,_util.watchOption)(e,n),(0,_vue.onMounted)(()=>{var e=u.value;(0,_util.assembleOption)(l,e,n,o)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyOption)(l,n)}),()=>(0,_vue.h)("div",{ref:u})}});

package/lib/select/src/select.js

@@ -60,17 +60,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
     remote: Boolean,
     remoteMethod: Function,
     emptyText: String,
+    transfer: {
+      type: Boolean,
+      default: null
+    },
     // 已废弃，被 option-config.keyField 替换
     optionId: {
       type: String,
       default: () => (0, _ui.getConfig)().select.optionId
     },
     // 已废弃，被 option-config.useKey 替换
-    optionKey: Boolean,
-    transfer: {
-      type: Boolean,
-      default: null
-    }
+    optionKey: Boolean
   },
   emits: ['update:modelValue', 'change', 'clear', 'blur', 'focus', 'click'],
   setup(props, context) {
@@ -79,6 +79,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       emit
     } = context;
     const $xeModal = (0, _vue.inject)('$xeModal', null);
+    const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
     const $xeTable = (0, _vue.inject)('$xeTable', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
@@ -106,6 +107,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       searchValue: '',
       searchLoading: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refElem = (0, _vue.ref)();
     const refInput = (0, _vue.ref)();
     const refInpSearch = (0, _vue.ref)();
@@ -119,6 +123,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let selectMethods = {};
@@ -155,7 +160,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (_xeUtils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
-        if ($xeTable || $xeModal || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
           return true;
         }
       }
@@ -175,10 +180,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return (0, _ui.getI18n)('vxe.base.pleaseSelect');
     });
     const computePropsOpts = (0, _vue.computed)(() => {
-      return props.optionProps || {};
+      return Object.assign({}, props.optionProps);
     });
     const computeGroupPropsOpts = (0, _vue.computed)(() => {
-      return props.optionGroupProps || {};
+      return Object.assign({}, props.optionGroupProps);
     });
     const computeLabelField = (0, _vue.computed)(() => {
       const propsOpts = computePropsOpts.value;
@@ -216,6 +221,31 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const computeMultiMaxCharNum = (0, _vue.computed)(() => {
       return _xeUtils.default.toNumber(props.multiCharOverflow);
     });
+    const computeSelectLabel = (0, _vue.computed)(() => {
+      const {
+        modelValue,
+        multiple,
+        remote
+      } = props;
+      const multiMaxCharNum = computeMultiMaxCharNum.value;
+      if (modelValue && multiple) {
+        const vals = _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
+        if (remote) {
+          return vals.map(val => getRemoteSelectLabel(val)).join(', ');
+        }
+        return vals.map(val => {
+          const label = getSelectLabel(val);
+          if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
+            return `${label.substring(0, multiMaxCharNum)}...`;
+          }
+          return label;
+        }).join(', ');
+      }
+      if (remote) {
+        return getRemoteSelectLabel(modelValue);
+      }
+      return getSelectLabel(modelValue);
+    });
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
         if (_xeUtils.default.isString(slotFunc)) {
@@ -285,31 +315,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const item = findOption(value);
       return _xeUtils.default.toValueString(item ? item[labelField] : value);
     };
-    const computeSelectLabel = (0, _vue.computed)(() => {
-      const {
-        modelValue,
-        multiple,
-        remote
-      } = props;
-      const multiMaxCharNum = computeMultiMaxCharNum.value;
-      if (modelValue && multiple) {
-        const vals = _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
-        if (remote) {
-          return vals.map(val => getRemoteSelectLabel(val)).join(', ');
-        }
-        return vals.map(val => {
-          const label = getSelectLabel(val);
-          if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
-            return `${label.substring(0, multiMaxCharNum)}...`;
-          }
-          return label;
-        }).join(', ');
-      }
-      if (remote) {
-        return getRemoteSelectLabel(modelValue);
-      }
-      return getSelectLabel(modelValue);
-    });
     const getOptkey = () => {
       const optionOpts = computeOptionOpts.value;
       return optionOpts.keyField || props.optionId || '_X_OPTION_KEY';
@@ -499,15 +504,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       });
     };
-    let hidePanelTimeout;
     const showOptionPanel = () => {
       const {
         loading,
         filterable
       } = props;
+      const {
+        hpTimeout
+      } = internalData;
       const isDisabled = computeIsDisabled.value;
       if (!loading && !isDisabled) {
-        clearTimeout(hidePanelTimeout);
+        if (hpTimeout) {
+          clearTimeout(hpTimeout);
+          internalData.hpTimeout = undefined;
+        }
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
@@ -536,13 +546,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.searchValue = '';
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
     const changeEvent = (evnt, selectValue) => {
+      emit('update:modelValue', selectValue);
       if (selectValue !== props.modelValue) {
-        emit('update:modelValue', selectValue);
         selectMethods.dispatchEvent('change', {
           value: selectValue
         }, evnt);
@@ -807,7 +817,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const focusSearchEvent = () => {
       reactData.isActivated = true;
     };
-    const triggerSearchEvent = _xeUtils.default.debounce(function () {
+    const handleSearchEvent = () => {
       const {
         remote,
         remoteMethod
@@ -826,7 +836,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } else {
         refreshOption();
       }
-    }, 350, {
+    };
+    const triggerSearchEvent = _xeUtils.default.debounce(handleSearchEvent, 350, {
       trailing: true
     });
     const togglePanelEvent = params => {
@@ -1063,7 +1074,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           ref: 'hideOption'
         }, defaultSlot ? defaultSlot({}) : []), (0, _vue.h)('span', {
           class: 'vxe-select-label'
-        }, selectLabel)]);
+        }, [selectLabel])]);
       }
       return (0, _vue.h)('div', {
         ref: refElem,
@@ -1138,7 +1149,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-select--panel-footer'
       }, footerSlot({})) : (0, _vue.createCommentVNode)()])] : [])])]);
     };
-    $xeSelect.renderVN = renderVN;
     (0, _vue.watch)(() => reactData.staticOptions, value => {
       if (value.some(item => item.options && item.options.length)) {
         reactData.fullOptionList = [];
@@ -1184,6 +1194,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       _ui.globalEvents.off($xeSelect, 'blur');
     });
     (0, _vue.provide)('$xeSelect', $xeSelect);
+    $xeSelect.renderVN = renderVN;
     return $xeSelect;
   },
   render() {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],clearable:Boolean,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,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click"],setup(m,e){const{slots:x,emit:i}=e,w=(0,_vue.inject)("$xeModal",null),F=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var B=_xeUtils.default.uniqueId();const K=(0,_ui.useSize)(m)["computeSize"],E=(0,_vue.reactive)({initialized:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),b=(0,_vue.ref)(),h=(0,_vue.ref)(),O=(0,_vue.ref)(),L=(0,_vue.ref)(),V=(0,_vue.ref)(),q={refElem:b},T={xID:B,props:m,context:e,reactData:E,getRefMaps:()=>q};let u={};const D=(0,_vue.computed)(()=>{var e=m["readonly"];return null===e?!!l&&l.props.readonly:e}),y=(0,_vue.computed)(()=>{var e=m["disabled"];return null===e?!!l&&l.props.disabled:e}),A=(0,_vue.computed)(()=>{var e=m["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(F||w||l)return!0}return e}),j=(0,_vue.computed)(()=>{var e=m["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),t=(0,_vue.computed)(()=>m.optionProps||{}),n=(0,_vue.computed)(()=>m.optionGroupProps||{}),r=(0,_vue.computed)(()=>{return t.value.label||"label"}),S=(0,_vue.computed)(()=>{return t.value.value||"value"}),c=(0,_vue.computed)(()=>{return n.value.label||"label"}),P=(0,_vue.computed)(()=>{return n.value.options||"options"}),z=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,max:l}=m;return!(!t||!l)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(l)}),C=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,m.optionConfig)),I=(0,_vue.computed)(()=>E.fullGroupList.some(e=>e.options&&e.options.length)),R=(0,_vue.computed)(()=>_xeUtils.default.toNumber(m.multiCharOverflow)),N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=x[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],s=t=>{var{fullOptionList:e,fullGroupList:l}=E,i=I.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var u=l[e];if(u.options)for(let e=0;e<u.options.length;e++){var n=u.options[e];if(t===n[o])return n}}return e.find(e=>t===e[o])},a=t=>{var e=E["remoteValueList"],l=r.value,e=e.find(e=>t===e.key),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[l]:t)},v=e=>{var t=r.value,l=s(e);return _xeUtils.default.toValueString(l?l[t]:e)},M=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,remote:l}=m;const i=R.value;return e&&t?(t=_xeUtils.default.isArray(e)?e:[e],(l?t.map(e=>a(e)):t.map(e=>{e=v(e);return 0<i&&e.length>i?e.substring(0,i)+"...":e})).join(", ")):(l?a:v)(e)}),p=()=>{return C.value.keyField||m.optionId||"_X_OPTION_KEY"},U=e=>{e=e[p()];return e?encodeURIComponent(e):""},d=()=>{const{filterable:e,filterMethod:t}=m;var{fullOptionList:l,fullGroupList:i,searchValue:o}=E,u=I.value;const n=c.value,s=r.value,a=(""+(o||"")).toLowerCase();return u?e&&t?E.visibleGroupList=i.filter(e=>isOptionVisible(e)&&t({group:e,option:null,searchValue:a})):E.visibleGroupList=e?i.filter(e=>isOptionVisible(e)&&(!a||-1<(""+e[n]).toLowerCase().indexOf(a))):i.filter(isOptionVisible):e&&t?E.visibleOptionList=l.filter(e=>isOptionVisible(e)&&t({group:null,option:e,searchValue:a})):E.visibleOptionList=e?l.filter(e=>isOptionVisible(e)&&(!a||-1<(""+e[s]).toLowerCase().indexOf(a))):l.filter(isOptionVisible),(0,_vue.nextTick)()},f=()=>{var{fullOptionList:e,fullGroupList:t}=E;const l=P.value,i=p(),o=e=>{U(e)||(e[i]=getOptUniqueId())};t.length?t.forEach(e=>{o(e),e[l]&&e[l].forEach(o)}):e.length&&e.forEach(o),d()},G=e=>{var t=S.value;e&&(E.currentOption=e,E.currentValue=e[t])},$=(i,o)=>(0,_vue.nextTick)().then(()=>{var e,t,l;i&&(e=L.value,t=V.value.querySelector(`[optid='${U(i)}']`),e)&&t&&(l=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>l&&(e.scrollTop=t.offsetTop+t.offsetHeight-l):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))}),H=()=>(0,_vue.nextTick)().then(()=>{var i=m["placement"],o=E["panelIndex"],u=b.value,n=V.value,e=A.value;if(n&&u){var s=u.offsetHeight,a=u.offsetWidth,r=n.offsetHeight,n=n.offsetWidth,o={zIndex:o},{boundingTop:u,boundingLeft:v,visibleHeight:p,visibleWidth:c}=(0,_dom.getAbsolutePos)(u);let l="bottom";if(e){let e=v,t=u+s;"top"===i?(l="top",t=u-r):i||(t+r+5>p&&(l="top",t=u-r),t<5&&(l="bottom",t=u+s)),e+n+5>c&&(e-=e+n+5-c),e<5&&(e=5),Object.assign(o,{left:e+"px",top:t+"px",minWidth:a+"px"})}else"top"===i?(l="top",o.bottom=s+"px"):i||p<u+s+r&&5<u-s-r&&(l="top",o.bottom=s+"px");return E.panelStyle=o,E.panelPlacement=l,(0,_vue.nextTick)()}});let Y;const _=()=>{var{loading:e,filterable:t}=m,l=y.value;e||l||(clearTimeout(Y),E.initialized||(E.initialized=!0),E.isActivated=!0,E.isAniVisible=!0,t&&d(),setTimeout(()=>{var e=m["modelValue"],e=s(_xeUtils.default.isArray(e)?e[0]:e);E.visiblePanel=!0,e&&(G(e),$(e)),m.filterable&&(0,_vue.nextTick)(()=>{var e=O.value;e&&e.focus()})},10),E.panelIndex<(0,_utils.getLastZIndex)()&&(E.panelIndex=(0,_utils.nextZIndex)()),H())},g=()=>{E.searchValue="",E.searchLoading=!1,E.visiblePanel=!1,Y=window.setTimeout(()=>{E.isAniVisible=!1},350)},k=(e,t)=>{t!==m.modelValue&&(i("update:modelValue",t),u.dispatchEvent("change",{value:t},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},W=(e,t)=>{E.remoteValueList=[],k(e,t),u.dispatchEvent("clear",{value:t},e)},Z=(e,t)=>{W(t,null),g()},X=(t,l,i)=>{var{modelValue:o,multiple:u}=m,n=E["remoteValueList"];if(u){let e=[];u=_xeUtils.default.eqNull(o)?[]:_xeUtils.default.isArray(o)?o:[o],o=_xeUtils.default.findIndexOf(u,e=>e===l),o=(e=-1===o?u.concat([l]):u.filter(e=>e!==l),n.find(e=>e.key===l));o?o.result=i:n.push({key:l,result:i}),k(t,e)}else E.remoteValueList=[{key:l,result:i}],k(t,l),g()},J=e=>{var t=E["visiblePanel"];y.value||t&&(t=V.value,((0,_dom.getEventTargetNode)(e,t).flag?H:g)())},Q=e=>{var t,l,i=E["visiblePanel"];y.value||(t=b.value,l=V.value,E.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!E.isActivated&&g())},ee=l=>{var e=m["clearable"],{visiblePanel:t,currentValue:i,currentOption:o}=E;if(!y.value){var u=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),v=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.DELETE),p=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(u&&(E.isActivated=!1),t)if(s||u)g();else if(n)l.preventDefault(),l.stopPropagation(),X(l,i,o);else if(a||r){l.preventDefault();let{firstOption:e,offsetOption:t}=((t,l)=>{var{visibleOptionList:i,visibleGroupList:o}=E,e=I.value,u=S.value,n=P.value;let s,a,r,v;if(e)for(let e=0;e<o.length;e++){var p=o[e],c=p[n],d=p.disabled;if(c)for(let e=0;e<c.length;e++){var f=c[e],_=isOptionVisible(f),g=d||f.disabled;if(s||g||(s=f),v&&_&&!g&&(r=f,!l))return{offsetOption:r};if(t===f[u]){if(v=f,l)return{offsetOption:a}}else _&&!g&&(a=f)}}else for(let e=0;e<i.length;e++){var b=i[e],h=b.disabled;if(s||h||(s=b),v&&!h&&(r=b,!l))return{offsetOption:r};if(t===b[u]){if(v=b,l)return{offsetOption:a}}else h||(a=b)}return{firstOption:s}})(i,a);t||(t=>{var{visibleOptionList:e,visibleGroupList:l}=E,i=I.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var u=l[e];if(u.options)for(let e=0;e<u.options.length;e++){var n=u.options[e];if(t===n[o])return n}}return e.find(e=>t===e[o])})(i)||(t=e),G(t),$(t,r)}else p&&l.preventDefault();else(a||r||n||p)&&E.isActivated&&(l.preventDefault(),_());E.isActivated&&v&&e&&W(l,null)}},te=()=>{g()},le=e=>{y.value||E.visiblePanel||(E.triggerFocusPanel=!0,_(),setTimeout(()=>{E.triggerFocusPanel=!1},150)),u.dispatchEvent("focus",{},e)},ie=e=>{ae(e),u.dispatchEvent("click",{},e)},oe=e=>{E.isActivated=!1,u.dispatchEvent("blur",{},e)},ue=e=>{E.searchValue=e},ne=()=>{E.isActivated=!0},se=_xeUtils.default.debounce(function(){var{remote:e,remoteMethod:t}=m,l=E["searchValue"];e&&t?(E.searchLoading=!0,Promise.resolve(t({searchValue:l})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{E.searchLoading=!1,d()})):d()},350,{trailing:!0}),ae=e=>{e=e.$event;e.preventDefault(),E.triggerFocusPanel?E.triggerFocusPanel=!1:(E.visiblePanel?g:_)()},re=(e,v)=>{const{optionKey:p,modelValue:c}=m,d=E["currentValue"];var t=C.value;const f=r.value,_=S.value,g=I.value,b=t["useKey"],h=x.option;return e.map((t,e)=>{var{slots:l,className:i}=t;const o=t[_];var u=_xeUtils.default.isArray(c)?-1<c.indexOf(o):c===o,n=!g||isOptionVisible(t);r=u,a=v;const s=!!t.disabled||!(!a||!a.disabled)||!(!z.value||r);var a=U(t),r=l?l.default:null,l={option:t,group:null,$select:T};return n?(0,_vue.h)("div",{key:b||p?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(l):i:"",{"is--disabled":s,"is--selected":u,"is--hover":d===o}],optid:a,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{s||X(e,o,t)},onMouseenter:()=>{s||G(t)}},h?N(h,l):r?N(r,l):(0,_utils.getFuncText)(t[f])):(0,_vue.createCommentVNode)()})},ve=()=>{const s=m["optionKey"];var e=E["visibleGroupList"],t=C.value;const a=c.value,r=P.value,v=t["useKey"],p=x.option;return e.map((e,t)=>{var{slots:l,className:i}=e,o=U(e),u=e.disabled,l=l?l.default:null,n={option:e,group:e,$select:T};return(0,_vue.h)("div",{key:v||s?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i(n):i:"",{"is--disabled":u}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},p?N(p,n):l?N(l,n):(0,_utils.getFuncText)(e[a])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},re(e[r]||[],e))])})};u={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$select:T},t))},isPanelVisible(){return E.visiblePanel},togglePanel(){return(E.visiblePanel?g:_)(),(0,_vue.nextTick)()},hidePanel(){return E.visiblePanel&&g(),(0,_vue.nextTick)()},showPanel(){return E.visiblePanel||_(),(0,_vue.nextTick)()},refreshOption:d,focus(){var e=h.value;return E.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return h.value.blur(),(E.isActivated=!1,_vue.nextTick)()}},Object.assign(T,u);return T.renderVN=()=>{var{className:e,popupClassName:t,loading:l,filterable:i}=m,{initialized:o,isActivated:u,visiblePanel:n}=E,s=K.value,a=y.value,r=M.value,v=A.value,p=D.value,c=j.value,d=x.default,f=x.header,_=x.footer;const g=x.prefix;return p?(0,_vue.h)("div",{ref:b,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},d?d({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},r)]):(0,_vue.h)("div",{ref:b,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:T}):e:"",{["size--"+s]:s,"is--visible":n,"is--disabled":a,"is--filter":i,"is--loading":l,"is--active":u}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},d?d({}):[]),(0,_vue.h)(_input.default,{ref:h,clearable:m.clearable,placeholder:c,readonly:!0,disabled:a,type:"text",prefixIcon:m.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().SELECT_LOADED:n?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,modelValue:r,onClear:Z,onClick:ie,onFocus:le,onBlur:oe,onSuffixClick:ae},g?{prefix:()=>g({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!v||!o},[(0,_vue.h)("div",{ref:V,class:["vxe-table--ignore-clear vxe-select--panel",t?_xeUtils.default.isFunction(t)?t({$select:T}):t:"",{["size--"+s]:s,"is--transfer":v,"ani--leave":!l&&E.isAniVisible,"ani--enter":!l&&n}],placement:E.panelPlacement,style:E.panelStyle},o?[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:O,class:"vxe-select-search--input",modelValue:E.searchValue,clearable:!0,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":ue,onFocus:ne,onChange:se,onSearch:se})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-select--panel-header"},f({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:L,class:"vxe-select-option--wrapper"},(()=>{var{visibleGroupList:e,visibleOptionList:t,searchLoading:l}=E,i=I.value;if(l)return[(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"))])];if(i){if(e.length)return ve()}else if(t.length)return re(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},m.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())]),_?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},_({})):(0,_vue.createCommentVNode)()])]:[])])])},(0,_vue.watch)(()=>E.staticOptions,e=>{e.some(e=>e.options&&e.options.length)?(E.fullOptionList=[],E.fullGroupList=e):(E.fullGroupList=[],E.fullOptionList=e||[]),f()}),(0,_vue.watch)(()=>m.options,e=>{E.fullGroupList=[],E.fullOptionList=e||[],f()}),(0,_vue.watch)(()=>m.optionGroups,e=>{E.fullOptionList=[],E.fullGroupList=e||[],f()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=m;t?E.fullGroupList=t:e&&(E.fullOptionList=e),f()}),_ui.globalEvents.on(T,"mousewheel",J),_ui.globalEvents.on(T,"mousedown",Q),_ui.globalEvents.on(T,"keydown",ee),_ui.globalEvents.on(T,"blur",te)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(T,"mousewheel"),_ui.globalEvents.off(T,"mousedown"),_ui.globalEvents.off(T,"keydown"),_ui.globalEvents.off(T,"blur")}),(0,_vue.provide)("$xeSelect",T),T},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:[String,Number,Boolean,Array],clearable:Boolean,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,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,transfer:{type:Boolean,default:null},optionId:{type:String,default:()=>(0,_ui.getConfig)().select.optionId},optionKey:Boolean},emits:["update:modelValue","change","clear","blur","focus","click"],setup(m,e){const{slots:x,emit:i}=e,w=(0,_vue.inject)("$xeModal",null),F=(0,_vue.inject)("$xeDrawer",null),B=(0,_vue.inject)("$xeTable",null),l=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var K=_xeUtils.default.uniqueId();const D=(0,_ui.useSize)(m)["computeSize"],E=(0,_vue.reactive)({initialized:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),u={hpTimeout:void 0},h=(0,_vue.ref)(),b=(0,_vue.ref)(),O=(0,_vue.ref)(),L=(0,_vue.ref)(),V=(0,_vue.ref)(),q={refElem:h},T={xID:K,props:m,context:e,reactData:E,internalData:u,getRefMaps:()=>q};let n={};const j=(0,_vue.computed)(()=>{var e=m["readonly"];return null===e?!!l&&l.props.readonly:e}),y=(0,_vue.computed)(()=>{var e=m["disabled"];return null===e?!!l&&l.props.disabled:e}),A=(0,_vue.computed)(()=>{var e=m["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(B||w||F||l)return!0}return e}),z=(0,_vue.computed)(()=>{var e=m["placeholder"];return(e=e||(0,_ui.getConfig)().select.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),t=(0,_vue.computed)(()=>Object.assign({},m.optionProps)),s=(0,_vue.computed)(()=>Object.assign({},m.optionGroupProps)),r=(0,_vue.computed)(()=>{return t.value.label||"label"}),S=(0,_vue.computed)(()=>{return t.value.value||"value"}),c=(0,_vue.computed)(()=>{return s.value.label||"label"}),P=(0,_vue.computed)(()=>{return s.value.options||"options"}),R=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,max:l}=m;return!(!t||!l)&&(_xeUtils.default.isArray(e)?e.length:_xeUtils.default.eqNull(e)?0:1)>=_xeUtils.default.toNumber(l)}),C=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().select.optionConfig,m.optionConfig)),I=(0,_vue.computed)(()=>E.fullGroupList.some(e=>e.options&&e.options.length)),$=(0,_vue.computed)(()=>_xeUtils.default.toNumber(m.multiCharOverflow)),M=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,remote:l}=m;const i=$.value;return e&&t?(t=_xeUtils.default.isArray(e)?e:[e],(l?t.map(e=>v(e)):t.map(e=>{e=p(e);return 0<i&&e.length>i?e.substring(0,i)+"...":e})).join(", ")):(l?v:p)(e)}),N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=x[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],a=t=>{var{fullOptionList:e,fullGroupList:l}=E,i=I.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var u=l[e];if(u.options)for(let e=0;e<u.options.length;e++){var n=u.options[e];if(t===n[o])return n}}return e.find(e=>t===e[o])},v=t=>{var e=E["remoteValueList"],l=r.value,e=e.find(e=>t===e.key),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[l]:t)},p=e=>{var t=r.value,l=a(e);return _xeUtils.default.toValueString(l?l[t]:e)},H=()=>{return C.value.keyField||m.optionId||"_X_OPTION_KEY"},U=e=>{e=e[H()];return e?encodeURIComponent(e):""},d=()=>{const{filterable:e,filterMethod:t}=m;var{fullOptionList:l,fullGroupList:i,searchValue:o}=E,u=I.value;const n=c.value,s=r.value,a=(""+(o||"")).toLowerCase();return u?e&&t?E.visibleGroupList=i.filter(e=>isOptionVisible(e)&&t({group:e,option:null,searchValue:a})):E.visibleGroupList=e?i.filter(e=>isOptionVisible(e)&&(!a||-1<(""+e[n]).toLowerCase().indexOf(a))):i.filter(isOptionVisible):e&&t?E.visibleOptionList=l.filter(e=>isOptionVisible(e)&&t({group:null,option:e,searchValue:a})):E.visibleOptionList=e?l.filter(e=>isOptionVisible(e)&&(!a||-1<(""+e[s]).toLowerCase().indexOf(a))):l.filter(isOptionVisible),(0,_vue.nextTick)()},f=()=>{var{fullOptionList:e,fullGroupList:t}=E;const l=P.value,i=H(),o=e=>{U(e)||(e[i]=getOptUniqueId())};t.length?t.forEach(e=>{o(e),e[l]&&e[l].forEach(o)}):e.length&&e.forEach(o),d()},G=e=>{var t=S.value;e&&(E.currentOption=e,E.currentValue=e[t])},Y=(i,o)=>(0,_vue.nextTick)().then(()=>{var e,t,l;i&&(e=L.value,t=V.value.querySelector(`[optid='${U(i)}']`),e)&&t&&(l=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>l&&(e.scrollTop=t.offsetTop+t.offsetHeight-l):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))}),W=()=>(0,_vue.nextTick)().then(()=>{var i=m["placement"],o=E["panelIndex"],u=h.value,n=V.value,e=A.value;if(n&&u){var s=u.offsetHeight,a=u.offsetWidth,r=n.offsetHeight,n=n.offsetWidth,o={zIndex:o},{boundingTop:u,boundingLeft:v,visibleHeight:p,visibleWidth:c}=(0,_dom.getAbsolutePos)(u);let l="bottom";if(e){let e=v,t=u+s;"top"===i?(l="top",t=u-r):i||(t+r+5>p&&(l="top",t=u-r),t<5&&(l="bottom",t=u+s)),e+n+5>c&&(e-=e+n+5-c),e<5&&(e=5),Object.assign(o,{left:e+"px",top:t+"px",minWidth:a+"px"})}else"top"===i?(l="top",o.bottom=s+"px"):i||p<u+s+r&&5<u-s-r&&(l="top",o.bottom=s+"px");return E.panelStyle=o,E.panelPlacement=l,(0,_vue.nextTick)()}}),_=()=>{var{loading:e,filterable:t}=m,l=u["hpTimeout"],i=y.value;e||i||(l&&(clearTimeout(l),u.hpTimeout=void 0),E.initialized||(E.initialized=!0),E.isActivated=!0,E.isAniVisible=!0,t&&d(),setTimeout(()=>{var e=m["modelValue"],e=a(_xeUtils.default.isArray(e)?e[0]:e);E.visiblePanel=!0,e&&(G(e),Y(e)),m.filterable&&(0,_vue.nextTick)(()=>{var e=O.value;e&&e.focus()})},10),E.panelIndex<(0,_utils.getLastZIndex)()&&(E.panelIndex=(0,_utils.nextZIndex)()),W())},g=()=>{E.searchValue="",E.searchLoading=!1,E.visiblePanel=!1,u.hpTimeout=window.setTimeout(()=>{E.isAniVisible=!1},350)},k=(e,t)=>{i("update:modelValue",t),t!==m.modelValue&&(n.dispatchEvent("change",{value:t},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},Z=(e,t)=>{E.remoteValueList=[],k(e,t),n.dispatchEvent("clear",{value:t},e)},X=(e,t)=>{Z(t,null),g()},J=(t,l,i)=>{var{modelValue:o,multiple:u}=m,n=E["remoteValueList"];if(u){let e=[];u=_xeUtils.default.eqNull(o)?[]:_xeUtils.default.isArray(o)?o:[o],o=_xeUtils.default.findIndexOf(u,e=>e===l),o=(e=-1===o?u.concat([l]):u.filter(e=>e!==l),n.find(e=>e.key===l));o?o.result=i:n.push({key:l,result:i}),k(t,e)}else E.remoteValueList=[{key:l,result:i}],k(t,l),g()},Q=e=>{var t=E["visiblePanel"];y.value||t&&(t=V.value,((0,_dom.getEventTargetNode)(e,t).flag?W:g)())},ee=e=>{var t,l,i=E["visiblePanel"];y.value||(t=h.value,l=V.value,E.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!E.isActivated&&g())},te=l=>{var e=m["clearable"],{visiblePanel:t,currentValue:i,currentOption:o}=E;if(!y.value){var u=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ENTER),s=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),v=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.DELETE),p=_ui.globalEvents.hasKey(l,_ui.GLOBAL_EVENT_KEYS.SPACEBAR);if(u&&(E.isActivated=!1),t)if(s||u)g();else if(n)l.preventDefault(),l.stopPropagation(),J(l,i,o);else if(a||r){l.preventDefault();let{firstOption:e,offsetOption:t}=((t,l)=>{var{visibleOptionList:i,visibleGroupList:o}=E,e=I.value,u=S.value,n=P.value;let s,a,r,v;if(e)for(let e=0;e<o.length;e++){var p=o[e],c=p[n],d=p.disabled;if(c)for(let e=0;e<c.length;e++){var f=c[e],_=isOptionVisible(f),g=d||f.disabled;if(s||g||(s=f),v&&_&&!g&&(r=f,!l))return{offsetOption:r};if(t===f[u]){if(v=f,l)return{offsetOption:a}}else _&&!g&&(a=f)}}else for(let e=0;e<i.length;e++){var h=i[e],b=h.disabled;if(s||b||(s=h),v&&!b&&(r=h,!l))return{offsetOption:r};if(t===h[u]){if(v=h,l)return{offsetOption:a}}else b||(a=h)}return{firstOption:s}})(i,a);t||(t=>{var{visibleOptionList:e,visibleGroupList:l}=E,i=I.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var u=l[e];if(u.options)for(let e=0;e<u.options.length;e++){var n=u.options[e];if(t===n[o])return n}}return e.find(e=>t===e[o])})(i)||(t=e),G(t),Y(t,r)}else p&&l.preventDefault();else(a||r||n||p)&&E.isActivated&&(l.preventDefault(),_());E.isActivated&&v&&e&&Z(l,null)}},le=()=>{g()},ie=e=>{y.value||E.visiblePanel||(E.triggerFocusPanel=!0,_(),setTimeout(()=>{E.triggerFocusPanel=!1},150)),n.dispatchEvent("focus",{},e)},oe=e=>{re(e),n.dispatchEvent("click",{},e)},ue=e=>{E.isActivated=!1,n.dispatchEvent("blur",{},e)},ne=e=>{E.searchValue=e},se=()=>{E.isActivated=!0};const ae=_xeUtils.default.debounce(()=>{var{remote:e,remoteMethod:t}=m,l=E["searchValue"];e&&t?(E.searchLoading=!0,Promise.resolve(t({searchValue:l})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{E.searchLoading=!1,d()})):d()},350,{trailing:!0}),re=e=>{e=e.$event;e.preventDefault(),E.triggerFocusPanel?E.triggerFocusPanel=!1:(E.visiblePanel?g:_)()},ve=(e,v)=>{const{optionKey:p,modelValue:c}=m,d=E["currentValue"];var t=C.value;const f=r.value,_=S.value,g=I.value,h=t["useKey"],b=x.option;return e.map((t,e)=>{var{slots:l,className:i}=t;const o=t[_];var u=_xeUtils.default.isArray(c)?-1<c.indexOf(o):c===o,n=!g||isOptionVisible(t);r=u,a=v;const s=!!t.disabled||!(!a||!a.disabled)||!(!R.value||r);var a=U(t),r=l?l.default:null,l={option:t,group:null,$select:T};return n?(0,_vue.h)("div",{key:h||p?a:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(l):i:"",{"is--disabled":s,"is--selected":u,"is--hover":d===o}],optid:a,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{s||J(e,o,t)},onMouseenter:()=>{s||G(t)}},b?N(b,l):r?N(r,l):(0,_utils.getFuncText)(t[f])):(0,_vue.createCommentVNode)()})},pe=()=>{const s=m["optionKey"];var e=E["visibleGroupList"],t=C.value;const a=c.value,r=P.value,v=t["useKey"],p=x.option;return e.map((e,t)=>{var{slots:l,className:i}=e,o=U(e),u=e.disabled,l=l?l.default:null,n={option:e,group:e,$select:T};return(0,_vue.h)("div",{key:v||s?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i(n):i:"",{"is--disabled":u}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},p?N(p,n):l?N(l,n):(0,_utils.getFuncText)(e[a])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},ve(e[r]||[],e))])})};n={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$select:T},t))},isPanelVisible(){return E.visiblePanel},togglePanel(){return(E.visiblePanel?g:_)(),(0,_vue.nextTick)()},hidePanel(){return E.visiblePanel&&g(),(0,_vue.nextTick)()},showPanel(){return E.visiblePanel||_(),(0,_vue.nextTick)()},refreshOption:d,focus(){var e=b.value;return E.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(E.isActivated=!1,_vue.nextTick)()}},Object.assign(T,n);return(0,_vue.watch)(()=>E.staticOptions,e=>{e.some(e=>e.options&&e.options.length)?(E.fullOptionList=[],E.fullGroupList=e):(E.fullGroupList=[],E.fullOptionList=e||[]),f()}),(0,_vue.watch)(()=>m.options,e=>{E.fullGroupList=[],E.fullOptionList=e||[],f()}),(0,_vue.watch)(()=>m.optionGroups,e=>{E.fullOptionList=[],E.fullGroupList=e||[],f()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=m;t?E.fullGroupList=t:e&&(E.fullOptionList=e),f()}),_ui.globalEvents.on(T,"mousewheel",Q),_ui.globalEvents.on(T,"mousedown",ee),_ui.globalEvents.on(T,"keydown",te),_ui.globalEvents.on(T,"blur",le)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(T,"mousewheel"),_ui.globalEvents.off(T,"mousedown"),_ui.globalEvents.off(T,"keydown"),_ui.globalEvents.off(T,"blur")}),(0,_vue.provide)("$xeSelect",T),T.renderVN=()=>{var{className:e,popupClassName:t,loading:l,filterable:i}=m,{initialized:o,isActivated:u,visiblePanel:n}=E,s=D.value,a=y.value,r=M.value,v=A.value,p=j.value,c=z.value,d=x.default,f=x.header,_=x.footer;const g=x.prefix;return p?(0,_vue.h)("div",{ref:h,class:["vxe-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},d?d({}):[]),(0,_vue.h)("span",{class:"vxe-select-label"},[r])]):(0,_vue.h)("div",{ref:h,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:T}):e:"",{["size--"+s]:s,"is--visible":n,"is--disabled":a,"is--filter":i,"is--loading":l,"is--active":u}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},d?d({}):[]),(0,_vue.h)(_input.default,{ref:b,clearable:m.clearable,placeholder:c,readonly:!0,disabled:a,type:"text",prefixIcon:m.prefixIcon,suffixIcon:l?(0,_ui.getIcon)().SELECT_LOADED:n?(0,_ui.getIcon)().SELECT_OPEN:(0,_ui.getIcon)().SELECT_CLOSE,modelValue:r,onClear:X,onClick:oe,onFocus:ie,onBlur:ue,onSuffixClick:re},g?{prefix:()=>g({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!v||!o},[(0,_vue.h)("div",{ref:V,class:["vxe-table--ignore-clear vxe-select--panel",t?_xeUtils.default.isFunction(t)?t({$select:T}):t:"",{["size--"+s]:s,"is--transfer":v,"ani--leave":!l&&E.isAniVisible,"ani--enter":!l&&n}],placement:E.panelPlacement,style:E.panelStyle},o?[i?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:O,class:"vxe-select-search--input",modelValue:E.searchValue,clearable:!0,placeholder:(0,_ui.getI18n)("vxe.select.search"),prefixIcon:(0,_ui.getIcon)().INPUT_SEARCH,"onUpdate:modelValue":ne,onFocus:se,onChange:ae,onSearch:ae})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-select--panel-header"},f({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:L,class:"vxe-select-option--wrapper"},(()=>{var{visibleGroupList:e,visibleOptionList:t,searchLoading:l}=E,i=I.value;if(l)return[(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"))])];if(i){if(e.length)return pe()}else if(t.length)return ve(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},m.emptyText||(0,_ui.getI18n)("vxe.select.emptyText"))]})())]),_?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},_({})):(0,_vue.createCommentVNode)()])]:[])])])},T},render(){return this.renderVN()}});

package/lib/select/src/util.js

@@ -25,7 +25,7 @@ function watchOption(props, option) {
     });
   });
 }
-function assembleOption($xeSelect, el, option, optGroup) {
+function assembleOption($xeSelect, el, option, $xeOptgroup) {
   const {
     reactData
   } = $xeSelect;
@@ -33,7 +33,7 @@ function assembleOption($xeSelect, el, option, optGroup) {
     staticOptions
   } = reactData;
   const parentElem = el.parentNode;
-  const parentOption = optGroup ? optGroup.option : null;
+  const parentOption = $xeOptgroup ? $xeOptgroup.optionConfig : null;
   const parentCols = parentOption ? parentOption.options : staticOptions;
   if (parentElem && parentCols) {
     parentCols.splice(_xeUtils.default.arrayIndexOf(parentElem.children, el), 0, option);

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleOption=assembleOption,exports.createOption=createOption,exports.destroyOption=destroyOption,exports.isOption=isOption,exports.watchOption=watchOption;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_optionInfo=require("./option-info");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function isOption(t){return t instanceof _optionInfo.OptionInfo}function createOption(t,e){return isOption(e)?e:new _optionInfo.OptionInfo(t,e)}function watchOption(t,i){Object.keys(t).forEach(e=>{(0,_vue.watch)(()=>t[e],t=>{i.update(e,t)})})}function assembleOption(t,e,i,o){var t=t["reactData"],n=t["staticOptions"],s=e.parentNode,o=o?o.option:null,o=o?o.options:n;s&&o&&(o.splice(_xeUtils.default.arrayIndexOf(s.children,e),0,i),t.staticOptions=n.slice(0))}function destroyOption(t,e){var t=t["reactData"],i=t["staticOptions"],o=_xeUtils.default.findTree(i,t=>t.id===e.id,{children:"options"});o&&o.items.splice(o.index,1),t.staticOptions=i.slice(0)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleOption=assembleOption,exports.createOption=createOption,exports.destroyOption=destroyOption,exports.isOption=isOption,exports.watchOption=watchOption;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_optionInfo=require("./option-info");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function isOption(t){return t instanceof _optionInfo.OptionInfo}function createOption(t,e){return isOption(e)?e:new _optionInfo.OptionInfo(t,e)}function watchOption(t,i){Object.keys(t).forEach(e=>{(0,_vue.watch)(()=>t[e],t=>{i.update(e,t)})})}function assembleOption(t,e,i,o){var t=t["reactData"],n=t["staticOptions"],s=e.parentNode,o=o?o.optionConfig:null,o=o?o.options:n;s&&o&&(o.splice(_xeUtils.default.arrayIndexOf(s.children,e),0,i),t.staticOptions=n.slice(0))}function destroyOption(t,e){var t=t["reactData"],i=t["staticOptions"],o=_xeUtils.default.findTree(i,t=>t.id===e.id,{children:"options"});o&&o.items.splice(o.index,1),t.staticOptions=i.slice(0)}