vxe-pc-ui 4.5.0 → 4.5.2

package/lib/index.umd.js

@@ -4183,14 +4183,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.5.0"}`;
+const log_version = `ui v${"4.5.2"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.5.0";
+const ui_version = "4.5.2";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -4458,8 +4458,10 @@ setConfig({
     }
   },
   split: {
-    minWidth: 40,
-    minHeight: 40
+    itemConfig: {
+      minWidth: 40,
+      minHeight: 40
+    }
   },
   splitItem: {},
   slider: {
@@ -45107,10 +45109,8 @@ const Select = VxeSelect;
 /* harmony default export */ var split = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
   name: 'VxeSplit',
   props: {
-    resize: {
-      type: Boolean,
-      default: null
-    },
+    width: [Number, String],
+    height: [Number, String],
     vertical: {
       type: Boolean,
       default: () => getConfig().split.vertical
@@ -45119,14 +45119,11 @@ const Select = VxeSelect;
       type: Boolean,
       default: () => getConfig().split.border
     },
-    minWidth: {
-      type: [Number, String],
-      default: () => getConfig().split.minWidth
+    padding: {
+      type: Boolean,
+      default: () => getConfig().split.padding
     },
-    minHeight: {
-      type: [Number, String],
-      default: () => getConfig().split.minHeight
-    }
+    itemConfig: Object
   },
   emits: [],
   setup(props, context) {
@@ -45140,7 +45137,12 @@ const Select = VxeSelect;
       staticItems: []
     });
     const internalData = {};
-    const computeMaps = {};
+    const computeItemOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().split.itemConfig, props.itemConfig);
+    });
+    const computeMaps = {
+      computeItemOpts
+    };
     const refMaps = {
       refElem
     };
@@ -45172,9 +45174,7 @@ const Select = VxeSelect;
     const recalculate = () => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
         const {
-          vertical,
-          minWidth,
-          minHeight
+          vertical
         } = props;
         const {
           staticItems
@@ -45188,6 +45188,9 @@ const Select = VxeSelect;
         if (!wrapperWidth || !wrapperHeight) {
           return;
         }
+        const itemOpts = computeItemOpts.value;
+        const allMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minWidth);
+        const allMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minHeight);
         const residueItems = [];
         if (vertical) {
           let countHeight = 0;
@@ -45211,7 +45214,7 @@ const Select = VxeSelect;
           if (residueItems.length) {
             const reMeanHeight = (wrapperHeight - countHeight) / residueItems.length;
             residueItems.forEach(item => {
-              item.renderHeight = Math.max(getGlobalDefaultConfig(item.minHeight, minHeight), reMeanHeight);
+              item.renderHeight = Math.max(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight)), reMeanHeight);
             });
           }
         } else {
@@ -45236,7 +45239,7 @@ const Select = VxeSelect;
           if (residueItems.length) {
             const reMeanWidth = (wrapperWidth - countWidth) / residueItems.length;
             residueItems.forEach(item => {
-              item.renderWidth = Math.max(getGlobalDefaultConfig(item.minWidth, minWidth), reMeanWidth);
+              item.renderWidth = Math.max(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth)), reMeanWidth);
             });
           }
         }
@@ -45245,9 +45248,7 @@ const Select = VxeSelect;
     const dragEvent = evnt => {
       evnt.preventDefault();
       const {
-        vertical,
-        minWidth,
-        minHeight
+        vertical
       } = props;
       const {
         staticItems
@@ -45263,6 +45264,9 @@ const Select = VxeSelect;
       if (!item) {
         return;
       }
+      const itemOpts = computeItemOpts.value;
+      const allMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minWidth);
+      const allMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minHeight);
       const prevItem = staticItems[itemIndex - 1];
       const prevItemEl = prevItem ? el.querySelector(`.vxe-split-item[xid="${prevItem.id}"]`) : null;
       const currItemEl = item ? el.querySelector(`.vxe-split-item[xid="${item.id}"]`) : null;
@@ -45270,10 +45274,10 @@ const Select = VxeSelect;
       const currWidth = currItemEl ? currItemEl.clientWidth : 0;
       const prevHeight = prevItemEl ? prevItemEl.clientHeight : 0;
       const currHeight = currItemEl ? currItemEl.clientHeight : 0;
-      const prevMinWidth = prevItem ? getGlobalDefaultConfig(prevItem.minWidth, minWidth) : minWidth;
-      const currMinWidth = getGlobalDefaultConfig(item.minWidth, minWidth);
-      const prevMinHeight = prevItem ? getGlobalDefaultConfig(prevItem.minHeight, minHeight) : minHeight;
-      const currMinHeight = getGlobalDefaultConfig(item.minHeight, minHeight);
+      const prevMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minWidth, allMinWidth) : allMinWidth);
+      const currMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth));
+      const prevMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minHeight, allMinHeight) : allMinHeight);
+      const currMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight));
       const disX = evnt.clientX;
       const disY = evnt.clientY;
       addClass(el, 'is--drag');
@@ -45330,6 +45334,7 @@ const Select = VxeSelect;
     const renderItems = () => {
       const {
         border,
+        padding,
         vertical
       } = props;
       const {
@@ -45357,6 +45362,7 @@ const Select = VxeSelect;
         itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           xid: id,
           class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
+            'is--padding': padding,
             'is--border': border,
             'is--height': renderHeight,
             'is--width': renderWidth,
@@ -45371,7 +45377,9 @@ const Select = VxeSelect;
         }) : renderEmptyElement($xeSplit), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           xid: id,
           class: 'vxe-split-item--wrapper'
-        }, defaultSlot ? callSlot(defaultSlot, {}) : [])]));
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-split-item--inner'
+        }, defaultSlot ? callSlot(defaultSlot, {}) : [])])]));
       });
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-split-wrapper'
@@ -45379,12 +45387,22 @@ const Select = VxeSelect;
     };
     const renderVN = () => {
       const {
-        vertical
+        vertical,
+        width,
+        height
       } = props;
       const defaultSlot = slots.default;
+      const stys = {};
+      if (height) {
+        stys.height = toCssUnit(height);
+      }
+      if (width) {
+        stys.width = toCssUnit(width);
+      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
-        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal']
+        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal'],
+        style: stys
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: 'vxe-split-slots'
       }, defaultSlot ? defaultSlot({}) : []), renderItems()]);
@@ -45421,17 +45439,17 @@ const Split = VxeSplit;
 /* harmony default export */ var packages_split = (VxeSplit);
 ;// CONCATENATED MODULE: ./packages/split/src/util.ts
 
-function assembleSplitItem($xeSplit, elem, itemConfig) {
+function assembleSplitItem($xeSplit, elem, chunkConfig) {
   const staticItems = $xeSplit.reactData.staticItems;
   const parentElem = elem.parentNode;
   if (parentElem) {
-    staticItems.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, itemConfig);
+    staticItems.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, chunkConfig);
     $xeSplit.reactData.staticItems = staticItems.slice(0);
   }
 }
-function destroySplitItem($xeSplit, itemConfig) {
+function destroySplitItem($xeSplit, chunkConfig) {
   const staticItems = $xeSplit.reactData.staticItems;
-  const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === itemConfig.id);
+  const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === chunkConfig.id);
   if (index > -1) {
     staticItems.splice(index, 1);
   }
@@ -45465,7 +45483,7 @@ function destroySplitItem($xeSplit, itemConfig) {
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
     const $xeSplit = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSplit', null);
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const itemConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+    const chunkConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       id: xID,
       width: props.width,
       height: props.height,
@@ -45506,26 +45524,26 @@ function destroySplitItem($xeSplit, itemConfig) {
       });
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, val => {
-      itemConfig.width = val;
+      chunkConfig.width = val;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, val => {
-      itemConfig.height = val;
+      chunkConfig.height = val;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minWidth, val => {
-      itemConfig.minWidth = val;
+      chunkConfig.minWidth = val;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minHeight, val => {
-      itemConfig.minHeight = val;
+      chunkConfig.minHeight = val;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       const elem = refElem.value;
       if ($xeSplit && elem) {
-        assembleSplitItem($xeSplit, elem, itemConfig);
+        assembleSplitItem($xeSplit, elem, chunkConfig);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
       if ($xeSplit) {
-        destroySplitItem($xeSplit, itemConfig);
+        destroySplitItem($xeSplit, chunkConfig);
       }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplitItem', $xeSplitItem);