vxe-pc-ui 3.4.0 → 3.4.2

package/lib/index.umd.js

@@ -12854,14 +12854,14 @@ var defineVxeComponent = function defineVxeComponent(options) {
 };
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.4.0");
+var log_version = "ui v".concat("3.4.2");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-var ui_version = "3.4.0";
+var ui_version = "3.4.2";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13219,6 +13219,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',
@@ -20683,7 +20684,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       var internalData = $xeInput.internalData;
       return new Promise(function (resolve) {
         reactData.visiblePanel = false;
-        internalData.hpTimeout = window.setTimeout(function () {
+        internalData.hpTimeout = setTimeout(function () {
           reactData.isAniVisible = false;
           resolve();
         }, 350);
@@ -21031,7 +21032,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
     numberDownNextEvent: function numberDownNextEvent(evnt) {
       var $xeInput = this;
       var internalData = $xeInput.internalData;
-      internalData.dnTimeout = window.setTimeout(function () {
+      internalData.dnTimeout = setTimeout(function () {
         $xeInput.numberNextEvent(evnt);
         $xeInput.numberDownNextEvent(evnt);
       }, 60);
@@ -21107,7 +21108,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
     numberDownPrevEvent: function numberDownPrevEvent(evnt) {
       var $xeInput = this;
       var internalData = $xeInput.internalData;
-      internalData.dnTimeout = window.setTimeout(function () {
+      internalData.dnTimeout = setTimeout(function () {
         $xeInput.numberPrevEvent(evnt);
         $xeInput.numberDownPrevEvent(evnt);
       }, 60);
@@ -21123,7 +21124,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
         } else {
           $xeInput.numberNextEvent(evnt);
         }
-        internalData.dnTimeout = window.setTimeout(function () {
+        internalData.dnTimeout = setTimeout(function () {
           if (isPrevNumber) {
             $xeInput.numberDownPrevEvent(evnt);
           } else {
@@ -22642,7 +22643,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
 
 
 
-var WinEyeDropper = window.EyeDropper;
+var WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
 /* harmony default export */ var color_picker = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeColorPicker',
   mixins: [globalMixins.sizeMixin],
@@ -23051,7 +23052,7 @@ var WinEyeDropper = window.EyeDropper;
       var reactData = $xeColorPicker.reactData;
       var internalData = $xeColorPicker.internalData;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(function () {
+      internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;
       }, 350);
     },
@@ -23277,14 +23278,16 @@ var WinEyeDropper = window.EyeDropper;
         colorActiveEl.style.left = toCssUnit(offsetLeft);
       }
     },
-    handleEyeDropperEvent: function handleEyeDropperEvent(evnt) {
+    handleEyeDropperEvent: function handleEyeDropperEvent() {
       var $xeColorPicker = this;
+      var reactData = $xeColorPicker.reactData;
       if (WinEyeDropper) {
         try {
           var eyeDropper = new WinEyeDropper();
           eyeDropper.open().then(function (rest) {
             if (rest && rest.sRGBHex) {
-              $xeColorPicker.changeEvent(evnt, rest.sRGBHex);
+              reactData.selectColor = rest.sRGBHex;
+              $xeColorPicker.updateModelColor();
             }
           }).catch(function () {});
         } catch (e) {}
@@ -24991,7 +24994,7 @@ var Countdown = VxeCountdown;
       var internalData = $xeDatePicker.internalData;
       return new Promise(function (resolve) {
         reactData.visiblePanel = false;
-        internalData.hpTimeout = window.setTimeout(function () {
+        internalData.hpTimeout = setTimeout(function () {
           reactData.isAniVisible = false;
           resolve();
         }, 350);
@@ -29002,7 +29005,7 @@ var validErrorRuleValue = function validErrorRuleValue(rule, val) {
           }
         }).catch(function () {
           return new Promise(function (resolve) {
-            internalData.meTimeout = window.setTimeout(function () {
+            internalData.meTimeout = setTimeout(function () {
               itemList.forEach(function (item) {
                 if (item.errRule) {
                   item.showError = true;
@@ -30616,7 +30619,7 @@ var Icon = VxeIcon;
       var reactData = $xeIconPicker.reactData;
       var internalData = $xeIconPicker.internalData;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(function () {
+      internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;
       }, 350);
     },
@@ -36204,7 +36207,7 @@ var handleNumberString = function handleNumberString(val) {
     numberDownNextEvent: function numberDownNextEvent(evnt) {
       var $xeNumberInput = this;
       var internalData = $xeNumberInput.internalData;
-      internalData.dnTimeout = window.setTimeout(function () {
+      internalData.dnTimeout = setTimeout(function () {
         $xeNumberInput.numberNextEvent(evnt);
         $xeNumberInput.numberDownNextEvent(evnt);
       }, 60);
@@ -36278,7 +36281,7 @@ var handleNumberString = function handleNumberString(val) {
     numberDownPrevEvent: function numberDownPrevEvent(evnt) {
       var $xeNumberInput = this;
       var internalData = $xeNumberInput.internalData;
-      internalData.dnTimeout = window.setTimeout(function () {
+      internalData.dnTimeout = setTimeout(function () {
         $xeNumberInput.numberPrevEvent(evnt);
         $xeNumberInput.numberDownPrevEvent(evnt);
       }, 60);
@@ -36294,7 +36297,7 @@ var handleNumberString = function handleNumberString(val) {
         } else {
           $xeNumberInput.numberNextEvent(evnt);
         }
-        internalData.dnTimeout = window.setTimeout(function () {
+        internalData.dnTimeout = setTimeout(function () {
           if (isPrevNumber) {
             $xeNumberInput.numberDownPrevEvent(evnt);
           } else {
@@ -36936,6 +36939,12 @@ function getOptUniqueId() {
       }
     },
     prefixIcon: String,
+    allowCreate: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.allowCreate;
+      }
+    },
     placement: String,
     options: Array,
     optionProps: Object,
@@ -37023,6 +37032,7 @@ function getOptUniqueId() {
     var internalData = {
       synchData: [],
       fullData: [],
+      optAddMaps: {},
       optGroupKeyMaps: {},
       optFullValMaps: {},
       remoteValMaps: {},
@@ -37572,7 +37582,7 @@ function getOptUniqueId() {
       reactData.searchValue = '';
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(function () {
+      internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;
       }, 350);
     },
@@ -37798,7 +37808,7 @@ function getOptUniqueId() {
           $xeSelect.showOptionPanel();
           setTimeout(function () {
             reactData.triggerFocusPanel = false;
-          }, 150);
+          }, 500);
         }
       }
       $xeSelect.dispatchEvent('focus', {}, evnt);
@@ -37896,12 +37906,29 @@ function getOptUniqueId() {
     },
     handleData: function handleData() {
       var $xeSelect = this;
+      var props = $xeSelect;
       var reactData = $xeSelect.reactData;
       var internalData = $xeSelect.internalData;
+      var filterable = props.filterable,
+        allowCreate = props.allowCreate;
       var scrollYLoad = reactData.scrollYLoad,
-        afterVisibleList = reactData.afterVisibleList;
-      var scrollYStore = internalData.scrollYStore;
-      reactData.optList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
+        afterVisibleList = reactData.afterVisibleList,
+        searchValue = reactData.searchValue;
+      var optAddMaps = internalData.optAddMaps,
+        scrollYStore = internalData.scrollYStore;
+      var labelField = $xeSelect.computeLabelField;
+      var valueField = $xeSelect.computeValueField;
+      var restList = scrollYLoad ? afterVisibleList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : afterVisibleList.slice(0);
+      if (filterable && allowCreate && searchValue) {
+        if (!restList.some(function (option) {
+          return option[labelField] === searchValue;
+        })) {
+          var addItem = optAddMaps[searchValue] || _defineProperty(_defineProperty(_defineProperty({}, $xeSelect.getOptKey(), searchValue), labelField, searchValue), valueField, searchValue);
+          optAddMaps[searchValue] = addItem;
+          restList.unshift(addItem);
+        }
+      }
+      reactData.optList = restList;
       return $xeSelect.$nextTick();
     },
     updateYData: function updateYData() {
@@ -38172,9 +38199,12 @@ function getOptUniqueId() {
       var props = $xeSelect;
       var slots = $xeSelect.$scopedSlots;
       var reactData = $xeSelect.reactData;
-      var optionKey = props.optionKey,
+      var internalData = $xeSelect.internalData;
+      var allowCreate = props.allowCreate,
+        optionKey = props.optionKey,
         value = props.value;
       var currentOption = reactData.currentOption;
+      var optAddMaps = internalData.optAddMaps;
       var optionOpts = $xeSelect.computeOptionOpts;
       var labelField = $xeSelect.computeLabelField;
       var valueField = $xeSelect.computeValueField;
@@ -38187,21 +38217,24 @@ function getOptUniqueId() {
         var optid = $xeSelect.getOptId(option);
         var optionValue = option[valueField];
         var isOptGroup = $xeSelect.hasOptGroupById(optid);
-        var isSelected = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(value) ? value.indexOf(optionValue) > -1 : value === optionValue;
-        var isVisible = !isOptGroup || isOptionVisible(option);
-        var isDisabled = $xeSelect.checkOptionDisabled(isSelected, option, group);
+        var isAdd = !!(allowCreate && optAddMaps[optid]);
+        var isSelected = !isAdd && (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(value) ? value.indexOf(optionValue) > -1 : value === optionValue);
+        var isVisible = isAdd || !isOptGroup || isOptionVisible(option);
+        var isDisabled = !isAdd && $xeSelect.checkOptionDisabled(isSelected, option, group);
         var defaultSlot = slots ? slots.default : null;
         var optParams = {
           option: option,
           group: null,
           $select: $xeSelect
         };
+        var optVNs = optionSlot ? $xeSelect.callSlot(optionSlot, optParams, h) : defaultSlot ? $xeSelect.callSlot(defaultSlot, optParams, h) : getFuncText(option[isOptGroup ? groupLabelField : labelField]);
         return isVisible ? 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 && $xeSelect.getOptId(currentOption) === optid
           }],
           attrs: {
@@ -38225,7 +38258,15 @@ function getOptUniqueId() {
               }
             }
           }
-        }, optionSlot ? $xeSelect.callSlot(optionSlot, optParams, h) : defaultSlot ? $xeSelect.callSlot(defaultSlot, optParams, h) : getFuncText(option[isOptGroup ? groupLabelField : labelField])) : renderEmptyElement($xeSelect);
+        }, allowCreate ? [h('span', {
+          key: 1,
+          class: 'vxe-select-option--label'
+        }, optVNs), isAdd ? h('span', {
+          key: 2,
+          class: 'vxe-select-option--add-icon'
+        }, [h('i', {
+          class: getIcon().ADD_OPTION
+        })]) : renderEmptyElement($xeSelect)] : optVNs) : renderEmptyElement($xeSelect);
       });
     },
     renderOpts: function renderOpts(h) {
@@ -40467,7 +40508,7 @@ var Print = VxePrint;
       $xePulldown.emitModel(false);
       return new Promise(function (resolve) {
         if (reactData.isAniVisible) {
-          internalData.hpTimeout = window.setTimeout(function () {
+          internalData.hpTimeout = setTimeout(function () {
             reactData.isAniVisible = false;
             $xePulldown.$nextTick(function () {
               resolve();
@@ -43002,7 +43043,7 @@ function getRowUniqueId() {
       var reactData = $xeTableSelect.reactData;
       var internalData = $xeTableSelect.internalData;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(function () {
+      internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;
       }, 350);
     },
@@ -46946,7 +46987,7 @@ function tree_select_getOptUniqueId() {
       var reactData = $xeTreeSelect.reactData;
       var internalData = $xeTreeSelect.internalData;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(function () {
+      internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;
       }, 350);
     },