vxe-pc-ui 3.4.1 → 3.4.3

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.1");
+var log_version = "ui v".concat("3.4.3");
 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.1";
+var ui_version = "3.4.3";
 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);
     },
@@ -24993,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);
@@ -29004,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;
@@ -29259,13 +29260,13 @@ var validErrorRuleValue = function validErrorRuleValue(rule, val) {
     var props = $xeForm;
     var reactData = $xeForm.reactData;
     reactData.collapseAll = !!props.collapseStatus;
-    if (props.items) {
-      $xeForm.loadItem(props.items);
-    }
   },
   mounted: function mounted() {
     var $xeForm = this;
     var props = $xeForm;
+    if (props.items) {
+      $xeForm.loadItem(props.items);
+    }
     $xeForm.$nextTick(function () {
       if (true) {
         if (props.customLayout && props.items) {
@@ -30618,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);
     },
@@ -36206,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);
@@ -36280,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);
@@ -36296,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 {
@@ -36938,6 +36939,12 @@ function getOptUniqueId() {
       }
     },
     prefixIcon: String,
+    allowCreate: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().select.allowCreate;
+      }
+    },
     placement: String,
     options: Array,
     optionProps: Object,
@@ -37025,6 +37032,7 @@ function getOptUniqueId() {
     var internalData = {
       synchData: [],
       fullData: [],
+      optAddMaps: {},
       optGroupKeyMaps: {},
       optFullValMaps: {},
       remoteValMaps: {},
@@ -37565,6 +37573,9 @@ function getOptUniqueId() {
         }, 100);
         $xeSelect.updateZIndex();
         $xeSelect.updatePlacement();
+        $xeSelect.dispatchEvent('visible-change', {
+          visible: true
+        }, null);
       }
     },
     hideOptionPanel: function hideOptionPanel() {
@@ -37574,9 +37585,12 @@ function getOptUniqueId() {
       reactData.searchValue = '';
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(function () {
+      internalData.hpTimeout = setTimeout(function () {
         reactData.isAniVisible = false;
       }, 350);
+      $xeSelect.dispatchEvent('visible-change', {
+        visible: false
+      }, null);
     },
     changeEvent: function changeEvent(evnt, selectValue) {
       var $xeSelect = this;
@@ -37800,15 +37814,19 @@ function getOptUniqueId() {
           $xeSelect.showOptionPanel();
           setTimeout(function () {
             reactData.triggerFocusPanel = false;
-          }, 150);
+          }, 500);
         }
       }
       $xeSelect.dispatchEvent('focus', {}, evnt);
     },
     clickEvent: function clickEvent(evnt) {
       var $xeSelect = this;
+      var reactData = $xeSelect.reactData;
       $xeSelect.togglePanelEvent(evnt);
-      $xeSelect.dispatchEvent('click', {}, evnt);
+      $xeSelect.dispatchEvent('click', {
+        triggerButton: false,
+        visible: reactData.visiblePanel
+      }, evnt);
     },
     blurEvent: function blurEvent(evnt) {
       var $xeSelect = this;
@@ -37816,6 +37834,15 @@ function getOptUniqueId() {
       reactData.isActivated = false;
       $xeSelect.dispatchEvent('blur', {}, evnt);
     },
+    suffixClickEvent: function suffixClickEvent(evnt) {
+      var $xeSelect = this;
+      var reactData = $xeSelect.reactData;
+      $xeSelect.togglePanelEvent(evnt);
+      $xeSelect.dispatchEvent('click', {
+        triggerButton: true,
+        visible: reactData.visiblePanel
+      }, evnt);
+    },
     modelSearchEvent: function modelSearchEvent(value) {
       var $xeSelect = this;
       var reactData = $xeSelect.reactData;
@@ -37898,12 +37925,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() {
@@ -38174,9 +38218,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;
@@ -38189,21 +38236,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: {
@@ -38227,7 +38277,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) {
@@ -38313,7 +38371,7 @@ function getOptUniqueId() {
           click: $xeSelect.clickEvent,
           focus: $xeSelect.focusEvent,
           blur: $xeSelect.blurEvent,
-          'suffix-click': $xeSelect.togglePanelEvent
+          'suffix-click': $xeSelect.suffixClickEvent
         },
         scopedSlots: prefixSlot ? {
           prefix: function prefix() {
@@ -40469,7 +40527,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();
@@ -43004,7 +43062,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);
     },
@@ -46948,7 +47006,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);
     },