vxe-pc-ui 4.9.19 → 4.9.21

package/lib/image/src/util.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.openPreviewImage=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_preview=_interopRequireDefault(require("./preview")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const openPreviewImage=e=>{if(_core.VxeUI.modal){const o=Object.assign({escClosable:!0},e),{urlList:r,activeIndex:t}=o,{rotate:i,change:l}=o.events||{},a=_xeUtils.default.uniqueId("image-preview");_core.VxeUI.modal.open({id:a,title:"预览",width:"100%",height:"100%",showHeader:!1,showFooter:!1,padding:!1,escClosable:o.escClosable,className:"vxe-image-preview-popup-wrapper",slots:{default(){return(0,_vue.h)(_preview.default,{modelValue:t,urlList:r,urlField:o.urlField,marginSize:o.marginSize,maskClosable:o.maskClosable,toolbarConfig:o.toolbarConfig,showPrintButton:o.showPrintButton,showDownloadButton:o.showDownloadButton,beforeDownloadMethod:o.beforeDownloadMethod,downloadMethod:o.downloadMethod,onClose(){_core.VxeUI.modal.close(a)},onChange(e){l&&l.call(this,e)},onRotate(e){i&&i.call(this,e)}})}}})}return Promise.resolve()};exports.openPreviewImage=openPreviewImage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.openPreviewImage=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_preview=_interopRequireDefault(require("./preview")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const openPreviewImage=e=>{if(_core.VxeUI.modal){const o=Object.assign({escClosable:!0},e),{urlList:r,activeIndex:t,zIndex:i}=o,{rotate:l,change:a}=o.events||{},n=_xeUtils.default.uniqueId("image-preview");_core.VxeUI.modal.open({id:n,title:"预览",width:"100%",height:"100%",showHeader:!1,showFooter:!1,padding:!1,escClosable:o.escClosable,zIndex:i,className:"vxe-image-preview-popup-wrapper",slots:{default(){return(0,_vue.h)(_preview.default,{modelValue:t,urlList:r,urlField:o.urlField,marginSize:o.marginSize,maskClosable:o.maskClosable,toolbarConfig:o.toolbarConfig,showPrintButton:o.showPrintButton,showDownloadButton:o.showDownloadButton,beforeDownloadMethod:o.beforeDownloadMethod,downloadMethod:o.downloadMethod,onClose(){_core.VxeUI.modal.close(n)},onChange(e){a&&a.call(this,e)},onRotate(e){l&&l.call(this,e)}})}}})}return Promise.resolve()};exports.openPreviewImage=openPreviewImage;

package/lib/index.umd.js

@@ -3588,14 +3588,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.9.19"}`;
+const log_version = `ui v${"4.9.21"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.9.19";
+const ui_version = "4.9.21";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -5294,7 +5294,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
     marginSize
   } = Object.assign({
     teleportTo: false,
-    marginSize: 32
+    marginSize: 18
   }, options);
   let panelPlacement = 'bottom';
   let top = '';
@@ -6785,6 +6785,7 @@ const VxeButtonComponent = defineVxeComponent({
       type: String,
       default: () => getConfig().button.size || getConfig().size
     },
+    zIndex: Number,
     /**
      * 用来标识这一项
      */
@@ -7020,7 +7021,12 @@ const VxeButtonComponent = defineVxeComponent({
       return Object.assign({}, getConfig().button.suffixTooltip, props.suffixTooltip);
     });
     const updateZindex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };
@@ -9267,6 +9273,10 @@ const Calendar = VxeCalendar;
     padding: {
       type: Boolean,
       default: () => getConfig().card.padding
+    },
+    size: {
+      type: String,
+      default: () => getConfig().card.size || getConfig().size
     }
   },
   emits: [],
@@ -9277,6 +9287,9 @@ const Calendar = VxeCalendar;
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const {
+      computeSize
+    } = useSize(props);
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
     const refMaps = {
       refElem
@@ -9295,7 +9308,9 @@ const Calendar = VxeCalendar;
       }
       return stys;
     });
-    const computeMaps = {};
+    const computeMaps = {
+      computeSize
+    };
     const $xeCard = {
       xID,
       props,
@@ -9330,10 +9345,12 @@ const Calendar = VxeCalendar;
       const footerSlot = slots.footer;
       const leftSlot = slots.left;
       const rightSlot = slots.right;
+      const vSize = computeSize.value;
       const cardStyle = computeCardStyle.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-card', {
+          [`size--${vSize}`]: vSize,
           'is--border': border,
           'is--shadow': shadow,
           'is--padding': padding
@@ -18275,6 +18292,7 @@ const DatePanel = VxeDatePanel;
     },
     form: String,
     className: String,
+    zIndex: Number,
     size: {
       type: String,
       default: () => getConfig().datePicker.size || getConfig().size
@@ -18804,7 +18822,12 @@ const DatePanel = VxeDatePanel;
     };
     // 弹出面板
     const updateZindex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };
@@ -19296,6 +19319,7 @@ const DatePicker = VxeDatePicker;
     },
     form: String,
     className: String,
+    zIndex: Number,
     size: {
       type: String,
       default: () => getConfig().dateRangePicker.size || getConfig().size
@@ -19955,7 +19979,12 @@ const DatePicker = VxeDatePicker;
     };
     // 弹出面板
     const updateZindex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };
@@ -24673,6 +24702,7 @@ const IconPicker = VxeIconPicker;
       type: Boolean,
       default: () => getConfig().imagePreview.showDownloadButton
     },
+    zIndex: Number,
     toolbarConfig: Object,
     beforeDownloadMethod: Function,
     downloadMethod: Function
@@ -25271,7 +25301,8 @@ const openPreviewImage = options => {
     }, options);
     const {
       urlList,
-      activeIndex
+      activeIndex,
+      zIndex
     } = opts;
     const {
       rotate,
@@ -25287,6 +25318,7 @@ const openPreviewImage = options => {
       showFooter: false,
       padding: false,
       escClosable: opts.escClosable,
+      zIndex,
       className: 'vxe-image-preview-popup-wrapper',
       slots: {
         default() {
@@ -25338,6 +25370,7 @@ const openPreviewImage = options => {
     width: [String, Number],
     height: [String, Number],
     circle: Boolean,
+    zIndex: Number,
     maskClosable: {
       type: Boolean,
       default: () => getConfig().image.maskClosable
@@ -25455,7 +25488,8 @@ const openPreviewImage = options => {
         toolbarConfig,
         showPrintButton,
         showDownloadButton,
-        maskClosable
+        maskClosable,
+        zIndex
       } = props;
       const imgList = computeImgList.value;
       const imgUrl = computeImgUrl.value;
@@ -25471,6 +25505,7 @@ const openPreviewImage = options => {
             showPrintButton,
             showDownloadButton,
             maskClosable,
+            zIndex,
             events: {
               change(eventParams) {
                 $xeImage.dispatchEvent('change', eventParams, eventParams.$event);
@@ -25547,6 +25582,7 @@ const image_Image = VxeImage;
       default: () => getConfig().imageGroup.showPreview
     },
     imageStyle: Object,
+    zIndex: Number,
     size: {
       type: String,
       default: () => getConfig().imageGroup.size || getConfig().size
@@ -25619,7 +25655,8 @@ const image_Image = VxeImage;
           showPreview,
           toolbarConfig,
           showPrintButton,
-          showDownloadButton
+          showDownloadButton,
+          zIndex
         } = props;
         const {
           url
@@ -25632,6 +25669,7 @@ const image_Image = VxeImage;
             toolbarConfig,
             showPrintButton,
             showDownloadButton,
+            zIndex,
             events: {
               change(eventParams) {
                 $xeImageGroup.dispatchEvent('change', eventParams, eventParams.$event);
@@ -29352,6 +29390,7 @@ function select_createInternalData() {
       type: [String, Number],
       default: null
     },
+    zIndex: Number,
     size: {
       type: String,
       default: () => getConfig().select.size || getConfig().size
@@ -29706,7 +29745,12 @@ function select_createInternalData() {
       }
     };
     const updateZIndex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };
@@ -32598,9 +32642,10 @@ const Print = VxePrint;
       type: String,
       default: getConfig().pulldown.trigger
     },
+    zIndex: Number,
     size: {
       type: String,
-      default: () => getConfig().size
+      default: () => getConfig().pulldown.size || getConfig().size
     },
     options: Array,
     className: {
@@ -32675,7 +32720,12 @@ const Print = VxePrint;
     };
     let pulldownMethods = {};
     const updateZindex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };
@@ -33981,7 +34031,11 @@ const Select = VxeSelect;
     itemConfig: Object,
     barConfig: Object,
     resizeConfig: Object,
-    actionConfig: Object
+    actionConfig: Object,
+    size: {
+      type: String,
+      default: () => getConfig().split.size || getConfig().size
+    }
   },
   emits: ['action-dblclick', 'action-click', 'toggle-expand', 'resize-start', 'resize-drag', 'resize-end'],
   setup(props, context) {
@@ -33993,6 +34047,9 @@ const Select = VxeSelect;
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refBarInfoElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refResizableSplitTip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const {
+      computeSize
+    } = useSize(props);
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       staticItems: [],
       itemList: [],
@@ -34702,6 +34759,7 @@ const Select = VxeSelect;
       const {
         itemList
       } = reactData;
+      const vSize = computeSize.value;
       const resizeOpts = computeResizeOpts.value;
       const {
         immediate
@@ -34756,6 +34814,7 @@ const Select = VxeSelect;
         itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           itemid: id,
           class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+            [`size--${vSize}`]: vSize,
             'is--resize': resize,
             'is--padding': padding,
             'is--border': border,
@@ -34789,6 +34848,7 @@ const Select = VxeSelect;
         width,
         height
       } = props;
+      const vSize = computeSize.value;
       const resizeOpts = computeResizeOpts.value;
       const {
         immediate,
@@ -34804,7 +34864,9 @@ const Select = VxeSelect;
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy'],
+        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
+          [`size--${vSize}`]: vSize
+        }],
         style: stys
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-split-slots'
@@ -35806,9 +35868,10 @@ function getRowUniqueId() {
     columns: Array,
     options: Array,
     optionProps: Object,
+    zIndex: Number,
     size: {
       type: String,
-      default: () => getConfig().select.size || getConfig().size
+      default: () => getConfig().tableSelect.size || getConfig().size
     },
     popupConfig: Object,
     gridConfig: Object,
@@ -36094,7 +36157,12 @@ function getRowUniqueId() {
       updateModel(props.modelValue);
     };
     const updateZindex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };
@@ -36508,6 +36576,10 @@ const scrollbarOffsetSize = 20;
     beforeChangeMethod: Function,
     closeConfig: Object,
     refreshConfig: Object,
+    size: {
+      type: String,
+      default: () => getConfig().tabs.size || getConfig().size
+    },
     // 已废弃
     beforeCloseMethod: Function
   },
@@ -36519,6 +36591,9 @@ const scrollbarOffsetSize = 20;
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const $xeParentTabs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeTabs', null);
+    const {
+      computeSize
+    } = useSize(props);
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refHeadWrapperElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refHeadPrevElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -37314,6 +37389,7 @@ const scrollbarOffsetSize = 20;
         activeName,
         cacheTabMaps
       } = reactData;
+      const vSize = computeSize.value;
       const tabType = computeTabType.value;
       const tabPosition = computeTabPosition.value;
       const refreshOpts = computeRefreshOpts.value;
@@ -37339,6 +37415,7 @@ const scrollbarOffsetSize = 20;
         class: 'vxe-tabs-pane--header'
       }, callSlot(headerpSlot, defParams)) : renderEmptyElement($xeTabs), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: ['vxe-tabs-pane--body', `type--${tabType}`, `pos--${tabPosition}`, {
+          [`size--${vSize}`]: vSize,
           'is--padding': padding,
           'is--height': height
         }]
@@ -37358,6 +37435,7 @@ const scrollbarOffsetSize = 20;
       const {
         activeName
       } = reactData;
+      const vSize = computeSize.value;
       const tabOptions = computeTabOptions.value;
       const tabStaticOptions = computeTabStaticOptions.value;
       const tabType = computeTabType.value;
@@ -37379,6 +37457,7 @@ const scrollbarOffsetSize = 20;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-tabs', `pos--${tabPosition}`, `vxe-tabs--${tabType}`, `trigger--${trigger === 'manual' ? 'trigger' : 'default'}`, {
+          [`size--${vSize}`]: vSize,
           'is--padding': padding,
           'is--height': height
         }],
@@ -40680,6 +40759,7 @@ function tree_select_createInternalData() {
     placement: String,
     options: Array,
     optionProps: Object,
+    zIndex: Number,
     size: {
       type: String,
       default: () => getConfig().treeSelect.size || getConfig().size
@@ -40967,7 +41047,12 @@ function tree_select_createInternalData() {
       internalData.fullNodeMaps = nodeMaps;
     };
     const updateZindex = () => {
-      if (reactData.panelIndex < getLastZIndex()) {
+      const {
+        zIndex
+      } = props;
+      if (zIndex) {
+        reactData.panelIndex = zIndex;
+      } else if (reactData.panelIndex < getLastZIndex()) {
         reactData.panelIndex = nextZIndex();
       }
     };