vxe-pc-ui 3.3.65 → 3.3.67

package/lib/index.umd.js

@@ -12846,14 +12846,14 @@ var defineVxeComponent = function defineVxeComponent(options) {
 };
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.3.65");
+var log_version = "ui v".concat("3.3.67");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-var ui_version = "3.3.65";
+var ui_version = "3.3.67";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -15605,11 +15605,10 @@ function _toConsumableArray(r) {
         $xeButtonGroup.handleClick({
           name: this.name
         }, evnt);
-      } else {
-        this.dispatchEvent('click', {
-          $event: evnt
-        }, evnt);
       }
+      this.dispatchEvent('click', {
+        $event: evnt
+      }, evnt);
     },
     mousedownDropdownEvent: function mousedownDropdownEvent(evnt) {
       var isLeftBtn = evnt.button === 0;
@@ -15990,6 +15989,7 @@ var es_array_find = __webpack_require__(113);
     mode: String,
     status: String,
     round: Boolean,
+    vertical: Boolean,
     circle: Boolean,
     className: [String, Function],
     disabled: Boolean,
@@ -16046,7 +16046,8 @@ var es_array_find = __webpack_require__(113);
       var props = $xeButtonGroup;
       var slots = $xeButtonGroup.$scopedSlots;
       var className = props.className,
-        options = props.options;
+        options = props.options,
+        vertical = props.vertical;
       var permissionInfo = $xeButtonGroup.computePermissionInfo;
       var defaultSlot = slots.default;
       if (!permissionInfo.visible) {
@@ -16055,7 +16056,9 @@ var es_array_find = __webpack_require__(113);
       return 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(function (item, index) {
         return h(src_button, {
           key: index,
@@ -24767,6 +24770,8 @@ var Countdown = VxeCountdown;
     updateModelValue: function updateModelValue(modelValue) {
       var $xeDatePicker = this;
       var reactData = $xeDatePicker.reactData;
+      var isActivated = reactData.isActivated,
+        visiblePanel = reactData.visiblePanel;
       var val = '';
       if (modelValue) {
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(modelValue) && /^[0-9]{11,15}$/.test("".concat(modelValue))) {
@@ -24776,6 +24781,9 @@ var Countdown = VxeCountdown;
         }
       }
       reactData.inputValue = val;
+      if (isActivated && visiblePanel) {
+        $xeDatePicker.dateOpenPanel();
+      }
     },
     parseDate: function parseDate(value, format) {
       var $xeDatePicker = this;
@@ -26298,6 +26306,7 @@ var Countdown = VxeCountdown;
     renderPanel: function renderPanel(h) {
       var $xeDatePicker = this;
       var props = $xeDatePicker;
+      var slots = $xeDatePicker.$scopedSlots;
       var reactData = $xeDatePicker.reactData;
       var type = props.type;
       var initialized = reactData.initialized,
@@ -26306,43 +26315,65 @@ var Countdown = VxeCountdown;
         panelPlacement = reactData.panelPlacement,
         panelStyle = reactData.panelStyle;
       var vSize = $xeDatePicker.computeSize;
-      var isDatePickerType = $xeDatePicker.computeIsDatePickerType;
       var btnTransfer = $xeDatePicker.computeBtnTransfer;
+      var headerSlot = slots.header;
+      var footerSlot = slots.footer;
+      var topSlot = slots.top;
+      var bottomSlot = slots.bottom;
+      var leftSlot = slots.left;
+      var rightSlot = slots.right;
       var renders = [];
-      if (isDatePickerType) {
-        if (type === 'datetime') {
-          renders.push(h('div', {
-            key: type,
-            ref: 'refPanelWrapper',
-            class: 'vxe-date-picker--panel-layout-wrapper'
-          }, [h('div', {
-            class: 'vxe-date-picker--panel-left-wrapper'
-          }, $xeDatePicker.renderDatePanel(h)), h('div', {
-            class: 'vxe-date-picker--panel-right-wrapper'
-          }, $xeDatePicker.renderTimePanel(h))]));
-        } else if (type === 'time') {
-          renders.push(h('div', {
-            key: type,
-            ref: 'refPanelWrapper',
-            class: 'vxe-date-picker--panel-wrapper'
-          }, $xeDatePicker.renderTimePanel(h)));
-        } else {
-          renders.push(h('div', {
-            key: type || 'default',
-            ref: 'refPanelWrapper',
-            class: 'vxe-date-picker--panel-wrapper'
-          }, $xeDatePicker.renderDatePanel(h)));
-        }
-        return h('div', {
-          ref: 'refInputPanel',
-          class: ['vxe-table--ignore-clear vxe-date-picker--panel', "type--".concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--transfer', btnTransfer), 'ani--leave', isAniVisible), 'ani--enter', visiblePanel)],
-          attrs: {
-            placement: panelPlacement
-          },
-          style: panelStyle
-        }, initialized && (visiblePanel || isAniVisible) ? renders : []);
+      if (type === 'datetime') {
+        renders.push(h('div', {
+          key: type,
+          ref: 'refPanelWrapper',
+          class: 'vxe-date-picker--panel-datetime-layout-wrapper'
+        }, [h('div', {
+          class: 'vxe-date-picker--panel-datetime-left-wrapper'
+        }, $xeDatePicker.renderDatePanel(h)), h('div', {
+          class: 'vxe-date-picker--panel-datetime-right-wrapper'
+        }, $xeDatePicker.renderTimePanel(h))]));
+      } else if (type === 'time') {
+        renders.push(h('div', {
+          key: type,
+          ref: 'refPanelWrapper',
+          class: 'vxe-date-picker--panel-wrapper'
+        }, $xeDatePicker.renderTimePanel(h)));
+      } else {
+        renders.push(h('div', {
+          key: type || 'default',
+          ref: 'refPanelWrapper',
+          class: 'vxe-date-picker--panel-wrapper'
+        }, $xeDatePicker.renderDatePanel(h)));
       }
-      return renderEmptyElement($xeDatePicker);
+      return h('div', {
+        ref: 'refInputPanel',
+        class: ['vxe-table--ignore-clear vxe-date-picker--panel', "type--".concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(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)],
+        attrs: {
+          placement: panelPlacement
+        },
+        style: panelStyle
+      }, initialized && (visiblePanel || isAniVisible) ? [h('div', {
+        class: 'vxe-date-picker--panel-layout-wrapper'
+      }, [topSlot ? h('div', {
+        class: 'vxe-date-picker--panel-top-wrapper'
+      }, topSlot({})) : renderEmptyElement($xeDatePicker), h('div', {
+        class: 'vxe-date-picker--panel-body-layout-wrapper'
+      }, [leftSlot ? h('div', {
+        class: 'vxe-date-picker--panel-left-wrapper'
+      }, leftSlot({})) : renderEmptyElement($xeDatePicker), h('div', {
+        class: 'vxe-date-picker--panel-body-content-wrapper'
+      }, [headerSlot ? h('div', {
+        class: 'vxe-date-picker--panel-header-wrapper'
+      }, headerSlot({})) : renderEmptyElement($xeDatePicker), h('div', {
+        class: 'vxe-date-picker--panel-body-wrapper'
+      }, renders), footerSlot ? h('div', {
+        class: 'vxe-date-picker--panel-footer-wrapper'
+      }, footerSlot({})) : renderEmptyElement($xeDatePicker)]), rightSlot ? h('div', {
+        class: 'vxe-date-picker--panel-right-wrapper'
+      }, rightSlot({})) : renderEmptyElement($xeDatePicker)]), bottomSlot ? h('div', {
+        class: 'vxe-date-picker--panel-bottom-wrapper'
+      }, bottomSlot({})) : renderEmptyElement($xeDatePicker)])] : []);
     },
     renderPrefixIcon: function renderPrefixIcon(h) {
       var $xeDatePicker = this;