vxe-pc-ui 4.16.15 → 4.16.17

package/dist/all.esm.js

@@ -81,12 +81,12 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.16.15"}`;
+const uiVersion = `ui v${"4.16.17"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
     const designVersion = VxeUI.designVersion ? `design v${VxeUI.designVersion}` : '';
-    const versionInfo = [uiVersion, tableVersion, ganttVersion, designVersion].join(' ');
+    const versionInfo = [uiVersion, tableVersion, ganttVersion, designVersion].filter(v => v).join(' ');
     return {
         warnLog: log.create('warn', versionInfo + '] [' + name),
         errLog: log.create('error', versionInfo + '] [' + name)
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$h = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.16.15";
+const version = "4.16.17";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -454,6 +454,9 @@ setConfig$1({
         resizeConfig: {
             // immediate: false,
             showTip: true
+        },
+        actionConfig: {
+            autoHideButton: true
         }
     },
     splitterPanel: {},
@@ -36150,9 +36153,10 @@ var VxeSplitComponent = defineVxeComponent({
                 widthRatio: widthCount / 100
             };
         });
-        const computeBarStyle = computed(() => {
+        const computeWrapperStyle = computed(() => {
+            const { width, height } = props;
             const barOpts = computeBarOpts.value;
-            const { width, height } = barOpts;
+            const { width: barWidth, height: barHeight } = barOpts;
             const stys = {};
             if (height) {
                 stys.height = toCssUnit(height);
@@ -36160,6 +36164,12 @@ var VxeSplitComponent = defineVxeComponent({
             if (width) {
                 stys.width = toCssUnit(width);
             }
+            if (barHeight) {
+                stys['--vxe-ui-splitter-handle-bar-vertical-height'] = toCssUnit(barHeight);
+            }
+            if (barWidth) {
+                stys['--vxe-ui-splitter-handle-bar-horizontal-width'] = toCssUnit(barWidth);
+            }
             return stys;
         });
         const computeMaps = {
@@ -36765,7 +36775,6 @@ var VxeSplitComponent = defineVxeComponent({
         const renderHandleBar = (prevItem, nextItem) => {
             const { border, resize, vertical } = props;
             const { itemList } = reactData;
-            const barStyle = computeBarStyle.value;
             const actionOpts = computeActionOpts.value;
             const { direction } = actionOpts;
             const showPrevButton = XEUtils.isBoolean(actionOpts.showPrevButton) ? actionOpts.showPrevButton : (itemList.some(item => item.showAction));
@@ -36780,7 +36789,6 @@ var VxeSplitComponent = defineVxeComponent({
             }, [
                 h('div', {
                     class: 'vxe-splitter-panel-handle-bar',
-                    style: barStyle,
                     onMousedown: dragEvent
                 }),
                 itemList.length === 2
@@ -36789,7 +36797,7 @@ var VxeSplitComponent = defineVxeComponent({
                     }, [
                         showPrevButton && nextItem.isExpand
                             ? h('div', {
-                                class: 'vxe-splitter-panel-action-btn',
+                                class: ['vxe-splitter-panel-action-btn', prevItem.isExpand ? 'is--prev' : 'is--next'],
                                 onDblclick: handlePrevActionDblclickEvent,
                                 onClick: handlePrevActionClickEvent
                             }, [
@@ -36800,7 +36808,7 @@ var VxeSplitComponent = defineVxeComponent({
                             : renderEmptyElement($xeSplitter),
                         showNextButton && prevItem.isExpand
                             ? h('div', {
-                                class: 'vxe-splitter-panel-action-btn',
+                                class: ['vxe-splitter-panel-action-btn', nextItem.isExpand ? 'is--next' : 'is--prev'],
                                 onDblclick: handleNextActionDblclickEvent,
                                 onClick: handleNextActionClickEvent
                             }, [
@@ -36817,10 +36825,13 @@ var VxeSplitComponent = defineVxeComponent({
             const { border, padding, resize, vertical } = props;
             const { itemList } = reactData;
             const vSize = computeSize.value;
+            const actionOpts = computeActionOpts.value;
+            const { autoHideButton } = actionOpts;
             const resizeOpts = computeResizeOpts.value;
             const { immediate } = resizeOpts;
             const visibleItems = computeVisibleItems.value;
             const { autoItems } = computeAutoItems.value;
+            const isOnlyView = visibleItems.length <= 1;
             const itemVNs = [];
             itemList.forEach((prevItem, index) => {
                 const { id, name, slots, renderHeight, resizeHeight, foldHeight, renderWidth, resizeWidth, foldWidth, isExpand } = prevItem;
@@ -36884,28 +36895,25 @@ var VxeSplitComponent = defineVxeComponent({
                 }
             });
             return h('div', {
-                class: 'vxe-splitter-wrapper'
+                class: ['vxe-splitter-wrapper', {
+                        'is--ah-btn': autoHideButton,
+                        'is--only-view': isOnlyView
+                    }]
             }, itemVNs);
         };
         const renderVN = () => {
-            const { vertical, width, height } = props;
+            const { vertical } = props;
             const vSize = computeSize.value;
             const resizeOpts = computeResizeOpts.value;
+            const wrapperStyle = computeWrapperStyle.value;
             const { immediate, showTip } = resizeOpts;
             const defaultSlot = slots.default;
-            const stys = {};
-            if (height) {
-                stys.height = toCssUnit(height);
-            }
-            if (width) {
-                stys.width = toCssUnit(width);
-            }
             return h('div', {
                 ref: refElem,
                 class: ['vxe-splitter', vertical ? 'is--vertical' : 'is--horizontal', immediate ? 'is-resize--immediate' : 'is-resize--lazy', {
                         [`size--${vSize}`]: vSize
                     }],
-                style: stys
+                style: wrapperStyle
             }, [
                 h('div', {
                     class: 'vxe-splitter-slots'