bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/date-picker/index.js

@@ -45,38 +45,38 @@ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["BKPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.BKPopover, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["capitalize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.capitalize, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.getFullscreenRoot, ["scrollTop"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.scrollTop, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -94,31 +94,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
       try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
       } finally {
-        if (o) throw n;
+        if (_d) throw _e;
       }
     }
-    return a;
+    return _arr;
   }
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -173,7 +173,7 @@ function _toConsumableArray(arr) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -277,7 +277,7 @@ var pickerDropdownProps = {
     var forceUpdate = function forceUpdate() {
       if (popoverInstance) {
         var _popoverInstance, _popoverInstance$forc;
-        (_popoverInstance = popoverInstance) === null || _popoverInstance === void 0 || (_popoverInstance$forc = _popoverInstance.forceUpdate) === null || _popoverInstance$forc === void 0 || _popoverInstance$forc.call(_popoverInstance);
+        (_popoverInstance = popoverInstance) === null || _popoverInstance === void 0 || (_popoverInstance$forc = _popoverInstance.forceUpdate) === null || _popoverInstance$forc === void 0 ? void 0 : _popoverInstance$forc.call(_popoverInstance);
       }
     };
     var destoryDropdown = function destoryDropdown() {
@@ -431,8 +431,8 @@ var pickerDropdownProps = {
     var _this$$slots$default, _this$$slots$default2, _this$$slots;
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "ref": "refContentRef",
-      "class": [this.resolveClassName('date-picker-dropdown'), this.className, this.extPopoverCls],
       "style": this.styles,
+      "class": [this.resolveClassName('date-picker-dropdown'), this.className, this.extPopoverCls],
       "onClick": this.onClick
     }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : '']);
   }
@@ -448,46 +448,46 @@ var pickerDropdownProps = {
  */
 var dateIcon = (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("svg", {
   "class": "picker-icon",
+  "viewBox": "0 0 1024 1024",
   "x": "0px",
-  "y": "0px",
-  "viewBox": "0 0 1024 1024"
+  "y": "0px"
 }, [(0,external_vue_namespaceObject.createVNode)("g", {
   "id": "date"
 }, [(0,external_vue_namespaceObject.createVNode)("path", {
-  "fill": "#c4c6cc",
-  "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"
+  "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z",
+  "fill": "#c4c6cc"
 }, null), (0,external_vue_namespaceObject.createVNode)("rect", {
-  "x": "416",
-  "y": "128",
-  "fill": "#c4c6cc",
   "width": "192",
-  "height": "64"
-}, null), (0,external_vue_namespaceObject.createVNode)("rect", {
-  "x": "288",
-  "y": "96",
+  "height": "64",
   "fill": "#c4c6cc",
-  "width": "64",
-  "height": "128"
+  "x": "416",
+  "y": "128"
 }, null), (0,external_vue_namespaceObject.createVNode)("rect", {
-  "x": "672",
-  "y": "96",
+  "width": "64",
+  "height": "128",
   "fill": "#c4c6cc",
+  "x": "288",
+  "y": "96"
+}, null), (0,external_vue_namespaceObject.createVNode)("rect", {
   "width": "64",
-  "height": "128"
+  "height": "128",
+  "fill": "#c4c6cc",
+  "x": "672",
+  "y": "96"
 }, null), (0,external_vue_namespaceObject.createVNode)("polygon", {
   "fill": "#c4c6cc",
   "points": "403.7,514.4 557.1,514.4 557.1,515.3 420.1,765.5 483.5,765.5 620.3,504.3 620.3,466.5 403.7,466.5"
 }, null)])])]);
 var timeIcon = (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("svg", {
   "class": "picker-icon",
+  "viewBox": "0 0 1024 1024",
   "x": "0px",
-  "y": "0px",
-  "viewBox": "0 0 1024 1024"
+  "y": "0px"
 }, [(0,external_vue_namespaceObject.createVNode)("g", {
   "id": "time"
 }, [(0,external_vue_namespaceObject.createVNode)("path", {
-  "fill": "#c4c6cc",
-  "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"
+  "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z",
+  "fill": "#c4c6cc"
 }, null), (0,external_vue_namespaceObject.createVNode)("polygon", {
   "fill": "#c4c6cc",
   "points": "512,512 512,256 448,256 448,512 448,576 512,576 768,576 768,512"
@@ -603,17 +603,17 @@ var confirmProps = {
       _this$$slots$confirm2,
       _this$$slots;
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('picker-confirm'),
       "ref": "elRef",
+      "class": this.resolveClassName('picker-confirm'),
       "onKeydown": this.handleTab
     }, [this.showTime ? // <a href="javascript: void(0);" class="bk-picker-confirm-time" disabled onClick={this.handleToggleTime}>
     //   {this.labels.time}
     // </a>
     (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-      "text": true,
-      "theme": "primary",
       "class": this.resolveClassName('picker-confirm-time'),
       "disabled": this.timeDisabled,
+      "theme": "primary",
+      "text": true,
       "onClick": this.handleToggleTime
     }, {
       "default": function _default() {
@@ -625,12 +625,13 @@ var confirmProps = {
       "href": "javascript: void(0);",
       "onClick": this.handleClear,
       "onKeydown": this.handleClear
-    }, [this.labels.clear]) : '', (0,external_vue_namespaceObject.createVNode)("a", {
-      "href": "javascript: void(0);",
+    }, [this.labels.clear]) : '', (0,external_vue_namespaceObject.createVNode)("a", (0,external_vue_namespaceObject.mergeProps)({
       "class": "confirm",
-      "onClick": this.handleSuccess,
-      "onKeydown_enter": this.handleSuccess
-    }, [this.labels.ok])])]);
+      "href": "javascript: void(0);",
+      "onClick": this.handleSuccess
+    }, {
+      onKeydown_enter: this.handleSuccess
+    }), [this.labels.ok])])]);
   }
 }));
 ;// CONCATENATED MODULE: external "js-calendar"
@@ -667,7 +668,6 @@ const external_date_fns_namespaceObject = external_date_fns_x({ ["format"]: () =
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-/* eslint-disable no-param-reassign, no-multi-assign */
 /**
  * @file fecha
  * https://github.com/taylorhakes/fecha
@@ -677,7 +677,6 @@ var token = /d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^
 var twoDigits = /\d\d?/;
 var threeDigits = /\d{3}/;
 var fourDigits = /\d{4}/;
-// eslint-disable-next-line max-len
 var word = /[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\\/]+(\s*?[\u0600-\u06FF]+){1,2}/i;
 var noop = function noop() {};
 function shorten(arr, sLen) {
@@ -1548,7 +1547,8 @@ var dateTableProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
-      return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected || cell.start || cell.end), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-today'), cell.type === 'today'), resolveClassName('date-picker-cells-cell-prev-month'), cell.type === 'prevMonth'), resolveClassName('date-picker-cells-cell-next-month'), cell.type === 'nextMonth'), resolveClassName('date-picker-cells-cell-week-label'), cell.type === 'weekLabel'), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end)];
+      var _ref2;
+      return [resolveClassName('date-picker-cells-cell'), (_ref2 = {}, _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-selected'), cell.selected || cell.start || cell.end), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-today'), cell.type === 'today'), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-prev-month'), cell.type === 'prevMonth'), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-next-month'), cell.type === 'nextMonth'), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-week-label'), cell.type === 'weekLabel'), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end), _ref2)];
     };
     return {
       headerDays: headerDays,
@@ -1710,12 +1710,8 @@ var monthTableProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
-      return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-today'), cell.isCurrentMonth), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end) // resolveClassName('date-picker-cells-cell'),
-      // {
-      //   [resolveClassName('date-picker-cells-cell-today')]: cell.type === 'today',
-      //   [resolveClassName('date-picker-cells-cell-range')]: cell.range && !cell.start && !cell.end,
-      // },
-      ];
+      var _ref2;
+      return [resolveClassName('date-picker-cells-cell'), (_ref2 = {}, _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-selected'), cell.selected), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-today'), cell.isCurrentMonth), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end), _ref2)];
     };
     var handleClick = function handleClick(cell) {
       if (cell.disabled || cell.type === 'weekLabel') {
@@ -1887,7 +1883,8 @@ var yearTableProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
-      return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-today'), cell.isCurrent), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end)];
+      var _ref2;
+      return [resolveClassName('date-picker-cells-cell'), (_ref2 = {}, _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-selected'), cell.selected), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-today'), cell.isCurrent), _defineProperty(_ref2, resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end), _ref2)];
     };
     var handleClick = function handleClick(cell) {
       if (cell.disabled || cell.type === 'weekLabel') {
@@ -2040,10 +2037,6 @@ var datePickerProps = {
       return true;
     }
   },
-  transfer: {
-    type: Boolean,
-    "default": false
-  },
   appendToBody: {
     type: Boolean,
     "default": false
@@ -2396,7 +2389,8 @@ var timeParts = ['hours', 'minutes', 'seconds'];
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     function getCellCls(cell) {
-      return [resolveClassName('time-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('time-picker-cells-cell-selected'), cell.selected), resolveClassName('time-picker-cells-cell-focused'), cell.focused), resolveClassName('time-picker-cells-cell-disabled'), cell.disabled)];
+      var _ref2;
+      return [resolveClassName('time-picker-cells-cell'), (_ref2 = {}, _defineProperty(_ref2, resolveClassName('time-picker-cells-cell-selected'), cell.selected), _defineProperty(_ref2, resolveClassName('time-picker-cells-cell-focused'), cell.focused), _defineProperty(_ref2, resolveClassName('time-picker-cells-cell-disabled'), cell.disabled), _ref2)];
     }
     var wheelStart = (0,external_vue_namespaceObject.ref)(true);
     var wheelEnd = (0,external_vue_namespaceObject.ref)(false);
@@ -2544,18 +2538,18 @@ var timeParts = ['hours', 'minutes', 'seconds'];
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('time-picker-cells-title-wrapper')
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('time-picker-cells-title'), this.focusedColumn === 0 ? 'active' : ''],
-      "style": this.styles
+      "style": this.styles,
+      "class": [this.resolveClassName('time-picker-cells-title'), this.focusedColumn === 0 ? 'active' : '']
     }, [this.t.hour]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('time-picker-cells-title'), this.focusedColumn === 1 ? 'active' : ''],
-      "style": this.styles
+      "style": this.styles,
+      "class": [this.resolveClassName('time-picker-cells-title'), this.focusedColumn === 1 ? 'active' : '']
     }, [this.t.min]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('time-picker-cells-title'), this.focusedColumn === 2 ? 'active' : ''],
-      "style": this.styles
+      "style": this.styles,
+      "class": [this.resolveClassName('time-picker-cells-title'), this.focusedColumn === 2 ? 'active' : '']
     }, [this.t.sec]), [[external_vue_namespaceObject.vShow, this.showSeconds]])]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('time-picker-cells-list'),
       "ref": "hoursRef",
-      "style": this.styles
+      "style": this.styles,
+      "class": this.resolveClassName('time-picker-cells-list')
     }, [(0,external_vue_namespaceObject.createVNode)("ul", {
       "class": this.resolveClassName('time-picker-cells-ul')
     }, [this.hoursList.map(function (item) {
@@ -2566,9 +2560,9 @@ var timeParts = ['hours', 'minutes', 'seconds'];
         }
       }, [_this2.padTime(item.text)]), [[external_vue_namespaceObject.vShow, !item.hide]]);
     })])]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('time-picker-cells-list'),
       "ref": "minutesRef",
-      "style": this.styles
+      "style": this.styles,
+      "class": this.resolveClassName('time-picker-cells-list')
     }, [(0,external_vue_namespaceObject.createVNode)("ul", {
       "class": this.resolveClassName('time-picker-cells-ul')
     }, [this.minutesList.map(function (item) {
@@ -2579,9 +2573,9 @@ var timeParts = ['hours', 'minutes', 'seconds'];
         }
       }, [_this2.padTime(item.text)]), [[external_vue_namespaceObject.vShow, !item.hide]]);
     })])]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('time-picker-cells-list'),
       "ref": "secondsRef",
-      "style": this.styles
+      "style": this.styles,
+      "class": this.resolveClassName('time-picker-cells-list')
     }, [(0,external_vue_namespaceObject.createVNode)("ul", {
       "class": this.resolveClassName('time-picker-cells-ul')
     }, [this.secondsList.map(function (item) {
@@ -2691,12 +2685,10 @@ var timeProps = {
     // const parentProvide = injectStrict(timePickerKey);
     var parentProvide = (0,external_vue_namespaceObject.inject)(timePickerKey);
     var timeSpinnerRef = (0,external_vue_namespaceObject.ref)(null);
+    var visibleDate = (0,external_vue_namespaceObject.ref)(src_fecha.format(parentProvide.panelDate, props.format));
     var showSeconds = (0,external_vue_namespaceObject.computed)(function () {
       return !(props.format || '').match(/mm$/);
     });
-    var visibleDate = (0,external_vue_namespaceObject.computed)(function () {
-      return src_fecha.format(parentProvide.panelDate, props.format);
-    });
     var timeSlots = (0,external_vue_namespaceObject.computed)(function () {
       if (!props.value[0]) {
         return [];
@@ -2750,6 +2742,10 @@ var timeProps = {
       var newVal = dates[0] || initTime();
       newVal = new Date(newVal);
       state.date = newVal;
+      parentProvide.panelDate = newVal;
+      visibleDate.value = src_fecha.format(parentProvide.panelDate, props.format);
+    }, {
+      immediate: true
     });
     (0,external_vue_namespaceObject.onMounted)(function () {
       if (parentProvide && parentProvide.parentName === 'DatePanel') {
@@ -2790,27 +2786,27 @@ var timeProps = {
         e.preventDefault();
       }
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('picker-panel-body'),
       "style": {
         width: "".concat(this.width, "px")
-      }
+      },
+      "class": this.resolveClassName('picker-panel-body')
     }, [this.showDate ? (0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('time-picker-header')
     }, [this.visibleDate]) : '', (0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('picker-panel-content')
     }, [(0,external_vue_namespaceObject.createVNode)(time_spinner, {
       "ref": "timeSpinnerRef",
-      "showSeconds": this.showSeconds,
-      "steps": this.steps,
-      "hours": this.timeSlots[0],
-      "minutes": this.timeSlots[1],
-      "seconds": this.timeSlots[2],
       "disabledHours": this.disabledHMS.disabledHours,
       "disabledMinutes": this.disabledHMS.disabledMinutes,
       "disabledSeconds": this.disabledHMS.disabledSeconds,
       "hideDisabledOptions": this.hideDisabledOptions,
-      "onPick-click": this.handlePickClick,
-      "onChange": this.handleChange
+      "hours": this.timeSlots[0],
+      "minutes": this.timeSlots[1],
+      "seconds": this.timeSlots[2],
+      "showSeconds": this.showSeconds,
+      "steps": this.steps,
+      "onChange": this.handleChange,
+      "onPick-click": this.handlePickClick
     }, null)])])]);
   }
 }));
@@ -2844,6 +2840,7 @@ function date_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
+// import type { Placement } from '@popperjs/core';
 
 
 
@@ -3036,8 +3033,8 @@ var datePanelProps = {
     var onToggleVisibility = function onToggleVisibility(open) {
       if (open) {
         var _timeSpinnerRef$value, _timeSpinnerEndRef$va;
-        timeSpinnerRef === null || timeSpinnerRef === void 0 || (_timeSpinnerRef$value = timeSpinnerRef.value) === null || _timeSpinnerRef$value === void 0 || _timeSpinnerRef$value.updateScroll();
-        timeSpinnerEndRef === null || timeSpinnerEndRef === void 0 || (_timeSpinnerEndRef$va = timeSpinnerEndRef.value) === null || _timeSpinnerEndRef$va === void 0 || _timeSpinnerEndRef$va.updateScroll();
+        timeSpinnerRef === null || timeSpinnerRef === void 0 || (_timeSpinnerRef$value = timeSpinnerRef.value) === null || _timeSpinnerRef$value === void 0 ? void 0 : _timeSpinnerRef$value.updateScroll();
+        timeSpinnerEndRef === null || timeSpinnerEndRef === void 0 || (_timeSpinnerEndRef$va = timeSpinnerEndRef.value) === null || _timeSpinnerEndRef$va === void 0 ? void 0 : _timeSpinnerEndRef$va.updateScroll();
       }
     };
     var panelPickerHandlers = (0,external_vue_namespaceObject.computed)(function () {
@@ -3129,8 +3126,8 @@ var datePanelProps = {
         }
       }, [shortcut.text]);
     })]) : '', (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('picker-panel-body'),
-      "style": "width: 261px;"
+      "style": "width: 261px;",
+      "class": this.resolveClassName('picker-panel-body')
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('date-picker-header')
     }, [(0,external_vue_namespaceObject.createVNode)("span", {
@@ -3193,29 +3190,29 @@ var datePanelProps = {
       switch (_this2.pickerTable) {
         case 'date-table':
           return (0,external_vue_namespaceObject.createVNode)(date_table, {
-            "tableDate": _this2.panelDate,
             "disabledDate": _this2.disabledDate,
-            "selectionMode": _this2.selectionMode,
-            "modelValue": _this2.dates,
             "focusedDate": _this2.focusedDate,
+            "modelValue": _this2.dates,
+            "selectionMode": _this2.selectionMode,
+            "tableDate": _this2.panelDate,
             "onPick": _this2.panelPickerHandlers
           }, null);
         case 'year-table':
           return (0,external_vue_namespaceObject.createVNode)(year_table, {
-            "tableDate": _this2.panelDate,
             "disabledDate": _this2.disabledDate,
-            "selectionMode": _this2.selectionMode,
-            "modelValue": _this2.dates,
             "focusedDate": _this2.focusedDate,
+            "modelValue": _this2.dates,
+            "selectionMode": _this2.selectionMode,
+            "tableDate": _this2.panelDate,
             "onPick": _this2.panelPickerHandlers
           }, null);
         case 'month-table':
           return (0,external_vue_namespaceObject.createVNode)(month_table, {
-            "tableDate": _this2.panelDate,
             "disabledDate": _this2.disabledDate,
-            "selectionMode": _this2.selectionMode,
-            "modelValue": _this2.dates,
             "focusedDate": _this2.focusedDate,
+            "modelValue": _this2.dates,
+            "selectionMode": _this2.selectionMode,
+            "tableDate": _this2.panelDate,
             "onPick": _this2.panelPickerHandlers
           }, null);
         default:
@@ -3223,23 +3220,23 @@ var datePanelProps = {
       }
     }() : (0,external_vue_namespaceObject.createVNode)(time, {
       "ref": "timePickerRef",
-      "value": this.dates,
+      "disabledDate": this.disabledDate,
       "format": this.format,
       "selectionMode": this.selectionMode,
-      "disabledDate": this.disabledDate,
+      "value": this.dates,
       "onPick": this.handlePick,
-      "onPick-click": this.handlePickClick,
       "onPick-clear": this.handlePickClear,
+      "onPick-click": this.handlePickClick,
       "onPick-success": this.handlePickSuccess,
       "onPick-toggle-time": this.handleToggleTime
     }, null)]), this.confirm ? (0,external_vue_namespaceObject.createVNode)(base_confirm, {
       "clearable": this.clearable,
+      "isTime": this.isTime,
       "showTime": this.showTime,
       "timeDisabled": this.timeDisabled,
-      "isTime": this.isTime,
-      "onPick-toggle-time": this.handleToggleTime,
       "onPick-clear": this.handlePickClear,
-      "onPick-success": this.handlePickSuccess
+      "onPick-success": this.handlePickSuccess,
+      "onPick-toggle-time": this.handleToggleTime
     }, this.$slots) : '']), this.hasShortcuts ? (0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('picker-panel-sidebar')
     }, [(_this$$slots$shortcut = (_this$$slots$shortcut2 = (_this$$slots = this.$slots).shortcuts) === null || _this$$slots$shortcut2 === void 0 ? void 0 : _this$$slots$shortcut2.call(_this$$slots)) !== null && _this$$slots$shortcut !== void 0 ? _this$$slots$shortcut : null]) : null]);
@@ -3437,8 +3434,8 @@ var timeRangeProps = {
     var timeSpinnerEndRef = (0,external_vue_namespaceObject.ref)(null);
     function updateScroll() {
       var _timeSpinnerRef$value, _timeSpinnerEndRef$va;
-      timeSpinnerRef === null || timeSpinnerRef === void 0 || (_timeSpinnerRef$value = timeSpinnerRef.value) === null || _timeSpinnerRef$value === void 0 || _timeSpinnerRef$value.updateScroll();
-      timeSpinnerEndRef === null || timeSpinnerEndRef === void 0 || (_timeSpinnerEndRef$va = timeSpinnerEndRef.value) === null || _timeSpinnerEndRef$va === void 0 || _timeSpinnerEndRef$va.updateScroll();
+      timeSpinnerRef === null || timeSpinnerRef === void 0 || (_timeSpinnerRef$value = timeSpinnerRef.value) === null || _timeSpinnerRef$value === void 0 ? void 0 : _timeSpinnerRef$value.updateScroll();
+      timeSpinnerEndRef === null || timeSpinnerEndRef === void 0 || (_timeSpinnerEndRef$va = timeSpinnerEndRef.value) === null || _timeSpinnerEndRef$va === void 0 ? void 0 : _timeSpinnerEndRef$va.updateScroll();
     }
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
@@ -3462,48 +3459,48 @@ var timeRangeProps = {
         e.preventDefault();
       }
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": this.resolveClassName('picker-panel-body'),
       "style": {
         width: "".concat(this.width * 2, "px")
-      }
+      },
+      "class": this.resolveClassName('picker-panel-body')
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-left')],
       "style": {
         width: "".concat(this.width, "px")
-      }
+      },
+      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-left')]
     }, [this.showDate ? (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('time-picker-header'))
     }, [this.leftDatePanelLabel]) : '', (0,external_vue_namespaceObject.createVNode)(time_spinner, {
       "ref": "timeSpinnerRef",
-      "steps": this.steps,
-      "showSeconds": this.showSeconds,
-      "hours": this.value[0] && this.dateStart.getHours(),
-      "minutes": this.value[0] && this.dateStart.getMinutes(),
-      "seconds": this.value[0] && this.dateStart.getSeconds(),
       "disabledHours": this.disabledHours,
       "disabledMinutes": this.disabledMinutes,
       "disabledSeconds": this.disabledSeconds,
       "hideDisabledOptions": this.hideDisabledOptions,
+      "hours": this.value[0] && this.dateStart.getHours(),
+      "minutes": this.value[0] && this.dateStart.getMinutes(),
+      "seconds": this.value[0] && this.dateStart.getSeconds(),
+      "showSeconds": this.showSeconds,
+      "steps": this.steps,
       "onChange": this.handleStartChange,
       "onPick-click": this.handlePickClick
     }, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-right')],
       "style": {
         width: "".concat(this.width, "px")
-      }
+      },
+      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-right')]
     }, [this.showDate ? (0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('time-picker-header')
     }, [this.rightDatePanelLabel]) : '', (0,external_vue_namespaceObject.createVNode)(time_spinner, {
       "ref": "timeSpinnerEndRef",
-      "steps": this.steps,
-      "showSeconds": this.showSeconds,
-      "hours": this.value[1] && this.dateEnd.getHours(),
-      "minutes": this.value[1] && this.dateEnd.getMinutes(),
-      "seconds": this.value[1] && this.dateEnd.getSeconds(),
       "disabledHours": this.disabledHours,
       "disabledMinutes": this.disabledMinutes,
       "disabledSeconds": this.disabledSeconds,
       "hideDisabledOptions": this.hideDisabledOptions,
+      "hours": this.value[1] && this.dateEnd.getHours(),
+      "minutes": this.value[1] && this.dateEnd.getMinutes(),
+      "seconds": this.value[1] && this.dateEnd.getSeconds(),
+      "showSeconds": this.showSeconds,
+      "steps": this.steps,
       "onChange": this.handleEndChange,
       "onPick-click": this.handlePickClick
     }, null)])])]);
@@ -3515,6 +3512,7 @@ var timeRangeProps = {
 
 function date_range_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function date_range_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? date_range_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : date_range_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -3541,10 +3539,9 @@ function date_range_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
  * IN THE SOFTWARE.
  */
 // import type { Placement } from '@popperjs/core';
-// import { bkZIndexManager, BKPopover, IBKPopover } from '@bkui-vue/shared';
-
 
 
+ // import { bkZIndexManager, BKPopover, IBKPopover } from '@bkui-vue/shared';
 
 
 
@@ -3699,8 +3696,8 @@ var dateRangePanelProps = {
     var onToggleVisibility = function onToggleVisibility(open) {
       if (open) {
         var _timeSpinner$value, _timeSpinnerEnd$value;
-        timeSpinner === null || timeSpinner === void 0 || (_timeSpinner$value = timeSpinner.value) === null || _timeSpinner$value === void 0 || _timeSpinner$value.updateScroll();
-        timeSpinnerEnd === null || timeSpinnerEnd === void 0 || (_timeSpinnerEnd$value = timeSpinnerEnd.value) === null || _timeSpinnerEnd$value === void 0 || _timeSpinnerEnd$value.updateScroll();
+        timeSpinner === null || timeSpinner === void 0 || (_timeSpinner$value = timeSpinner.value) === null || _timeSpinner$value === void 0 ? void 0 : _timeSpinner$value.updateScroll();
+        timeSpinnerEnd === null || timeSpinnerEnd === void 0 || (_timeSpinnerEnd$value = timeSpinnerEnd.value) === null || _timeSpinnerEnd$value === void 0 ? void 0 : _timeSpinnerEnd$value.updateScroll();
       }
     };
     var changePanelDate = function changePanelDate(panel, type, increment) {
@@ -3713,13 +3710,23 @@ var dateRangePanelProps = {
       }
       if (props.splitPanels) {
         var otherPanel = panel === 'left' ? 'right' : 'left';
-        if (panel === 'left' && (state.leftPanelDate >= state.rightPanelDate || Math.floor(state.leftPanelDate.getFullYear() / 10) * 10 === Math.floor(state.rightPanelDate.getFullYear() / 10) * 10)) {
-          // changePanelDate(otherPanel, type, 1);
-          changePanelDate(otherPanel, type, state.currentView === 'year' ? 10 : 1);
+        if (panel === 'left' && state.leftPanelDate >= state.rightPanelDate) {
+          if (state.currentView === 'year') {
+            if (Math.floor(state.leftPanelDate.getFullYear() / 10) * 10 === Math.floor(state.rightPanelDate.getFullYear() / 10) * 10) {
+              changePanelDate(otherPanel, type, 10);
+            }
+          } else {
+            changePanelDate(otherPanel, type, 1);
+          }
         }
-        if (panel === 'right' && (state.rightPanelDate <= state.leftPanelDate || Math.floor(state.leftPanelDate.getFullYear() / 10) * 10 === Math.floor(state.rightPanelDate.getFullYear() / 10) * 10)) {
-          // changePanelDate(otherPanel, type, -1);
-          changePanelDate(otherPanel, type, state.currentView === 'year' ? -10 : -1);
+        if (panel === 'right' && state.rightPanelDate <= state.leftPanelDate) {
+          if (state.currentView === 'year') {
+            if (Math.floor(state.leftPanelDate.getFullYear() / 10) * 10 === Math.floor(state.rightPanelDate.getFullYear() / 10) * 10) {
+              changePanelDate(otherPanel, type, -10);
+            }
+          } else {
+            changePanelDate(otherPanel, type, -1);
+          }
         }
       } else {
         var _otherPanel = panel === 'left' ? 'right' : 'left';
@@ -4075,8 +4082,8 @@ var dateRangePanelProps = {
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": [this.resolveClassName('picker-panel-body'), this.showTime ? this.resolveClassName('picker-panel-body-time') : this.resolveClassName('picker-panel-body-date')]
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-left')],
-      "style": "width: 261px;"
+      "style": "width: 261px;",
+      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-left')]
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('date-picker-header')
     }, [(0,external_vue_namespaceObject.createVNode)("span", {
@@ -4137,34 +4144,34 @@ var dateRangePanelProps = {
       switch (_this.leftPickerTable) {
         case 'date-table':
           return (0,external_vue_namespaceObject.createVNode)(date_table, {
-            "selectionMode": "range",
-            "tableDate": _this.leftPanelDate,
             "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
-            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
             "focusedDate": _this.focusedDate,
+            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
+            "rangeState": _this.rangeState,
+            "selectionMode": "range",
+            "tableDate": _this.leftPanelDate,
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.left
           }, null);
         case 'month-table':
           return (0,external_vue_namespaceObject.createVNode)(month_table, {
-            "selectionMode": "range",
-            "tableDate": _this.leftPanelDate,
             "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
-            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
             "focusedDate": _this.focusedDate,
+            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
+            "rangeState": _this.rangeState,
+            "selectionMode": "range",
+            "tableDate": _this.leftPanelDate,
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.left
           }, null);
         case 'year-table':
           return (0,external_vue_namespaceObject.createVNode)(year_table, {
-            "selectionMode": "range",
-            "tableDate": _this.leftPanelDate,
             "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
-            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
             "focusedDate": _this.focusedDate,
+            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
+            "rangeState": _this.rangeState,
+            "selectionMode": "range",
+            "tableDate": _this.leftPanelDate,
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.left
           }, null);
@@ -4172,8 +4179,8 @@ var dateRangePanelProps = {
           return null;
       }
     }() : '']), [[external_vue_namespaceObject.vShow, !this.isTime]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-right')],
-      "style": "width: 261px;"
+      "style": "width: 261px;",
+      "class": [this.resolveClassName('picker-panel-content'), this.resolveClassName('picker-panel-content-right')]
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('date-picker-header')
     }, [this.splitPanels || this.rightPickerTable !== 'date-table' && this.rightPickerTable !== 'month-table' && this.rightPickerTable !== 'year-table' ? (0,external_vue_namespaceObject.createVNode)("span", {
@@ -4246,34 +4253,34 @@ var dateRangePanelProps = {
       switch (_this.rightPickerTable) {
         case 'date-table':
           return (0,external_vue_namespaceObject.createVNode)(date_table, {
-            "selectionMode": "range",
-            "tableDate": _this.rightPanelDate,
-            "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
             "modelValue": _this.preSelecting.right ? [_this.dates[_this.dates.length - 1]] : _this.dates,
+            "disabledDate": _this.disabledDate,
             "focusedDate": _this.focusedDate,
+            "rangeState": _this.rangeState,
+            "selectionMode": "range",
+            "tableDate": _this.rightPanelDate,
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.right
           }, null);
         case 'month-table':
           return (0,external_vue_namespaceObject.createVNode)(month_table, {
-            "selectionMode": "range",
-            "tableDate": _this.rightPanelDate,
-            "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
             "modelValue": _this.preSelecting.right ? [_this.dates[_this.dates.length - 1]] : _this.dates,
+            "disabledDate": _this.disabledDate,
             "focusedDate": _this.focusedDate,
+            "rangeState": _this.rangeState,
+            "selectionMode": "range",
+            "tableDate": _this.rightPanelDate,
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.right
           }, null);
         case 'year-table':
           return (0,external_vue_namespaceObject.createVNode)(year_table, {
-            "selectionMode": "range",
-            "tableDate": _this.rightPanelDate,
-            "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
             "modelValue": _this.preSelecting.right ? [_this.dates[_this.dates.length - 1]] : _this.dates,
+            "disabledDate": _this.disabledDate,
             "focusedDate": _this.focusedDate,
+            "rangeState": _this.rangeState,
+            "selectionMode": "range",
+            "tableDate": _this.rightPanelDate,
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.right
           }, null);
@@ -4282,23 +4289,24 @@ var dateRangePanelProps = {
       }
     }() : '']), [[external_vue_namespaceObject.vShow, !this.isTime]]), this.isTime ? (0,external_vue_namespaceObject.createVNode)(time_range, {
       "ref": "timePickerRef",
+      "allowCrossDay": !!this.timePickerOptions.allowCrossDay,
+      "disabledDate": this.disabledDate,
+      "format": this.format,
       "selectionMode": this.selectionMode,
       "value": this.dates,
-      "format": this.format,
-      "disabledDate": this.disabledDate,
       "onPick": this.handleRangePick,
-      "onPick-click": this.handlePickClick,
       "onPick-clear": this.handlePickClear,
+      "onPick-click": this.handlePickClick,
       "onPick-success": this.handlePickSuccess,
       "onPick-toggle-time": this.handleToggleTime
     }, null) : '', this.confirm ? (0,external_vue_namespaceObject.createVNode)(base_confirm, {
       "clearable": this.clearable,
+      "isTime": this.isTime,
       "showTime": this.showTime,
       "timeDisabled": this.timeDisabled,
-      "isTime": this.isTime,
-      "onPick-toggle-time": this.handleToggleTime,
       "onPick-clear": this.handlePickClear,
-      "onPick-success": this.handlePickSuccess
+      "onPick-success": this.handlePickSuccess,
+      "onPick-toggle-time": this.handleToggleTime
     }, this.$slots) : '']), shortcuts]);
   }
 }));
@@ -4342,6 +4350,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
 
 
 
+// import VueTypes, { toType, toValidableType } from 'vue-types';
 
 
 
@@ -4352,12 +4361,13 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     clickoutside: directives_namespaceObject.clickoutside
   },
   props: datePickerProps,
-  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'pick-first'],
+  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'pick-first', 'blur', 'focus'],
   // slots: ['header'],
   slots: Object,
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
-      emit = _ref.emit;
+      emit = _ref.emit,
+      expose = _ref.expose;
     var formItem = (0,shared_namespaceObject.useFormItem)();
     var isRange = props.type.includes('range');
     var teleportTo = (0,external_vue_namespaceObject.ref)((0,shared_namespaceObject.getFullscreenRoot)());
@@ -4505,13 +4515,20 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       return props.options;
     });
     // 限制 allow-cross-day 属性只在 time-picker 组件 type 为 timerange 时生效
-    var allowCrossDayProp = (0,external_vue_namespaceObject.computed)(function () {
-      return panel.value === 'RangeTimePickerPanel' ? props.allowCrossDay : false;
-    });
+    // const allowCrossDayProp = computed(() => (panel.value === 'RangeTimePickerPanel' ? props.allowCrossDay : false));
+    // const allowCrossDayProp = computed(() => {
+    //   if (panel.value === 'RangeTimePickerPanel') {
+    //     return props.allowCrossDay;
+    //   }
+    //   if (panel.value === 'DateRangePanel') {
+    //     return (props?.timePickerOptions as any)?.allowCrossDay;
+    //   }
+    //   return false;
+    // });
     var inputRef = (0,external_vue_namespaceObject.ref)(null);
     var inputFocus = function inputFocus() {
       var _inputRef$value;
-      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
+      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
     };
     (0,external_vue_namespaceObject.watch)(function () {
       return state.visible;
@@ -4519,9 +4536,9 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       var _pickerDropdownRef$va2;
       if (visible === false) {
         var _pickerDropdownRef$va;
-        (_pickerDropdownRef$va = pickerDropdownRef.value) === null || _pickerDropdownRef$va === void 0 || _pickerDropdownRef$va.destoryDropdown();
+        (_pickerDropdownRef$va = pickerDropdownRef.value) === null || _pickerDropdownRef$va === void 0 ? void 0 : _pickerDropdownRef$va.destoryDropdown();
       }
-      (_pickerDropdownRef$va2 = pickerDropdownRef.value) === null || _pickerDropdownRef$va2 === void 0 || _pickerDropdownRef$va2.updateDropdown();
+      (_pickerDropdownRef$va2 = pickerDropdownRef.value) === null || _pickerDropdownRef$va2 === void 0 ? void 0 : _pickerDropdownRef$va2.updateDropdown();
       // TODO: provide/inject
       // if (!visible) {
       //   this.dispatch('bk-form-item', 'form-blur');
@@ -4535,7 +4552,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       state.internalValue = parseDate(modelValue, props.type, props.multiple, props.format);
       if (props.withValidate) {
         var _formItem$validate;
-        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 || _formItem$validate.call(formItem, 'change');
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
       }
     });
     (0,external_vue_namespaceObject.watch)(function () {
@@ -4602,12 +4619,12 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (state.visible) {
         var _pickerPanelRef$value;
         var pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value = pickerPanelRef.value) === null || _pickerPanelRef$value === void 0 ? void 0 : _pickerPanelRef$value.$el;
-        if (e && pickerPanel && pickerPanel.contains(e.target)) {
+        if (e && pickerPanel !== null && pickerPanel !== void 0 && pickerPanel.contains(e.target)) {
           return;
         }
         state.visible = false;
-        e === null || e === void 0 || e.preventDefault();
-        e === null || e === void 0 || e.stopPropagation();
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         return;
       }
       state.isFocused = false;
@@ -4615,8 +4632,8 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     };
     var handleIconClick = function handleIconClick() {
       var _inputRef$value2, _inputRef$value3;
-      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
-      inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.click();
+      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus();
+      inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.click();
     };
     var handleInputMouseenter = function handleInputMouseenter() {
       if (props.readonly || props.disabled) {
@@ -4625,14 +4642,18 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (visualValue !== null && visualValue !== void 0 && visualValue.value) {
         state.showClose = true;
       }
-      state.internalValue = state.tmpValue;
+      // state.internalValue = state.tmpValue;
+      // console.error('enterenterenterenterenterenterenterenter', e, state.internalValue);
     };
     var handleInputMouseleave = function handleInputMouseleave(_e) {
       // if (e.toElement?.classList.contains('clear-action')) {
       //   return;
       // }
       state.showClose = false;
-      state.internalValue = state.tmpValue;
+      // state.internalValue = state.tmpValue;
+      if (state.internalValue !== state.tmpValue) {
+        handleInputChange(_e);
+      }
     };
     var emitChange = function emitChange(type) {
       (0,external_vue_namespaceObject.nextTick)(function () {
@@ -4643,7 +4664,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         // this.dispatch('bk-form-item', 'form-change');
         if (props.type.indexOf('time') < 0) {
           var _inputRef$value4;
-          inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
+          inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 ? void 0 : _inputRef$value4.blur();
         }
       });
     };
@@ -4654,7 +4675,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       var newValue = e.target.value;
       var newDate = parseDate(newValue, props.type, props.multiple, props.format);
       var valueToTest = isArrayValue ? newDate : newDate[0];
-      var isDisabled = (_props$disabledDate = props.disabledDate) === null || _props$disabledDate === void 0 ? void 0 : _props$disabledDate.call(props, valueToTest);
+      var isDisabled = !valueToTest ? false : (_props$disabledDate = props.disabledDate) === null || _props$disabledDate === void 0 ? void 0 : _props$disabledDate.call(props, valueToTest);
       var isValidDate = newDate.reduce(function (valid, date) {
         return valid && date instanceof Date;
       }, true);
@@ -4672,7 +4693,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       var newValue = e.target.value;
       var newDate = parseDate(newValue, props.type, props.multiple, props.format);
       var valueToTest = isArrayValue ? newDate : newDate[0];
-      var isDisabled = (_props$disabledDate2 = props.disabledDate) === null || _props$disabledDate2 === void 0 ? void 0 : _props$disabledDate2.call(props, valueToTest);
+      var isDisabled = !valueToTest ? false : (_props$disabledDate2 = props.disabledDate) === null || _props$disabledDate2 === void 0 ? void 0 : _props$disabledDate2.call(props, valueToTest);
       var isValidDate = newDate.reduce(function (valid, date) {
         return valid && date instanceof Date;
       }, true);
@@ -4686,6 +4707,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
       teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
+      emit('focus');
       if (e && e.type === 'focus') {
         return;
       }
@@ -4696,10 +4718,11 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     };
     var reset = function reset() {
       var _pickerPanelRef$value2;
-      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value2 = pickerPanelRef.value) === null || _pickerPanelRef$value2 === void 0 || _pickerPanelRef$value2.reset();
+      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value2 = pickerPanelRef.value) === null || _pickerPanelRef$value2 === void 0 ? void 0 : _pickerPanelRef$value2.reset();
     };
     var handleBlur = function handleBlur(e) {
       var _pickerPanelRef$value3, _formItem$validate2;
+      emit('blur');
       if (state.internalFocus) {
         state.internalFocus = false;
         return;
@@ -4712,8 +4735,8 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       onSelectionModeChange(props.type);
       state.internalValue = state.internalValue.slice();
       reset();
-      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value3 = pickerPanelRef.value) === null || _pickerPanelRef$value3 === void 0 || _pickerPanelRef$value3.onToggleVisibility(false);
-      formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
+      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value3 = pickerPanelRef.value) === null || _pickerPanelRef$value3 === void 0 ? void 0 : _pickerPanelRef$value3.onToggleVisibility(false);
+      formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 ? void 0 : _formItem$validate2.call(formItem, 'blur');
     };
     var handleKeydown = function handleKeydown(e) {
       var keyCode = e.keyCode;
@@ -4794,7 +4817,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       (0,external_vue_namespaceObject.nextTick)(function () {
         emit('pick-success');
       });
-      inputRef === null || inputRef === void 0 || (_inputRef$value5 = inputRef.value) === null || _inputRef$value5 === void 0 || _inputRef$value5.blur();
+      inputRef === null || inputRef === void 0 || (_inputRef$value5 = inputRef.value) === null || _inputRef$value5 === void 0 ? void 0 : _inputRef$value5.blur();
       reset();
     };
     var onPick = function onPick(_dates) {
@@ -4849,11 +4872,14 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     var triggerRef = (0,external_vue_namespaceObject.ref)(null);
     var handleToggleTime = function handleToggleTime() {
       var _pickerPanelRef$value4, _pickerPanelRef$value5;
-      (_pickerPanelRef$value4 = (_pickerPanelRef$value5 = pickerPanelRef.value).handleToggleTime) === null || _pickerPanelRef$value4 === void 0 || _pickerPanelRef$value4.call(_pickerPanelRef$value5);
+      (_pickerPanelRef$value4 = (_pickerPanelRef$value5 = pickerPanelRef.value).handleToggleTime) === null || _pickerPanelRef$value4 === void 0 ? void 0 : _pickerPanelRef$value4.call(_pickerPanelRef$value5);
     };
     var onPickFirst = function onPickFirst(val, type) {
       emit('pick-first', val, type);
     };
+    expose({
+      focus: handleIconClick
+    });
     return date_picker_objectSpread(date_picker_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       panel: panel,
       publicStringValue: publicStringValue,
@@ -4868,7 +4894,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       fontSizeCls: fontSizeCls,
       longWidthCls: longWidthCls,
       localReadonly: localReadonly,
-      allowCrossDayProp: allowCrossDayProp,
+      // allowCrossDayProp,
       ownPickerProps: ownPickerProps,
       teleportTo: teleportTo,
       pickerDropdownRef: pickerDropdownRef,
@@ -4907,23 +4933,23 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "class": ['icon-wrapper', this.disabled ? 'disabled' : ''],
       "onClick": this.handleIconClick
     }, [this.type === 'time' || this.type === 'timerange' ? timeIcon : dateIcon]), (0,external_vue_namespaceObject.createVNode)("input", {
-      "type": "text",
-      "class": [this.resolveClassName('date-picker-editor'), this.readonly ? 'readonly' : '', this.fontSizeCls, this.behavior === 'simplicity' ? 'only-bottom-border' : ''],
-      "ref": "inputRef",
       "key": this.forceInputRerender,
-      "readonly": this.localReadonly,
+      "ref": "inputRef",
+      "class": [this.resolveClassName('date-picker-editor'), this.readonly ? 'readonly' : '', this.fontSizeCls, this.behavior === 'simplicity' ? 'only-bottom-border' : ''],
       "disabled": this.disabled,
       "placeholder": this.placeholder,
+      "readonly": this.localReadonly,
+      "type": "text",
       "value": this.displayValue,
-      "onFocus": this.handleFocus,
-      "onClick": this.handleFocus,
       "onBlur": this.handleBlur,
-      "onKeydown": this.handleKeydown,
       "onChange": this.handleInputChange,
-      "onInput": this.handleInputInput
+      "onClick": this.handleFocus,
+      "onFocus": this.handleFocus,
+      "onInput": this.handleInputInput,
+      "onKeydown": this.handleKeydown
     }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
-      "onClick": this.handleClear,
-      "class": "clear-action"
+      "class": "clear-action",
+      "onClick": this.handleClear
     }, null) : '']);
     // const shortcutsSlot = this.hasShortcuts ? { shortcuts: () => this.$slots.shortcuts?.() || null } : {};
     var shortcutsSlot = this.hasShortcuts ? {
@@ -4946,8 +4972,8 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "onMouseenter": this.handleInputMouseenter,
       "onMouseleave": this.handleInputMouseleave
     }, [(_this$$slots$trigger = (_this$$slots$trigger2 = (_this$$slots2 = this.$slots).trigger) === null || _this$$slots$trigger2 === void 0 ? void 0 : _this$$slots$trigger2.call(_this$$slots2, this.displayValue)) !== null && _this$$slots$trigger !== void 0 ? _this$$slots$trigger : defaultTrigger]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-      "to": this.teleportTo,
-      "disabled": !this.appendToBody
+      "disabled": !this.appendToBody,
+      "to": this.teleportTo
     }, {
       "default": function _default() {
         return [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
@@ -4955,48 +4981,48 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         }, {
           "default": function _default() {
             return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(picker_dropdown, {
-              "class": [_this.appendToBody ? _this.resolveClassName('date-picker-transfer') : ''],
               "ref": "pickerDropdownRef",
-              "triggerRef": _this.triggerRef,
-              "placement": _this.placement,
+              "class": [_this.appendToBody ? _this.resolveClassName('date-picker-transfer') : ''],
+              "appendToBody": _this.appendToBody,
               "extPopoverCls": _this.extPopoverCls,
-              "appendToBody": _this.appendToBody
+              "placement": _this.placement,
+              "triggerRef": _this.triggerRef
             }, {
               "default": function _default() {
                 return [_this.hasHeader ? (0,external_vue_namespaceObject.createVNode)("div", {
                   "class": [_this.resolveClassName('date-picker-top-wrapper'), _this.headerSlotCls]
                 }, [(_this$$slots$header = (_this$$slots$header2 = (_this$$slots3 = _this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots3)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : null]) : null, _this.panel === 'DateRangePanel' ? (0,external_vue_namespaceObject.createVNode)(date_range, {
                   "ref": "pickerPanelRef",
-                  "type": _this.type,
-                  "showTime": _this.type === 'datetime' || _this.type === 'datetimerange',
                   "confirm": _this.isConfirm,
-                  "shortcuts": _this.shortcuts,
-                  "shortcutClose": _this.shortcutClose,
+                  "disabledDate": _this.disabledDate,
+                  "focusedDate": _this.focusedDate,
                   "modelValue": _this.internalValue,
                   "selectionMode": _this.selectionMode,
+                  "shortcutClose": _this.shortcutClose,
+                  "shortcutSelectedIndex": _this.shortcutSelectedIndex,
+                  "shortcuts": _this.shortcuts,
+                  "showTime": _this.type === 'datetime' || _this.type === 'datetimerange',
                   "startDate": _this.startDate,
-                  "disabledDate": _this.disabledDate,
-                  "focusedDate": _this.focusedDate,
                   "timePickerOptions": _this.timePickerOptions,
+                  "type": _this.type,
                   "onPick": _this.onPick,
                   "onPick-clear": _this.handleClear,
+                  "onPick-first": _this.onPickFirst,
                   "onPick-success": _this.onPickSuccess,
-                  "onSelection-mode-change": _this.onSelectionModeChange,
-                  "shortcutSelectedIndex": _this.shortcutSelectedIndex,
-                  "onPick-first": _this.onPickFirst
+                  "onSelection-mode-change": _this.onSelectionModeChange
                 }, slots) : (0,external_vue_namespaceObject.createVNode)(date, {
                   "ref": "pickerPanelRef",
                   "clearable": _this.clearable,
-                  "showTime": _this.type === 'datetime' || _this.type === 'datetimerange',
                   "confirm": _this.isConfirm,
-                  "shortcuts": _this.shortcuts,
+                  "disabledDate": _this.disabledDate,
+                  "focusedDate": _this.focusedDate,
+                  "modelValue": _this.internalValue,
                   "multiple": _this.multiple,
-                  "shortcutClose": _this.shortcutClose,
                   "selectionMode": _this.selectionMode,
-                  "modelValue": _this.internalValue,
+                  "shortcutClose": _this.shortcutClose,
+                  "shortcuts": _this.shortcuts,
+                  "showTime": _this.type === 'datetime' || _this.type === 'datetimerange',
                   "startDate": _this.startDate,
-                  "disabledDate": _this.disabledDate,
-                  "focusedDate": _this.focusedDate,
                   "timePickerOptions": _this.timePickerOptions,
                   "onPick": _this.onPick,
                   "onPick-clear": _this.handleClear,
@@ -5053,6 +5079,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
 
 
 
+// import VueTypes, { toType, toValidableType } from 'vue-types';
 
 
 
@@ -5063,12 +5090,13 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     clickoutside: directives_namespaceObject.clickoutside
   },
   props: time_picker_objectSpread(time_picker_objectSpread(time_picker_objectSpread({}, datePickerProps), timePickerProps), timePanelProps),
-  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success'],
+  emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'blur', 'focus'],
   // slots: ['header'],
   slots: Object,
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
-      emit = _ref.emit;
+      emit = _ref.emit,
+      expose = _ref.expose;
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var teleportTo = (0,external_vue_namespaceObject.ref)((0,shared_namespaceObject.getFullscreenRoot)());
@@ -5221,10 +5249,10 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     }, function (visible) {
       if (visible) {
         var _pickerDropdownRef$va, _pickerDropdownRef$va2;
-        (_pickerDropdownRef$va = pickerDropdownRef.value) === null || _pickerDropdownRef$va === void 0 || (_pickerDropdownRef$va2 = _pickerDropdownRef$va.forceUpdate) === null || _pickerDropdownRef$va2 === void 0 || _pickerDropdownRef$va2.call(_pickerDropdownRef$va);
+        (_pickerDropdownRef$va = pickerDropdownRef.value) === null || _pickerDropdownRef$va === void 0 || (_pickerDropdownRef$va2 = _pickerDropdownRef$va.forceUpdate) === null || _pickerDropdownRef$va2 === void 0 ? void 0 : _pickerDropdownRef$va2.call(_pickerDropdownRef$va);
         (0,external_vue_namespaceObject.nextTick)(function () {
           var _proxy$pickerPanelRef;
-          (_proxy$pickerPanelRef = proxy.pickerPanelRef) === null || _proxy$pickerPanelRef === void 0 || (_proxy$pickerPanelRef = _proxy$pickerPanelRef.timeSpinnerRef) === null || _proxy$pickerPanelRef === void 0 || _proxy$pickerPanelRef.updateScroll();
+          (_proxy$pickerPanelRef = proxy.pickerPanelRef) === null || _proxy$pickerPanelRef === void 0 || (_proxy$pickerPanelRef = _proxy$pickerPanelRef.timeSpinnerRef) === null || _proxy$pickerPanelRef === void 0 ? void 0 : _proxy$pickerPanelRef.updateScroll();
         });
       }
     });
@@ -5234,7 +5262,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       state.internalValue = parseDate(modelValue, props.type, props.multiple, props.format);
       if (props.withValidate) {
         var _formItem$validate;
-        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 || _formItem$validate.call(formItem, 'change');
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
       }
     });
     (0,external_vue_namespaceObject.watch)(function () {
@@ -5291,6 +5319,17 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     });
     var pickerPanelRef = (0,external_vue_namespaceObject.ref)(null);
     var handleClose = function handleClose(e) {
+      if (props.appendToBody) {
+        var _pickerPanelRef$value;
+        state.disableCloseUnderTransfer = true;
+        var pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value = pickerPanelRef.value) === null || _pickerPanelRef$value === void 0 ? void 0 : _pickerPanelRef$value.$el;
+        if (e && pickerPanel !== null && pickerPanel !== void 0 && pickerPanel.contains(e.target)) {
+          return;
+        }
+        state.visible = false;
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+      }
       if (state.disableCloseUnderTransfer) {
         state.disableCloseUnderTransfer = false;
         return false;
@@ -5301,14 +5340,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         return;
       }
       if (state.visible) {
-        var _pickerPanelRef$value;
-        var pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value = pickerPanelRef.value) === null || _pickerPanelRef$value === void 0 ? void 0 : _pickerPanelRef$value.$el;
-        if (e && pickerPanel && pickerPanel.contains(e.target)) {
+        var _pickerPanelRef$value2;
+        var _pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value2 = pickerPanelRef.value) === null || _pickerPanelRef$value2 === void 0 ? void 0 : _pickerPanelRef$value2.$el;
+        if (e && _pickerPanel !== null && _pickerPanel !== void 0 && _pickerPanel.contains(e.target)) {
           return;
         }
         state.visible = false;
-        e === null || e === void 0 || e.preventDefault();
-        e === null || e === void 0 || e.stopPropagation();
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         return;
       }
       state.isFocused = false;
@@ -5316,8 +5355,8 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     };
     var handleIconClick = function handleIconClick() {
       var _inputRef$value, _inputRef$value2;
-      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
-      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.click();
+      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
+      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.click();
     };
     var handleInputMouseenter = function handleInputMouseenter() {
       if (props.readonly || props.disabled) {
@@ -5344,14 +5383,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         // this.dispatch('bk-form-item', 'form-change');
         if (props.type.indexOf('time') < 0) {
           var _inputRef$value3;
-          inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.blur();
+          inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.blur();
         }
       });
     };
     var handleInputChange = function handleInputChange(e) {
       var _props$disabledDate;
       var isArrayValue = props.type.includes('range') || props.multiple;
-      var oldValue = visualValue.value;
+      // const oldValue = visualValue.value;
       var newValue = e.target.value;
       var newDate = parseDate(newValue, props.type, props.multiple, props.format);
       var valueToTest = isArrayValue ? newDate : newDate[0];
@@ -5359,7 +5398,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       var isValidDate = newDate.reduce(function (valid, date) {
         return valid && date instanceof Date;
       }, true);
-      if (newValue !== oldValue && !isDisabled && isValidDate) {
+      // 这里不需要进行新旧数据对比是因为input输入的时候visualValue的computed依赖始终是最新的
+      // if (newValue !== oldValue && !isDisabled && isValidDate) {
+      if (!isDisabled && isValidDate) {
         emitChange(props.type);
         state.internalValue = newDate;
       } else {
@@ -5387,6 +5428,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
       teleportTo.value = (0,shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
+      emit('focus');
       if (e && e.type === 'focus') {
         return;
       }
@@ -5396,11 +5438,12 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
     };
     var reset = function reset() {
-      var _pickerPanelRef$value2, _pickerPanelRef$value3;
-      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value2 = pickerPanelRef.value) === null || _pickerPanelRef$value2 === void 0 || (_pickerPanelRef$value3 = _pickerPanelRef$value2.reset) === null || _pickerPanelRef$value3 === void 0 || _pickerPanelRef$value3.call(_pickerPanelRef$value2);
+      var _pickerPanelRef$value3, _pickerPanelRef$value4;
+      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value3 = pickerPanelRef.value) === null || _pickerPanelRef$value3 === void 0 || (_pickerPanelRef$value4 = _pickerPanelRef$value3.reset) === null || _pickerPanelRef$value4 === void 0 ? void 0 : _pickerPanelRef$value4.call(_pickerPanelRef$value3);
     };
     var handleBlur = function handleBlur(e) {
-      var _pickerPanelRef$value4, _formItem$validate2;
+      var _pickerPanelRef$value5, _formItem$validate2;
+      emit('blur');
       if (state.internalFocus) {
         state.internalFocus = false;
         return;
@@ -5413,8 +5456,8 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       onSelectionModeChange(props.type);
       state.internalValue = state.internalValue.slice();
       reset();
-      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value4 = pickerPanelRef.value) === null || _pickerPanelRef$value4 === void 0 || _pickerPanelRef$value4.onToggleVisibility(false);
-      formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
+      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value5 = pickerPanelRef.value) === null || _pickerPanelRef$value5 === void 0 ? void 0 : _pickerPanelRef$value5.onToggleVisibility(false);
+      formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 ? void 0 : _formItem$validate2.call(formItem, 'blur');
     };
     var handleKeydown = function handleKeydown(e) {
       var keyCode = e.keyCode;
@@ -5501,7 +5544,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       (0,external_vue_namespaceObject.nextTick)(function () {
         emit('pick-success');
       });
-      inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
+      inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 ? void 0 : _inputRef$value4.blur();
       reset();
     };
     var onPick = function onPick(_dates) {
@@ -5554,6 +5597,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       emit('shortcut-change', state.shortcut, shortcutIndex);
     };
     var triggerRef = (0,external_vue_namespaceObject.ref)(null);
+    expose({
+      focus: handleIconClick
+    });
     return time_picker_objectSpread(time_picker_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       panel: panel,
       publicStringValue: publicStringValue,
@@ -5605,23 +5651,23 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "class": ['icon-wrapper', this.disabled ? 'disabled' : ''],
       "onClick": this.handleIconClick
     }, [this.type === 'time' || this.type === 'timerange' ? timeIcon : dateIcon]), (0,external_vue_namespaceObject.createVNode)("input", {
-      "type": "text",
-      "class": [this.resolveClassName('date-picker-editor'), this.readonly ? 'readonly' : '', this.fontSizeCls, this.behavior === 'simplicity' ? 'only-bottom-border' : ''],
-      "ref": "inputRef",
       "key": this.forceInputRerender,
-      "readonly": this.localReadonly,
+      "ref": "inputRef",
+      "class": [this.resolveClassName('date-picker-editor'), this.readonly ? 'readonly' : '', this.fontSizeCls, this.behavior === 'simplicity' ? 'only-bottom-border' : ''],
       "disabled": this.disabled,
       "placeholder": this.placeholder,
+      "readonly": this.localReadonly,
+      "type": "text",
       "value": this.displayValue,
-      "onFocus": this.handleFocus,
-      "onClick": this.handleFocus,
       "onBlur": this.handleBlur,
-      "onKeydown": this.handleKeydown,
       "onChange": this.handleInputChange,
-      "onInput": this.handleInputInput
+      "onClick": this.handleFocus,
+      "onFocus": this.handleFocus,
+      "onInput": this.handleInputInput,
+      "onKeydown": this.handleKeydown
     }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
-      "onClick": this.handleClear,
-      "class": "clear-action"
+      "class": "clear-action",
+      "onClick": this.handleClear
     }, null) : '']);
     var shortcutsSlot = this.hasShortcuts ? {
       shortcuts: function shortcuts() {
@@ -5637,8 +5683,8 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "onMouseenter": this.handleInputMouseenter,
       "onMouseleave": this.handleInputMouseleave
     }, [(_this$$slots$trigger = (_this$$slots$trigger2 = (_this$$slots2 = this.$slots).trigger) === null || _this$$slots$trigger2 === void 0 ? void 0 : _this$$slots$trigger2.call(_this$$slots2, this.displayValue)) !== null && _this$$slots$trigger !== void 0 ? _this$$slots$trigger : defaultTrigger]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-      "to": this.teleportTo,
-      "disabled": !this.appendToBody
+      "disabled": !this.appendToBody,
+      "to": this.teleportTo
     }, {
       "default": function _default() {
         return [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
@@ -5646,12 +5692,12 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         }, {
           "default": function _default() {
             return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(picker_dropdown, {
-              "class": [_this.appendToBody ? _this.resolveClassName('date-picker-transfer') : ''],
               "ref": "pickerDropdownRef",
-              "triggerRef": _this.triggerRef,
-              "placement": _this.placement,
-              "extPopoverCls": _this.extPopoverCls,
+              "class": [_this.appendToBody ? _this.resolveClassName('date-picker-transfer') : ''],
               "appendToBody": _this.appendToBody,
+              "extPopoverCls": _this.extPopoverCls,
+              "placement": _this.placement,
+              "triggerRef": _this.triggerRef,
               "onClick": _this.handleTransferClick
             }, {
               "default": function _default() {
@@ -5659,38 +5705,38 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
                   "class": [_this.resolveClassName('date-picker-top-wrapper'), _this.headerSlotCls]
                 }, [(_this$$slots$header = (_this$$slots$header2 = (_this$$slots3 = _this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots3)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : null]) : null, _this.panel === 'RangeTimePickerPanel' ? (0,external_vue_namespaceObject.createVNode)(time_range, {
                   "ref": "pickerPanelRef",
+                  "allowCrossDay": _this.allowCrossDayProp,
                   "clearable": _this.clearable,
-                  "shortcuts": _this.shortcuts,
+                  "disabledDate": _this.disabledDate,
+                  "disabledHours": _this.ownPickerProps.disabledHours,
+                  "disabledMinutes": _this.ownPickerProps.disabledMinutes,
+                  "disabledSeconds": _this.ownPickerProps.disabledSeconds,
+                  "format": _this.format,
                   "multiple": _this.multiple,
                   "shortcutClose": _this.shortcutClose,
-                  "value": _this.internalValue,
+                  "shortcuts": _this.shortcuts,
                   "startDate": _this.startDate,
-                  "disabledDate": _this.disabledDate,
+                  "value": _this.internalValue,
                   "onPick": _this.onPick,
                   "onPick-clear": _this.handleClear,
-                  "onPick-success": _this.onPickSuccess,
-                  "disabledHours": _this.ownPickerProps.disabledHours,
-                  "disabledMinutes": _this.ownPickerProps.disabledMinutes,
-                  "disabledSeconds": _this.ownPickerProps.disabledSeconds,
-                  "allowCrossDay": _this.allowCrossDayProp,
-                  "format": _this.format
+                  "onPick-success": _this.onPickSuccess
                 }, shortcutsSlot) : (0,external_vue_namespaceObject.createVNode)(time, {
                   "ref": "pickerPanelRef",
                   "clearable": _this.clearable,
                   "confirm": _this.isConfirm,
-                  "shortcuts": _this.shortcuts,
+                  "disabledDate": _this.disabledDate,
+                  "disabledHours": _this.ownPickerProps.disabledHours,
+                  "disabledMinutes": _this.ownPickerProps.disabledMinutes,
+                  "disabledSeconds": _this.ownPickerProps.disabledSeconds,
+                  "format": _this.format,
                   "multiple": _this.multiple,
                   "shortcutClose": _this.shortcutClose,
-                  "value": _this.internalValue,
+                  "shortcuts": _this.shortcuts,
                   "startDate": _this.startDate,
-                  "disabledDate": _this.disabledDate,
+                  "value": _this.internalValue,
                   "onPick": _this.onPick,
                   "onPick-clear": _this.handleClear,
-                  "onPick-success": _this.onPickSuccess,
-                  "disabledHours": _this.ownPickerProps.disabledHours,
-                  "disabledMinutes": _this.ownPickerProps.disabledMinutes,
-                  "disabledSeconds": _this.ownPickerProps.disabledSeconds,
-                  "format": _this.format
+                  "onPick-success": _this.onPickSuccess
                 }, shortcutsSlot), _this.hasFooter ? (0,external_vue_namespaceObject.createVNode)("div", {
                   "class": [_this.resolveClassName('date-picker-footer-wrapper'), _this.footerSlotCls]
                 }, [(_this$$slots$footer = (_this$$slots$footer2 = (_this$$slots4 = _this.$slots).footer) === null || _this$$slots$footer2 === void 0 ? void 0 : _this$$slots$footer2.call(_this$$slots4)) !== null && _this$$slots$footer !== void 0 ? _this$$slots$footer : null]) : null];