vxe-pc-ui 4.4.11 → 4.4.13

package/lib/index.umd.js

@@ -2338,7 +2338,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
 ;// CONCATENATED MODULE: ./node_modules/@vxe-ui/core/es/src/core.js
-const coreVersion = "4.0.35";
+const coreVersion = "4.0.36";
 const VxeCore = {
   coreVersion,
   uiVersion: '',
@@ -2596,6 +2596,7 @@ const GLOBAL_EVENT_KEYS = {
   ARROW_RIGHT: 'ArrowRight',
   PAGE_UP: 'PageUp',
   PAGE_DOWN: 'PageDown',
+  Control: 'Control',
   R: 'R',
   P: 'P',
   Z: 'Z',
@@ -2876,7 +2877,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-const version = "4.0.35";
+const version = "4.0.36";
 const log = {
   create: createLog,
   warn: createLog('warn', `v${version}`),
@@ -4152,14 +4153,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.4.11"}`;
+const log_version = `ui v${"4.4.12"}`;
 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.11";
+const ui_version = "4.4.12";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4330,7 +4331,7 @@ setConfig({
   listView: {},
   list: {
     // size: null,
-    scrollY: {
+    virtualYConfig: {
       enabled: true,
       gt: 100
       // oSize: 0
@@ -4416,7 +4417,11 @@ setConfig({
   row: {},
   select: {
     multiCharOverflow: 8,
-    scrollY: {
+    remoteConfig: {
+      enabled: true,
+      autoLoad: true
+    },
+    virtualYConfig: {
       enabled: true,
       gt: 100,
       oSize: 2
@@ -4437,12 +4442,11 @@ setConfig({
       rowConfig: {
         isHover: true
       },
-      scrollX: {
+      virtualXConfig: {
         enabled: true,
         gt: 0
       },
-      scrollY: {
-        mode: 'wheel',
+      virtualYConfig: {
         enabled: true,
         gt: 0
       }
@@ -10242,6 +10246,10 @@ function toFloatValueFixed(inputValue, digitsValue) {
       type: String,
       default: 'off'
     },
+    autoFocus: {
+      type: Boolean,
+      default: null
+    },
     align: String,
     form: String,
     className: String,
@@ -11107,15 +11115,18 @@ function toFloatValueFixed(inputValue, digitsValue) {
     };
     const clearValueEvent = (evnt, value) => {
       const {
-        type
+        type,
+        autoFocus
       } = props;
       const isNumType = computeIsNumType.value;
       const isDatePickerType = computeIsDatePickerType.value;
       if (isDatePickerType) {
         hidePanel();
       }
-      if (isNumType || ['text', 'search', 'password'].indexOf(type) > -1) {
-        focus();
+      if (autoFocus || autoFocus === null) {
+        if (isNumType || ['text', 'search', 'password'].indexOf(type) > -1) {
+          focus();
+        }
       }
       handleChange('', evnt);
       inputMethods.dispatchEvent('clear', {
@@ -11469,11 +11480,12 @@ function toFloatValueFixed(inputValue, digitsValue) {
         const isCtrlKey = evnt.ctrlKey;
         const isShiftKey = evnt.shiftKey;
         const isAltKey = evnt.altKey;
+        const isMetaKey = evnt.metaKey;
         const keyCode = evnt.keyCode;
         const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
         const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
         const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
-        if (!isCtrlKey && !isShiftKey && !isAltKey && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
+        if (!isCtrlKey && !isShiftKey && !isAltKey && !isMetaKey && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
           evnt.preventDefault();
         }
         if (isEsc) {
@@ -24172,12 +24184,15 @@ function getOptUniqueId() {
     filterable: Boolean,
     filterMethod: Function,
     remote: Boolean,
+    // 已废弃，被 remote-config.queryMethod 替换
     remoteMethod: Function,
+    remoteConfig: Object,
     emptyText: String,
     transfer: {
       type: Boolean,
       default: null
     },
+    virtualYConfig: Object,
     scrollY: Object,
     // 已废弃，被 option-config.keyField 替换
     optionId: {
@@ -24347,7 +24362,10 @@ function getOptUniqueId() {
       return false;
     });
     const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().select.scrollY, props.scrollY);
+      return Object.assign({}, getConfig().select.virtualYConfig || getConfig().select.scrollY, props.virtualYConfig || props.scrollY);
+    });
+    const computeRemoteOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().select.remoteConfig, props.remoteConfig);
     });
     const computeOptionOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return Object.assign({}, getConfig().select.optionConfig, props.optionConfig);
@@ -24459,6 +24477,7 @@ function getOptUniqueId() {
      */
     const handleOption = () => {
       const {
+        modelValue,
         filterable,
         filterMethod
       } = props;
@@ -24475,9 +24494,11 @@ function getOptUniqueId() {
       let avList = [];
       if (filterable && filterMethod) {
         avList = fullData.filter(option => isOptionVisible(option) && filterMethod({
+          $select: $xeSelect,
           group: null,
           option,
-          searchValue: searchStr
+          searchValue,
+          value: modelValue
         }));
       } else if (filterable) {
         avList = fullData.filter(option => isOptionVisible(option) && (!searchStr || `${option[labelField]}`.toLowerCase().indexOf(searchStr) > -1));
@@ -24585,12 +24606,15 @@ function getOptUniqueId() {
     const showOptionPanel = () => {
       const {
         loading,
-        filterable
+        filterable,
+        remote
       } = props;
       const {
+        fullData,
         hpTimeout
       } = internalData;
       const isDisabled = computeIsDisabled.value;
+      const remoteOpts = computeRemoteOpts.value;
       if (!loading && !isDisabled) {
         if (hpTimeout) {
           clearTimeout(hpTimeout);
@@ -24602,8 +24626,12 @@ function getOptUniqueId() {
         reactData.isActivated = true;
         reactData.isAniVisible = true;
         if (filterable) {
-          handleOption();
-          updateYData();
+          if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
+            triggerSearchEvent();
+          } else {
+            handleOption();
+            updateYData();
+          }
         }
         setTimeout(() => {
           reactData.visiblePanel = true;
@@ -24650,8 +24678,11 @@ function getOptUniqueId() {
         value: selectValue
       }, evnt);
     };
-    const clearEvent = (params, evnt) => {
-      clearValueEvent(evnt, null);
+    const clearEvent = params => {
+      const {
+        $event
+      } = params;
+      clearValueEvent($event, null);
       hideOptionPanel();
     };
     const changeOptionEvent = (evnt, option) => {
@@ -24898,16 +24929,21 @@ function getOptUniqueId() {
     };
     const handleSearchEvent = () => {
       const {
+        modelValue,
         remote,
         remoteMethod
       } = props;
       const {
         searchValue
       } = reactData;
-      if (remote && remoteMethod) {
+      const remoteOpts = computeRemoteOpts.value;
+      const queryMethod = remoteOpts.queryMethod || remoteMethod;
+      if (remote && queryMethod && remoteOpts.enabled) {
         reactData.searchLoading = true;
-        Promise.resolve(remoteMethod({
-          searchValue
+        Promise.resolve(queryMethod({
+          $select: $xeSelect,
+          searchValue,
+          value: modelValue
         })).then(() => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)()).catch(() => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)()).finally(() => {
           reactData.searchLoading = false;
           handleOption();
@@ -25454,6 +25490,7 @@ function getOptUniqueId() {
         type: 'text',
         prefixIcon: props.prefixIcon,
         suffixIcon: loading ? getIcon().SELECT_LOADED : visiblePanel ? getIcon().SELECT_OPEN : getIcon().SELECT_CLOSE,
+        autoFocus: false,
         modelValue: selectLabel,
         onClear: clearEvent,
         onClick: clickEvent,
@@ -29817,7 +29854,6 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       type: String,
       default: () => getConfig().numberInput.size || getConfig().size
     },
-    multiple: Boolean,
     // number、integer、float
     min: {
       type: [String, Number],
@@ -29854,6 +29890,10 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       type: Boolean,
       default: () => getConfig().numberInput.autoFill
     },
+    editable: {
+      type: Boolean,
+      default: true
+    },
     prefixIcon: String,
     suffixIcon: String,
     // 已废弃
@@ -29963,10 +30003,10 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
     });
     const computeInputReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
-        multiple
+        editable
       } = props;
       const formReadonly = computeFormReadonly.value;
-      return formReadonly || multiple;
+      return formReadonly || !editable;
     });
     const computeInpPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {
@@ -30147,13 +30187,16 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
     };
     const focusEvent = evnt => {
-      const {
-        inputValue
-      } = reactData;
-      reactData.inputValue = eqEmptyValue(inputValue) ? '' : `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(inputValue)}`;
-      reactData.isFocus = true;
-      reactData.isActivated = true;
-      triggerEvent(evnt);
+      const inputReadonly = computeInputReadonly.value;
+      if (!inputReadonly) {
+        const {
+          inputValue
+        } = reactData;
+        reactData.inputValue = eqEmptyValue(inputValue) ? '' : `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(inputValue)}`;
+        reactData.isFocus = true;
+        reactData.isActivated = true;
+        triggerEvent(evnt);
+      }
     };
     const clickPrefixEvent = evnt => {
       const isDisabled = computeIsDisabled.value;
@@ -30383,20 +30426,22 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         exponential,
         controls
       } = props;
+      const inputReadonly = computeInputReadonly.value;
       const isCtrlKey = evnt.ctrlKey;
       const isShiftKey = evnt.shiftKey;
       const isAltKey = evnt.altKey;
+      const isMetaKey = evnt.metaKey;
       const keyCode = evnt.keyCode;
       const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
       const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
       const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
-      if (!isCtrlKey && !isShiftKey && !isAltKey && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
+      if (!isCtrlKey && !isShiftKey && !isAltKey && !isMetaKey && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191)) {
         evnt.preventDefault();
       }
       if (isEsc) {
         afterCheckValue();
       } else if (isUpArrow || isDwArrow) {
-        if (controls) {
+        if (controls && !inputReadonly) {
           numberKeydownEvent(evnt);
         }
       }
@@ -30440,7 +30485,8 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       }
     };
     const wheelEvent = evnt => {
-      if (props.controls) {
+      const inputReadonly = computeInputReadonly.value;
+      if (props.controls && !inputReadonly) {
         if (reactData.isActivated) {
           evnt.stopPropagation();
           evnt.preventDefault();
@@ -30465,8 +30511,9 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const el = refElem.value;
       const panelElem = refInputPanel.value;
       const isDisabled = computeIsDisabled.value;
+      const inputReadonly = computeInputReadonly.value;
       const inpImmediate = computeInpImmediate.value;
-      if (!isDisabled && isActivated) {
+      if (!isDisabled && !inputReadonly && isActivated) {
         reactData.isActivated = getEventTargetNode(evnt, el).flag || getEventTargetNode(evnt, panelElem).flag;
         if (!reactData.isActivated) {
           if (!inpImmediate) {
@@ -30485,7 +30532,8 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         clearable
       } = props;
       const isDisabled = computeIsDisabled.value;
-      if (!isDisabled) {
+      const inputReadonly = computeInputReadonly.value;
+      if (!isDisabled && !inputReadonly) {
         const isTab = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.TAB);
         const isDel = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
         let isActivated = reactData.isActivated;
@@ -30582,7 +30630,8 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       const {
         controls
       } = props;
-      if (controls) {
+      const inputReadonly = computeInputReadonly.value;
+      if (controls && !inputReadonly) {
         return renderNumberIcon();
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
@@ -30595,9 +30644,12 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
     numberInputMethods = {
       dispatchEvent,
       focus() {
-        const inputElem = refInputTarget.value;
-        reactData.isActivated = true;
-        inputElem.focus();
+        const inputReadonly = computeInputReadonly.value;
+        if (!inputReadonly) {
+          const inputElem = refInputTarget.value;
+          reactData.isActivated = true;
+          inputElem.focus();
+        }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       },
       blur() {
@@ -30650,7 +30702,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
         class: ['vxe-number-input', `type--${type}`, className, {
           [`size--${vSize}`]: vSize,
           [`is--${align}`]: align,
-          'is--controls': controls,
+          'is--controls': controls && !inputReadonly,
           'is--prefix': !!prefix,
           'is--suffix': !!suffix,
           'is--disabled': isDisabled,
@@ -41337,6 +41389,7 @@ const ListView = VxeListView;
       default: () => getConfig().list.autoResize
     },
     syncResize: [Boolean, String, Number],
+    virtualYConfig: Object,
     scrollY: Object
   },
   emits: ['scroll'],
@@ -41386,7 +41439,7 @@ const ListView = VxeListView;
       getRefMaps: () => refMaps
     };
     const computeSYOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
-      return Object.assign({}, getConfig().list.scrollY, props.scrollY);
+      return Object.assign({}, getConfig().list.virtualYConfig || getConfig().list.scrollY, props.virtualYConfig || props.scrollY);
     });
     const computeStyles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const {