vxe-pc-ui 4.4.1 → 4.4.3

package/lib/index.umd.js

@@ -4149,14 +4149,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.4.1"}`;
+const log_version = `ui v${"4.4.3"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.4.1";
+const ui_version = "4.4.3";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4514,6 +4514,7 @@ setIcon({
   SELECT_LOADED: iconPrefix + 'spinner roll',
   SELECT_OPEN: iconPrefix + 'caret-down rotate180',
   SELECT_CLOSE: iconPrefix + 'caret-down',
+  ADD_OPTION: iconPrefix + 'add',
   // icon-picker
   ICON_PICKER_OPEN: iconPrefix + 'caret-down rotate180',
   ICON_PICKER_CLOSE: iconPrefix + 'caret-down',
@@ -11072,7 +11073,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
     const hidePanel = () => {
       return new Promise(resolve => {
         reactData.visiblePanel = false;
-        internalData.hpTimeout = window.setTimeout(() => {
+        internalData.hpTimeout = setTimeout(() => {
           reactData.isAniVisible = false;
           resolve();
         }, 350);
@@ -11403,7 +11404,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }, evnt);
     };
     const numberDownNextEvent = evnt => {
-      internalData.dnTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = setTimeout(() => {
         numberNextEvent(evnt);
         numberDownNextEvent(evnt);
       }, 60);
@@ -11473,7 +11474,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       }
     };
     const numberDownPrevEvent = evnt => {
-      internalData.dnTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = setTimeout(() => {
         numberPrevEvent(evnt);
         numberDownPrevEvent(evnt);
       }, 60);
@@ -11487,7 +11488,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         } else {
           numberNextEvent(evnt);
         }
-        internalData.dnTimeout = window.setTimeout(() => {
+        internalData.dnTimeout = setTimeout(() => {
           if (isPrevNumber) {
             numberDownPrevEvent(evnt);
           } else {
@@ -12893,7 +12894,6 @@ function toFloatValueFixed(inputValue, digitsValue) {
 
 
 
-const WinEyeDropper = window.EyeDropper;
 /* harmony default export */ var color_picker = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeColorPicker',
   props: {
@@ -12961,6 +12961,7 @@ const WinEyeDropper = window.EyeDropper;
     const $xeTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTable', null);
     const $xeForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeForm', null);
     const formItemInfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('xeFormItemInfo', null);
+    const WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const {
       computeSize
@@ -13245,7 +13246,7 @@ const WinEyeDropper = window.EyeDropper;
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
@@ -14981,7 +14982,7 @@ const Countdown = VxeCountdown;
     const hidePanel = () => {
       return new Promise(resolve => {
         reactData.visiblePanel = false;
-        internalData.hpTimeout = window.setTimeout(() => {
+        internalData.hpTimeout = setTimeout(() => {
           reactData.isAniVisible = false;
           resolve();
         }, 350);
@@ -18658,7 +18659,7 @@ const validErrorRuleValue = (rule, val) => {
           }
         }).catch(() => {
           return new Promise(resolve => {
-            internalData.meTimeout = window.setTimeout(() => {
+            internalData.meTimeout = setTimeout(() => {
               itemList.forEach(item => {
                 if (item.errRule) {
                   item.showError = true;
@@ -24101,6 +24102,10 @@ function getOptUniqueId() {
       default: () => getConfig().select.multiCharOverflow
     },
     prefixIcon: String,
+    allowCreate: {
+      type: Boolean,
+      default: () => getConfig().select.allowCreate
+    },
     placement: String,
     options: Array,
     optionProps: Object,
@@ -24135,7 +24140,7 @@ function getOptUniqueId() {
     // 已废弃，被 option-config.useKey 替换
     optionKey: Boolean
   },
-  emits: ['update:modelValue', 'change', 'clear', 'blur', 'focus', 'click', 'scroll'],
+  emits: ['update:modelValue', 'change', 'clear', 'blur', 'focus', 'click', 'scroll', 'visible-change'],
   setup(props, context) {
     const {
       slots,
@@ -24179,6 +24184,7 @@ function getOptUniqueId() {
     const internalData = {
       synchData: [],
       fullData: [],
+      optAddMaps: {},
       optGroupKeyMaps: {},
       optFullValMaps: {},
       remoteValMaps: {},
@@ -24562,15 +24568,21 @@ function getOptUniqueId() {
         }, 100);
         updateZIndex();
         updatePlacement();
+        dispatchEvent('visible-change', {
+          visible: true
+        }, null);
       }
     };
     const hideOptionPanel = () => {
       reactData.searchValue = '';
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
+      dispatchEvent('visible-change', {
+        visible: false
+      }, null);
     };
     const changeEvent = (evnt, selectValue) => {
       emitModel(selectValue);
@@ -24779,19 +24791,29 @@ function getOptUniqueId() {
           showOptionPanel();
           setTimeout(() => {
             reactData.triggerFocusPanel = false;
-          }, 150);
+          }, 500);
         }
       }
       dispatchEvent('focus', {}, evnt);
     };
     const clickEvent = evnt => {
       togglePanelEvent(evnt);
-      dispatchEvent('click', {}, evnt);
+      dispatchEvent('click', {
+        triggerButton: false,
+        visible: reactData.visiblePanel
+      }, evnt);
     };
     const blurEvent = evnt => {
       reactData.isActivated = false;
       dispatchEvent('blur', {}, evnt);
     };
+    const suffixClickEvent = evnt => {
+      togglePanelEvent(evnt);
+      dispatchEvent('click', {
+        triggerButton: true,
+        visible: reactData.visiblePanel
+      }, evnt);
+    };
     const modelSearchEvent = value => {
       reactData.searchValue = value;
     };
@@ -24863,14 +24885,34 @@ function getOptUniqueId() {
       reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
     };
     const handleData = () => {
+      const {
+        filterable,
+        allowCreate
+      } = props;
       const {
         scrollYLoad,
-        afterVisibleList
+        afterVisibleList,
+        searchValue
       } = reactData;
       const {
+        optAddMaps,
         scrollYStore
       } = internalData;
-      reactData.optList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
+      const labelField = computeLabelField.value;
+      const valueField = computeValueField.value;
+      const restList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
+      if (filterable && allowCreate && searchValue) {
+        if (!restList.some(option => option[labelField] === searchValue)) {
+          const addItem = optAddMaps[searchValue] || {
+            [getOptKey()]: searchValue,
+            [labelField]: searchValue,
+            [valueField]: searchValue
+          };
+          optAddMaps[searchValue] = addItem;
+          restList.unshift(addItem);
+        }
+      }
+      reactData.optList = restList;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const updateYData = () => {
@@ -25175,12 +25217,16 @@ function getOptUniqueId() {
     Object.assign($xeSelect, selectMethods);
     const renderOption = (list, group) => {
       const {
+        allowCreate,
         optionKey,
         modelValue
       } = props;
       const {
         currentOption
       } = reactData;
+      const {
+        optAddMaps
+      } = internalData;
       const optionOpts = computeOptionOpts.value;
       const labelField = computeLabelField.value;
       const valueField = computeValueField.value;
@@ -25197,21 +25243,24 @@ function getOptUniqueId() {
         const optid = getOptId(option);
         const optionValue = option[valueField];
         const isOptGroup = hasOptGroupById(optid);
-        const isSelected = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue.indexOf(optionValue) > -1 : modelValue === optionValue;
-        const isVisible = !isOptGroup || isOptionVisible(option);
-        const isDisabled = checkOptionDisabled(isSelected, option, group);
+        const isAdd = !!(allowCreate && optAddMaps[optid]);
+        const isSelected = !isAdd && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue.indexOf(optionValue) > -1 : modelValue === optionValue);
+        const isVisible = isAdd || !isOptGroup || isOptionVisible(option);
+        const isDisabled = !isAdd && checkOptionDisabled(isSelected, option, group);
         const defaultSlot = slots ? slots.default : null;
         const optParams = {
           option,
           group: null,
           $select: $xeSelect
         };
+        const optVNs = optionSlot ? callSlot(optionSlot, optParams) : defaultSlot ? callSlot(defaultSlot, optParams) : getFuncText(option[isOptGroup ? groupLabelField : labelField]);
         return isVisible ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: useKey || optionKey ? optid : cIndex,
           class: ['vxe-select-option', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className(optParams) : className : '', {
             'vxe-select-optgroup': isOptGroup,
             'is--disabled': isDisabled,
             'is--selected': isSelected,
+            'is--add': isAdd,
             'is--hover': currentOption && getOptId(currentOption) === optid
           }],
           // attrs
@@ -25233,7 +25282,15 @@ function getOptUniqueId() {
               setCurrentOption(option);
             }
           }
-        }, optionSlot ? callSlot(optionSlot, optParams) : defaultSlot ? callSlot(defaultSlot, optParams) : getFuncText(option[isOptGroup ? groupLabelField : labelField])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+        }, allowCreate ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          key: 1,
+          class: 'vxe-select-option--label'
+        }, optVNs), isAdd ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          key: 2,
+          class: 'vxe-select-option--add-icon'
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
+          class: getIcon().ADD_OPTION
+        })]) : renderEmptyElement($xeSelect)] : optVNs) : renderEmptyElement($xeSelect);
       });
     };
     const renderOpts = () => {
@@ -25322,7 +25379,7 @@ function getOptUniqueId() {
         onClick: clickEvent,
         onFocus: focusEvent,
         onBlur: blurEvent,
-        onSuffixClick: togglePanelEvent
+        onSuffixClick: suffixClickEvent
       }, prefixSlot ? {
         prefix: () => prefixSlot({})
       } : {}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
@@ -25357,9 +25414,9 @@ function getOptUniqueId() {
         onFocus: focusSearchEvent,
         onChange: triggerSearchEvent,
         onSearch: triggerSearchEvent
-      })]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      })]) : renderEmptyElement($xeSelect), headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select--panel-header'
-      }, headerSlot({})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, headerSlot({})) : renderEmptyElement($xeSelect), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select--panel-body'
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refVirtualWrapper,
@@ -25378,7 +25435,7 @@ function getOptUniqueId() {
         }
       }, renderOpts())])]), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-select--panel-footer'
-      }, footerSlot({})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)()])] : [])])]);
+      }, footerSlot({})) : renderEmptyElement($xeSelect)])] : [])])]);
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticOptions, val => {
       loadData(val);
@@ -30211,7 +30268,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }, evnt);
     };
     const numberDownNextEvent = evnt => {
-      internalData.dnTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = setTimeout(() => {
         numberNextEvent(evnt);
         numberDownNextEvent(evnt);
       }, 60);
@@ -30279,7 +30336,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
     };
     const numberDownPrevEvent = evnt => {
-      internalData.dnTimeout = window.setTimeout(() => {
+      internalData.dnTimeout = setTimeout(() => {
         numberPrevEvent(evnt);
         numberDownPrevEvent(evnt);
       }, 60);
@@ -30293,7 +30350,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         } else {
           numberNextEvent(evnt);
         }
-        internalData.dnTimeout = window.setTimeout(() => {
+        internalData.dnTimeout = setTimeout(() => {
           if (isPrevNumber) {
             numberDownPrevEvent(evnt);
           } else {
@@ -33119,7 +33176,7 @@ function tree_select_getOptUniqueId() {
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
@@ -37339,7 +37396,7 @@ const Icon = VxeIcon;
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };
@@ -44373,7 +44430,7 @@ const Print = VxePrint;
       emit('update:modelValue', false);
       return new Promise(resolve => {
         if (reactData.isAniVisible) {
-          internalData.hpTimeout = window.setTimeout(() => {
+          internalData.hpTimeout = setTimeout(() => {
             reactData.isAniVisible = false;
             (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
               resolve();
@@ -45309,7 +45366,7 @@ function getRowUniqueId() {
       if (internalData.hpTimeout) {
         clearTimeout(internalData.hpTimeout);
       }
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;
         internalData.hpTimeout = undefined;
       }, 350);