vxe-pc-ui 4.3.60 → 4.3.62

package/lib/index.umd.js

@@ -4141,14 +4141,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.3.60"}`;
+const log_version = `ui v${"4.3.62"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.3.60";
+const ui_version = "4.3.62";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -6522,11 +6522,10 @@ function handleBooleanDefaultValue(value) {
         $xeButtonGroup.handleClick({
           name: props.name
         }, evnt);
-      } else {
-        dispatchEvent('click', {
-          $event: evnt
-        }, evnt);
       }
+      dispatchEvent('click', {
+        $event: evnt
+      }, evnt);
     };
     const mousedownDropdownEvent = evnt => {
       const isLeftBtn = evnt.button === 0;
@@ -6967,6 +6966,7 @@ const Button = VxeButton;
     mode: String,
     status: String,
     round: Boolean,
+    vertical: Boolean,
     circle: Boolean,
     className: [String, Function],
     disabled: Boolean,
@@ -6983,11 +6983,13 @@ const Button = VxeButton;
       emit
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
     const computeMaps = {};
     const $xeButtonGroup = {
       xID,
       props,
       context,
+      reactData,
       getComputeMaps: () => computeMaps
     };
     useSize(props);
@@ -7020,7 +7022,8 @@ const Button = VxeButton;
     const renderVN = () => {
       const {
         className,
-        options
+        options,
+        vertical
       } = props;
       const permissionInfo = computePermissionInfo.value;
       const defaultSlot = slots.default;
@@ -7030,7 +7033,9 @@ const Button = VxeButton;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         class: ['vxe-button-group', className ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(className) ? className({
           $buttonGroup: $xeButtonGroup
-        }) : className : '']
+        }) : className : '', {
+          'is--vertical': vertical
+        }]
       }, defaultSlot ? defaultSlot({}) : options ? options.map((item, index) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(src_button, {
           key: index,
@@ -14783,6 +14788,10 @@ const Countdown = VxeCountdown;
       return immediate;
     });
     const updateModelValue = modelValue => {
+      const {
+        isActivated,
+        visiblePanel
+      } = reactData;
       let val = '';
       if (modelValue) {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(modelValue) && /^[0-9]{11,15}$/.test(`${modelValue}`)) {
@@ -14792,6 +14801,9 @@ const Countdown = VxeCountdown;
         }
       }
       reactData.inputValue = val;
+      if (isActivated && visiblePanel) {
+        dateOpenPanel();
+      }
     };
     const parseDate = (value, format) => {
       const {
@@ -16217,49 +16229,75 @@ const Countdown = VxeCountdown;
         panelStyle
       } = reactData;
       const vSize = computeSize.value;
-      const isDatePickerType = computeIsDatePickerType.value;
       const btnTransfer = computeBtnTransfer.value;
+      const headerSlot = slots.header;
+      const footerSlot = slots.footer;
+      const topSlot = slots.top;
+      const bottomSlot = slots.bottom;
+      const leftSlot = slots.left;
+      const rightSlot = slots.right;
       const renders = [];
-      if (isDatePickerType) {
-        if (type === 'datetime') {
-          renders.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            key: type,
-            ref: refPanelWrapper,
-            class: 'vxe-date-picker--panel-layout-wrapper'
-          }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            class: 'vxe-date-picker--panel-left-wrapper'
-          }, renderDatePanel()), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            class: 'vxe-date-picker--panel-right-wrapper'
-          }, renderTimePanel())]));
-        } else if (type === 'time') {
-          renders.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            key: type,
-            ref: refPanelWrapper,
-            class: 'vxe-date-picker--panel-wrapper'
-          }, renderTimePanel()));
-        } else {
-          renders.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-            key: type || 'default',
-            ref: refPanelWrapper,
-            class: 'vxe-date-picker--panel-wrapper'
-          }, renderDatePanel()));
-        }
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
-          to: 'body',
-          disabled: btnTransfer ? !initialized : true
+      if (type === 'datetime') {
+        renders.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: type,
+          ref: refPanelWrapper,
+          class: 'vxe-date-picker--panel-datetime-layout-wrapper'
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          ref: refInputPanel,
-          class: ['vxe-table--ignore-clear vxe-date-picker--panel', `type--${type}`, {
-            [`size--${vSize}`]: vSize,
-            'is--transfer': btnTransfer,
-            'ani--leave': isAniVisible,
-            'ani--enter': visiblePanel
-          }],
-          placement: panelPlacement,
-          style: panelStyle
-        }, initialized && (visiblePanel || isAniVisible) ? renders : [])]);
+          class: 'vxe-date-picker--panel-datetime-left-wrapper'
+        }, renderDatePanel()), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          class: 'vxe-date-picker--panel-datetime-right-wrapper'
+        }, renderTimePanel())]));
+      } else if (type === 'time') {
+        renders.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: type,
+          ref: refPanelWrapper,
+          class: 'vxe-date-picker--panel-wrapper'
+        }, renderTimePanel()));
+      } else {
+        renders.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: type || 'default',
+          ref: refPanelWrapper,
+          class: 'vxe-date-picker--panel-wrapper'
+        }, renderDatePanel()));
       }
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)();
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
+        to: 'body',
+        disabled: btnTransfer ? !initialized : true
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refInputPanel,
+        class: ['vxe-table--ignore-clear vxe-date-picker--panel', `type--${type}`, {
+          [`size--${vSize}`]: vSize,
+          'is--transfer': btnTransfer,
+          'ani--leave': isAniVisible,
+          'ani--enter': visiblePanel,
+          'show--top': !!(topSlot || headerSlot),
+          'show--bottom': !!(bottomSlot || footerSlot),
+          'show--left': !!leftSlot,
+          'show--right': !!rightSlot
+        }],
+        placement: panelPlacement,
+        style: panelStyle
+      }, initialized && (visiblePanel || isAniVisible) ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-layout-wrapper'
+      }, [topSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-top-wrapper'
+      }, topSlot({})) : renderEmptyElement($xeDatePicker), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-body-layout-wrapper'
+      }, [leftSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-left-wrapper'
+      }, leftSlot({})) : renderEmptyElement($xeDatePicker), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-body-content-wrapper'
+      }, [headerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-header-wrapper'
+      }, headerSlot({})) : renderEmptyElement($xeDatePicker), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-body-wrapper'
+      }, renders), footerSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-footer-wrapper'
+      }, footerSlot({})) : renderEmptyElement($xeDatePicker)]), rightSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-right-wrapper'
+      }, rightSlot({})) : renderEmptyElement($xeDatePicker)]), bottomSlot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        class: 'vxe-date-picker--panel-bottom-wrapper'
+      }, bottomSlot({})) : renderEmptyElement($xeDatePicker)])] : [])]);
     };
     const renderPrefixIcon = () => {
       const {