vxe-pc-ui 4.4.10 → 4.4.12

package/lib/index.umd.js

@@ -4152,14 +4152,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.4.10"}`;
+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.10";
+const ui_version = "4.4.12";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4330,7 +4330,7 @@ setConfig({
   listView: {},
   list: {
     // size: null,
-    scrollY: {
+    virtualYConfig: {
       enabled: true,
       gt: 100
       // oSize: 0
@@ -4416,7 +4416,11 @@ setConfig({
   row: {},
   select: {
     multiCharOverflow: 8,
-    scrollY: {
+    remoteConfig: {
+      enabled: true,
+      autoLoad: true
+    },
+    virtualYConfig: {
       enabled: true,
       gt: 100,
       oSize: 2
@@ -4437,12 +4441,11 @@ setConfig({
       rowConfig: {
         isHover: true
       },
-      scrollX: {
+      virtualXConfig: {
         enabled: true,
         gt: 0
       },
-      scrollY: {
-        mode: 'wheel',
+      virtualYConfig: {
         enabled: true,
         gt: 0
       }
@@ -24172,12 +24175,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 +24353,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 +24468,7 @@ function getOptUniqueId() {
      */
     const handleOption = () => {
       const {
+        modelValue,
         filterable,
         filterMethod
       } = props;
@@ -24475,9 +24485,11 @@ function getOptUniqueId() {
       let avList = [];
       if (filterable && filterMethod) {
         avList = fullData.filter(option => isOptionVisible(option) && filterMethod({
+          $select: $xeSelect,
           group: null,
           option,
-          searchValue: searchStr
+          searchValue: searchStr,
+          value: modelValue
         }));
       } else if (filterable) {
         avList = fullData.filter(option => isOptionVisible(option) && (!searchStr || `${option[labelField]}`.toLowerCase().indexOf(searchStr) > -1));
@@ -24585,12 +24597,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 +24617,12 @@ function getOptUniqueId() {
         reactData.isActivated = true;
         reactData.isAniVisible = true;
         if (filterable) {
-          handleOption();
-          updateYData();
+          if (remote && remoteOpts.enabled && remoteOpts.autoLoad && !fullData.length) {
+            handleSearchEvent();
+          } else {
+            handleOption();
+            updateYData();
+          }
         }
         setTimeout(() => {
           reactData.visiblePanel = true;
@@ -24898,16 +24917,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();
@@ -29817,7 +29841,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 +29877,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 +29990,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 +30174,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,6 +30413,7 @@ 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;
@@ -30396,7 +30427,7 @@ const WidgetVxeNumberInputFormComponent = (0,external_commonjs_vue_commonjs2_vue
       if (isEsc) {
         afterCheckValue();
       } else if (isUpArrow || isDwArrow) {
-        if (controls) {
+        if (controls && !inputReadonly) {
           numberKeydownEvent(evnt);
         }
       }
@@ -30440,7 +30471,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 +30497,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 +30518,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 +30616,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 +30630,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 +30688,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 +41375,7 @@ const ListView = VxeListView;
       default: () => getConfig().list.autoResize
     },
     syncResize: [Boolean, String, Number],
+    virtualYConfig: Object,
     scrollY: Object
   },
   emits: ['scroll'],
@@ -41386,7 +41425,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 {
@@ -42976,14 +43015,19 @@ const Option = VxeOption;
     // 第一页
     const renderHomePage = () => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const homeSlot = slots.home;
+      const pageCount = computePageCount.value;
       if (homeSlot) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-home-btn'
         }, homeSlot({
-          currentPage
+          $pager: $xePager,
+          total,
+          currentPage,
+          pageCount
         }));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
@@ -43000,14 +43044,19 @@ const Option = VxeOption;
     // 上一页
     const renderPrevPage = () => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const prevPageSlot = slots.prevPage || slots['prev-page'];
+      const pageCount = computePageCount.value;
       if (prevPageSlot) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-prev-btn'
         }, prevPageSlot({
-          currentPage
+          $pager: $xePager,
+          total,
+          currentPage,
+          pageCount
         }));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
@@ -43024,14 +43073,19 @@ const Option = VxeOption;
     // 向上翻页
     const renderPrevJump = tagName => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const prevJumpSlot = slots.prevJump || slots['prev-jump'];
+      const pageCount = computePageCount.value;
       if (prevJumpSlot) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-jump-prev'
         }, prevJumpSlot({
-          currentPage
+          $pager: $xePager,
+          total,
+          currentPage,
+          pageCount
         }));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
@@ -43051,7 +43105,8 @@ const Option = VxeOption;
     // 向下翻页
     const renderNextJump = tagName => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const nextJumpSlot = slots.nextJump || slots['next-jump'];
       const pageCount = computePageCount.value;
@@ -43059,7 +43114,10 @@ const Option = VxeOption;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-jump-next'
         }, nextJumpSlot({
-          currentPage
+          $pager: $xePager,
+          total,
+          currentPage,
+          pageCount
         }));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(tagName || 'button', {
@@ -43079,7 +43137,8 @@ const Option = VxeOption;
     // 下一页
     const renderNextPage = () => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const nextPageSlot = slots.nextPage || slots['next-page'];
       const pageCount = computePageCount.value;
@@ -43087,7 +43146,10 @@ const Option = VxeOption;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-next-btn'
         }, nextPageSlot({
-          currentPage
+          $pager: $xePager,
+          total,
+          currentPage,
+          pageCount
         }));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('button', {
@@ -43104,7 +43166,8 @@ const Option = VxeOption;
     // 最后一页
     const renderEndPage = () => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const endSlot = slots.end;
       const pageCount = computePageCount.value;
@@ -43112,6 +43175,8 @@ const Option = VxeOption;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-end-btn'
         }, endSlot({
+          $pager: $xePager,
+          total,
           currentPage,
           pageCount
         }));
@@ -43131,6 +43196,7 @@ const Option = VxeOption;
     const renderNumber = showJump => {
       const {
         currentPage,
+        total,
         pagerCount
       } = props;
       const numberSlot = showJump ? slots.numberJump || slots['number-jump'] : slots.number;
@@ -43184,6 +43250,8 @@ const Option = VxeOption;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-btn-wrapper'
         }, numberSlot({
+          $pager: $xePager,
+          total,
           numList: restList,
           currentPage,
           pageCount
@@ -43200,16 +43268,23 @@ const Option = VxeOption;
     // sizes
     const renderSizes = () => {
       const {
+        total,
+        currentPage,
         pageSize,
         pageSizePlacement,
         transfer
       } = props;
       const sizesSlot = slots.sizes;
       const sizeList = computeSizeList.value;
+      const pageCount = computePageCount.value;
       if (sizesSlot) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-sizes'
         }, sizesSlot({
+          $pager: $xePager,
+          total,
+          currentPage,
+          pageCount,
           pageSize,
           options: sizeList
         }));
@@ -43225,6 +43300,9 @@ const Option = VxeOption;
     };
     // Jump
     const renderJump = isFull => {
+      const {
+        total
+      } = props;
       const {
         inpCurrPage
       } = reactData;
@@ -43234,6 +43312,8 @@ const Option = VxeOption;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-jump'
         }, jumpSlot({
+          $pager: $xePager,
+          total,
           currentPage: inpCurrPage,
           pageCount
         }));
@@ -43267,7 +43347,8 @@ const Option = VxeOption;
     // PageCount
     const renderPageCount = () => {
       const {
-        currentPage
+        currentPage,
+        total
       } = props;
       const pageCountSlot = slots.pageCount || slots['page-count'];
       const pageCount = computePageCount.value;
@@ -43275,6 +43356,8 @@ const Option = VxeOption;
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-count'
         }, pageCountSlot({
+          $pager: $xePager,
+          total,
           currentPage,
           pageCount
         }));
@@ -43292,12 +43375,15 @@ const Option = VxeOption;
         total
       } = props;
       const totalSlot = slots.total;
+      const pageCount = computePageCount.value;
       if (totalSlot) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
           class: 'vxe-pager--custom-total'
         }, totalSlot({
+          $pager: $xePager,
           total,
-          currentPage
+          currentPage,
+          pageCount
         }));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
@@ -43334,6 +43420,12 @@ const Option = VxeOption;
       nextJump() {
         handleNextJump();
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+      },
+      jumpPage(currentPage) {
+        const current = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(currentPage) || 1;
+        reactData.inpCurrPage = current;
+        changeCurrentPage(current);
+        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
       }
     };
     pagerPrivateMethods = {