vxe-pc-ui 4.9.18 → 4.9.20

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.18"}`;
+const log_version = `ui v${"4.9.20"}`;
 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.18";
+const ui_version = "4.9.20";
 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 = '';
@@ -6244,6 +6244,7 @@ function handleBooleanDefaultValue(value) {
 
 
 
+
 /* harmony default export */ var tooltip = (defineVxeComponent({
   name: 'VxeTooltip',
   props: {
@@ -6268,6 +6269,30 @@ function handleBooleanDefaultValue(value) {
     useHTML: Boolean,
     zIndex: [String, Number],
     popupClassName: [String, Function],
+    width: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.Width
+    },
+    height: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.height
+    },
+    minWidth: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.minWidth
+    },
+    minHeight: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.minHeight
+    },
+    maxWidth: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.maxWidth
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.maxHeight
+    },
     isArrow: {
       type: Boolean,
       default: () => getConfig().tooltip.isArrow
@@ -6311,6 +6336,37 @@ function handleBooleanDefaultValue(value) {
     });
     const internalData = {};
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const contentWrapperfElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width,
+        height,
+        minHeight,
+        minWidth,
+        maxHeight,
+        maxWidth
+      } = props;
+      const stys = {};
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
+      if (height) {
+        stys.height = toCssUnit(height);
+      }
+      if (minWidth) {
+        stys.minWidth = toCssUnit(minWidth);
+      }
+      if (minHeight) {
+        stys.minHeight = toCssUnit(minHeight);
+      }
+      if (maxWidth) {
+        stys.maxWidth = toCssUnit(maxWidth);
+      }
+      if (maxHeight) {
+        stys.maxHeight = toCssUnit(maxHeight);
+      }
+      return stys;
+    });
     const refMaps = {
       refElem
     };
@@ -6339,6 +6395,9 @@ function handleBooleanDefaultValue(value) {
           left
         } = getAbsolutePos(tipTarget);
         const el = refElem.value;
+        if (!el) {
+          return;
+        }
         const marginSize = 6;
         const offsetHeight = el.offsetHeight;
         const offsetWidth = el.offsetWidth;
@@ -6533,6 +6592,9 @@ function handleBooleanDefaultValue(value) {
         reactData.tipActive = !!active;
       }
     };
+    const wheelEvent = evnt => {
+      evnt.stopPropagation();
+    };
     Object.assign($xeTooltip, tooltipMethods);
     const renderContent = () => {
       const {
@@ -6541,24 +6603,29 @@ function handleBooleanDefaultValue(value) {
       const {
         tipContent
       } = reactData;
+      const wrapperStyle = computeWrapperStyle.value;
       const contentSlot = slots.content;
+      const contVNs = [];
       if (contentSlot) {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          key: 1,
-          class: 'vxe-tooltip--content'
-        }, vn_getSlotVNs(contentSlot({})));
-      }
-      if (useHTML) {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 1
+        }, vn_getSlotVNs(contentSlot({}))));
+      } else if (useHTML) {
+        contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: 2,
-          class: 'vxe-tooltip--content',
           innerHTML: tipContent
-        });
+        }));
+      } else {
+        contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          key: 3
+        }, `${tipContent}`));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         key: 3,
-        class: 'vxe-tooltip--content'
-      }, `${tipContent}`);
+        ref: contentWrapperfElem,
+        class: 'vxe-tooltip--content',
+        style: wrapperStyle
+      }, contVNs);
     };
     const renderVN = () => {
       const {
@@ -6617,6 +6684,12 @@ function handleBooleanDefaultValue(value) {
       reactData.isUpdate = false;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const contentWrapperfEl = contentWrapperfElem.value;
+      if (contentWrapperfEl) {
+        contentWrapperfEl.addEventListener('wheel', wheelEvent, {
+          passive: false
+        });
+      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         const {
           trigger,
@@ -6665,6 +6738,10 @@ function handleBooleanDefaultValue(value) {
         target.onmouseleave = null;
         target.onclick = null;
       }
+      const contentWrapperfEl = contentWrapperfElem.value;
+      if (contentWrapperfEl) {
+        contentWrapperfEl.removeEventListener('wheel', wheelEvent);
+      }
       if (wrapperElem) {
         const parentNode = wrapperElem.parentNode;
         if (parentNode) {
@@ -9190,6 +9267,10 @@ const Calendar = VxeCalendar;
     padding: {
       type: Boolean,
       default: () => getConfig().card.padding
+    },
+    size: {
+      type: String,
+      default: () => getConfig().card.size || getConfig().size
     }
   },
   emits: [],
@@ -9200,6 +9281,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
@@ -9218,7 +9302,9 @@ const Calendar = VxeCalendar;
       }
       return stys;
     });
-    const computeMaps = {};
+    const computeMaps = {
+      computeSize
+    };
     const $xeCard = {
       xID,
       props,
@@ -9253,10 +9339,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
@@ -16049,6 +16137,14 @@ const ColorPicker = VxeColorPicker;
         dispatchEvent('click', {}, evnt);
       }
     };
+    const dblclickEvent = evnt => {
+      const {
+        loading
+      } = props;
+      if (!loading) {
+        dispatchEvent('dblclick', {}, evnt);
+      }
+    };
     const prefixEvent = evnt => {
       const {
         loading
@@ -16121,7 +16217,9 @@ const ColorPicker = VxeColorPicker;
       contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         key: 'ct',
         ref: refContentElem,
-        class: 'vxe-text--content'
+        class: 'vxe-text--content',
+        onClick: clickEvent,
+        onDblclick: dblclickEvent
       }, defaultSlot ? defaultSlot({}) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(content)));
       if (suffixIcon) {
         contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
@@ -16153,8 +16251,7 @@ const ColorPicker = VxeColorPicker;
           [`theme--${status}`]: status,
           'is--copy': clickToCopy,
           'is--loading': loading
-        }],
-        onClick: clickEvent
+        }]
       }, renderContent());
     };
     $xeText.renderVN = renderVN;
@@ -33895,7 +33992,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) {
@@ -33907,6 +34008,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: [],
@@ -34616,6 +34720,7 @@ const Select = VxeSelect;
       const {
         itemList
       } = reactData;
+      const vSize = computeSize.value;
       const resizeOpts = computeResizeOpts.value;
       const {
         immediate
@@ -34670,6 +34775,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,
@@ -34703,6 +34809,7 @@ const Select = VxeSelect;
         width,
         height
       } = props;
+      const vSize = computeSize.value;
       const resizeOpts = computeResizeOpts.value;
       const {
         immediate,
@@ -34718,7 +34825,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'
@@ -36422,6 +36531,10 @@ const scrollbarOffsetSize = 20;
     beforeChangeMethod: Function,
     closeConfig: Object,
     refreshConfig: Object,
+    size: {
+      type: String,
+      default: () => getConfig().tabs.size || getConfig().size
+    },
     // 已废弃
     beforeCloseMethod: Function
   },
@@ -36433,6 +36546,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)();
@@ -37228,6 +37344,7 @@ const scrollbarOffsetSize = 20;
         activeName,
         cacheTabMaps
       } = reactData;
+      const vSize = computeSize.value;
       const tabType = computeTabType.value;
       const tabPosition = computeTabPosition.value;
       const refreshOpts = computeRefreshOpts.value;
@@ -37253,6 +37370,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
         }]
@@ -37272,6 +37390,7 @@ const scrollbarOffsetSize = 20;
       const {
         activeName
       } = reactData;
+      const vSize = computeSize.value;
       const tabOptions = computeTabOptions.value;
       const tabStaticOptions = computeTabStaticOptions.value;
       const tabType = computeTabType.value;
@@ -37293,6 +37412,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
         }],