bkui-vue 1.0.3-beta.26 → 1.0.3-beta.28

package/lib/date-picker/index.js

@@ -1,12 +1,9 @@
-import "../styles/reset.css";
-import "./date-picker.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_button_a2ea7c9a__ from "../button";
-import "../button/button.less";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
 import * as __WEBPACK_EXTERNAL_MODULE_js_calendar_b62d9a01__ from "js-calendar";
 import * as __WEBPACK_EXTERNAL_MODULE_date_fns_f4130be9__ from "date-fns";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
@@ -43,7 +40,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 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, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["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 });
+const external_shared_namespaceObject = x({ ["BKPopover"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.BKPopover, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["capitalize"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.capitalize, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.getFullscreenRoot, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.resolveClassName, ["scrollTop"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.scrollTop, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -175,17 +172,17 @@ 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 });
 ;// 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
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
 ;// CONCATENATED MODULE: external "../directives"
-var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var directives_y = x => () => x
-const directives_namespaceObject = directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.clickoutside });
+var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_directives_y = x => () => x
+const external_directives_namespaceObject = external_directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
 ;// CONCATENATED MODULE: external "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["AngleDoubleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDoubleLeft, ["AngleDoubleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDoubleRight, ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close });
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["AngleDoubleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleDoubleLeft, ["AngleDoubleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleDoubleRight, ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Close });
 ;// CONCATENATED MODULE: ../../packages/date-picker/src/base/picker-dropdown.tsx
 
 
@@ -353,7 +350,7 @@ var pickerDropdownProps = {
         });
       } else {
         (0,external_vue_namespaceObject.nextTick)(function () {
-          popoverInstance = new shared_namespaceObject.BKPopover(props.triggerRef, refContentRef.value, {
+          popoverInstance = new external_shared_namespaceObject.BKPopover(props.triggerRef, refContentRef.value, {
             placement: props.placement,
             trigger: 'manual',
             modifiers: [
@@ -410,14 +407,14 @@ var pickerDropdownProps = {
     var styles = (0,external_vue_namespaceObject.computed)(function () {
       var style = {};
       if (props.appendToBody) {
-        style['z-index'] = 1060 + shared_namespaceObject.bkZIndexManager.getModalNextIndex();
+        style['z-index'] = 1060 + external_shared_namespaceObject.bkZIndexManager.getModalNextIndex();
       }
       return style;
     });
     var state = (0,external_vue_namespaceObject.reactive)({
       styles: styles
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return _objectSpread(_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       refContentRef: refContentRef,
@@ -511,13 +508,9 @@ var timeIcon = (0,external_vue_namespaceObject.createVNode)(external_vue_namespa
   "points": "512,512 512,256 448,256 448,512 448,576 512,576 768,576 768,512"
 }, null)])])]);
 ;// CONCATENATED MODULE: external "../button"
-var button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var button_y = x => () => x
-const button_namespaceObject = button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_button_a2ea7c9a__["default"] });
-;// CONCATENATED MODULE: external "../button/button.less"
-var button_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var button_less_y = x => () => x
-const button_less_namespaceObject = button_less_x({  });
+var external_button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_button_y = x => () => x
+const external_button_namespaceObject = external_button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__button_59c00871__["default"] });
 ;// CONCATENATED MODULE: ../../packages/date-picker/src/base/confirm.tsx
 
 
@@ -549,7 +542,6 @@ const button_less_namespaceObject = button_less_x({  });
 
 
 
-
 var confirmProps = {
   showTime: {
     type: Boolean,
@@ -573,7 +565,7 @@ var confirmProps = {
   emits: ['pick-clear', 'pick-success', 'pick-toggle-time'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var t = (0,config_provider_namespaceObject.useLocale)('datePicker');
+    var t = (0,external_config_provider_namespaceObject.useLocale)('datePicker');
     var labels = (0,external_vue_namespaceObject.computed)(function () {
       return {
         time: props.isTime ? t.value.selectDate : t.value.selectTime,
@@ -604,7 +596,7 @@ var confirmProps = {
         // this.dispatch('bk-date-picker', 'focus-input')
       }
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return {
       labels: labels,
@@ -627,7 +619,7 @@ var confirmProps = {
     }, [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"], {
+    (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
       "text": true,
       "theme": "primary",
       "class": this.resolveClassName('picker-confirm-time'),
@@ -1284,7 +1276,7 @@ var timePickerKey = Symbol('time-picker');
 // }
 function iconBtnCls(direction) {
   var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return [(0,shared_namespaceObject.resolveClassName)('picker-panel-icon-btn'), (0,shared_namespaceObject.resolveClassName)("date-picker-".concat(direction, "-btn")), (0,shared_namespaceObject.resolveClassName)("date-picker-".concat(direction, "-btn-arrow").concat(type))];
+  return [(0,external_shared_namespaceObject.resolveClassName)('picker-panel-icon-btn'), (0,external_shared_namespaceObject.resolveClassName)("date-picker-".concat(direction, "-btn")), (0,external_shared_namespaceObject.resolveClassName)("date-picker-".concat(direction, "-btn-arrow").concat(type))];
 }
 var getDayCountOfMonth = function getDayCountOfMonth(year, month) {
   return new Date(year, month + 1, 0).getDate();
@@ -1481,7 +1473,7 @@ var dateTableProps = {
   emits: ['pick', 'pick-click', 'changeRange'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var t = (0,config_provider_namespaceObject.useLocale)('datePicker');
+    var t = (0,external_config_provider_namespaceObject.useLocale)('datePicker');
     var calendar = (0,external_vue_namespaceObject.computed)(function () {
       return new external_js_calendar_namespaceObject["default"].Generator({
         onlyDays: true,
@@ -1543,7 +1535,7 @@ var dateTableProps = {
       var newDate = cell.date;
       emit('changeRange', newDate);
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_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)];
@@ -1690,7 +1682,7 @@ var monthTableProps = {
     var tCell = function tCell(nr) {
       return String(nr).length > 1 ? nr : "0".concat(nr);
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
       return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end)];
@@ -1848,7 +1840,7 @@ var yearTableProps = {
       }
       return cells;
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
       return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end)];
@@ -2202,7 +2194,7 @@ var timeParts = ['hours', 'minutes', 'seconds'];
   setup: function setup(props, _ref) {
     var _this = this;
     var emit = _ref.emit;
-    var t = (0,config_provider_namespaceObject.useLocale)('datePicker');
+    var t = (0,external_config_provider_namespaceObject.useLocale)('datePicker');
     var state = (0,external_vue_namespaceObject.reactive)({
       spinerSteps: [1, 1, 1].map(function (one, i) {
         return Math.abs(props.steps[i]) || one;
@@ -2357,7 +2349,7 @@ var timeParts = ['hours', 'minutes', 'seconds'];
       }
       return domRef.value;
     }
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_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)];
@@ -2446,7 +2438,7 @@ var timeParts = ['hours', 'minutes', 'seconds'];
       var domRef = getDomRef(type);
       var from = domRef.scrollTop;
       var to = 32 * getScrollIndex(type, index);
-      (0,shared_namespaceObject.scrollTop)(domRef, from, to, 500);
+      (0,external_shared_namespaceObject.scrollTop)(domRef, from, to, 500);
     }
     function getScrollIndex(type, index) {
       var t = firstUpperCase(type);
@@ -2724,7 +2716,7 @@ var timeProps = {
       var isEmit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var newDate = new Date(state.date);
       Object.keys(date).forEach(function (type) {
-        return newDate["set".concat((0,shared_namespaceObject.capitalize)(type))](date[type]);
+        return newDate["set".concat((0,external_shared_namespaceObject.capitalize)(type))](date[type]);
       });
       if (isEmit) {
         // pick 参数：dates, visible, type, isUseShortCut
@@ -2734,7 +2726,7 @@ var timeProps = {
     function handlePickClick() {
       emit('pick-click');
     }
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return time_objectSpread(time_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       visibleDate: visibleDate,
@@ -3049,7 +3041,7 @@ var datePanelProps = {
     function handlePickClick() {
       emit('pick-click');
     }
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return date_objectSpread(date_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       panelPickerHandlers: panelPickerHandlers,
@@ -3102,7 +3094,7 @@ var datePanelProps = {
       "onClick": function onClick() {
         return _this2.changeYear(-1);
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDoubleLeft, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleLeft, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -3113,7 +3105,7 @@ var datePanelProps = {
       "onClick": function onClick() {
         return _this2.changeMonth(-1);
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -3134,7 +3126,7 @@ var datePanelProps = {
       "onClick": function onClick() {
         return _this2.changeYear(+1);
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDoubleRight, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleRight, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -3145,7 +3137,7 @@ var datePanelProps = {
       "onClick": function onClick() {
         return _this2.changeMonth(+1);
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -3371,10 +3363,10 @@ var timeRangeProps = {
       var dateStart = new Date(state.dateStart);
       var dateEnd = new Date(state.dateEnd);
       Object.keys(start).forEach(function (type) {
-        dateStart["set".concat((0,shared_namespaceObject.capitalize)(type))](start[type]);
+        dateStart["set".concat((0,external_shared_namespaceObject.capitalize)(type))](start[type]);
       });
       Object.keys(end).forEach(function (type) {
-        dateEnd["set".concat((0,shared_namespaceObject.capitalize)(type))](end[type]);
+        dateEnd["set".concat((0,external_shared_namespaceObject.capitalize)(type))](end[type]);
       });
       if (!props.allowCrossDay && dateEnd < dateStart) {
         // 左边变化
@@ -3404,7 +3396,7 @@ var timeRangeProps = {
       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();
     }
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return time_range_objectSpread(time_range_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       showSeconds: showSeconds,
@@ -3604,7 +3596,7 @@ var dateRangePanelProps = {
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
-    var t = (0,config_provider_namespaceObject.useLocale)('datePicker');
+    var t = (0,external_config_provider_namespaceObject.useLocale)('datePicker');
     var _props$modelValue$map = props.modelValue.map(function (date) {
         return date || initTime();
       }),
@@ -3949,7 +3941,7 @@ var dateRangePanelProps = {
       return !(state.dates[0] && state.dates[1]);
     });
     var timePickerRef = (0,external_vue_namespaceObject.ref)(null);
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return date_range_objectSpread(date_range_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       isTime: isTime,
@@ -4028,7 +4020,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.prevYear('left');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDoubleLeft, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleLeft, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4039,7 +4031,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.prevMonth('left');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4060,7 +4052,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.nextYear('left');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDoubleRight, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleRight, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4071,7 +4063,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.nextMonth('left');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4103,7 +4095,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.prevYear('right');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDoubleLeft, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleLeft, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4114,7 +4106,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.prevMonth('right');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4147,7 +4139,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.nextYear('right');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDoubleRight, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDoubleRight, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4158,7 +4150,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.nextMonth('right');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, {
       "style": {
         fontSize: '20px',
         lineHeight: 1,
@@ -4249,7 +4241,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
 /* harmony default export */ const date_picker = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'DatePicker',
   directives: {
-    clickoutside: directives_namespaceObject.clickoutside
+    clickoutside: external_directives_namespaceObject.clickoutside
   },
   props: datePickerProps,
   emits: ['open-change', 'input', 'change', 'update:modelValue', 'clear', 'shortcut-change', 'pick-success', 'pick-first'],
@@ -4258,8 +4250,9 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
-    var formItem = (0,shared_namespaceObject.useFormItem)();
+    var formItem = (0,external_shared_namespaceObject.useFormItem)();
     var isRange = props.type.includes('range');
+    var teleportTo = (0,external_vue_namespaceObject.ref)((0,external_shared_namespaceObject.getFullscreenRoot)());
     var emptyArray = isRange ? [null, null] : [null];
     var initialArr = isRange ? props.value || props.modelValue : [props.value || props.modelValue];
     var initialValue = isAllEmptyArr(initialArr) ? emptyArray : parseDate(props.value || props.modelValue, props.type, props.multiple, props.format);
@@ -4271,7 +4264,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         initialValue = Array.isArray(v) ? v : [v];
       }
     }
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var state = (0,external_vue_namespaceObject.reactive)({
       showClose: false,
@@ -4575,6 +4568,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (props.readonly) {
         return;
       }
+      teleportTo.value = (0,external_shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
       if (e && e.type === 'focus') {
         return;
@@ -4760,6 +4754,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       localReadonly: localReadonly,
       allowCrossDayProp: allowCrossDayProp,
       ownPickerProps: ownPickerProps,
+      teleportTo: teleportTo,
       pickerDropdownRef: pickerDropdownRef,
       inputRef: inputRef,
       triggerRef: triggerRef,
@@ -4810,7 +4805,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "onKeydown": this.handleKeydown,
       "onChange": this.handleInputChange,
       "onInput": this.handleInputInput
-    }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
+    }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, {
       "onClick": this.handleClear,
       "class": "clear-action"
     }, null) : '']);
@@ -4827,9 +4822,6 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       confirm: this.$slots.confirm
     } : {};
     var slots = date_picker_objectSpread(date_picker_objectSpread({}, shortcutsSlot), confirmSlot);
-    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,shared_namespaceObject.getFullscreenRoot)();
-    });
     return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": [this.resolveClassName('date-picker'), this.type === 'datetimerange' ? 'long' : '', this.longWidthCls]
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -4838,7 +4830,7 @@ 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": teleportTo.value,
+      "to": this.teleportTo,
       "disabled": !this.appendToBody
     }, {
       "default": function _default() {
@@ -4952,7 +4944,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
 /* harmony default export */ const time_picker = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'TimePicker',
   directives: {
-    clickoutside: directives_namespaceObject.clickoutside
+    clickoutside: external_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'],
@@ -4961,9 +4953,10 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var formItem = (0,shared_namespaceObject.useFormItem)();
+    var teleportTo = (0,external_vue_namespaceObject.ref)((0,external_shared_namespaceObject.getFullscreenRoot)());
+    var formItem = (0,external_shared_namespaceObject.useFormItem)();
     var isRange = props.type.includes('range');
     var emptyArray = isRange ? [null, null] : [null];
     var initialValue = isAllEmptyArr((isRange ? props.modelValue : [props.modelValue]) || []) ? emptyArray : parseDate(props.modelValue, props.type, props.multiple, props.format);
@@ -5275,6 +5268,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (props.readonly) {
         return;
       }
+      teleportTo.value = (0,external_shared_namespaceObject.getFullscreenRoot)();
       state.isFocused = true;
       if (e && e.type === 'focus') {
         return;
@@ -5462,6 +5456,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       inputRef: inputRef,
       triggerRef: triggerRef,
       pickerPanelRef: pickerPanelRef,
+      teleportTo: teleportTo,
       handleClose: handleClose,
       handleIconClick: handleIconClick,
       handleInputMouseenter: handleInputMouseenter,
@@ -5507,7 +5502,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "onKeydown": this.handleKeydown,
       "onChange": this.handleInputChange,
       "onInput": this.handleInputInput
-    }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
+    }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, {
       "onClick": this.handleClear,
       "class": "clear-action"
     }, null) : '']);
@@ -5517,9 +5512,6 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         return ((_this$$slots$shortcut = (_this$$slots = _this.$slots).shortcuts) === null || _this$$slots$shortcut === void 0 ? void 0 : _this$$slots$shortcut.call(_this$$slots)) || null;
       }
     } : {};
-    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
-      return (0,shared_namespaceObject.getFullscreenRoot)();
-    });
     return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": [this.resolveClassName('date-picker'), this.type === 'datetimerange' ? 'long' : '', this.longWidthCls]
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -5528,7 +5520,7 @@ 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": teleportTo.value,
+      "to": this.teleportTo,
       "disabled": !this.appendToBody
     }, {
       "default": function _default() {
@@ -5622,7 +5614,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
 
 
 
-var BkDatePicker = (0,shared_namespaceObject.withInstall)(date_picker);
+var BkDatePicker = (0,external_shared_namespaceObject.withInstall)(date_picker);
 /* harmony default export */ const src = (BkDatePicker);
 
 var __webpack_exports__TimePicker = __webpack_exports__.TimePicker;

package/lib/date-picker/time-picker.d.ts

@@ -165,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;
     pickerPanelRef: import("vue").Ref<any>;
+    teleportTo: import("vue").Ref<any>;
     handleClose: (e?: Event) => boolean;
     handleIconClick: () => void;
     handleInputMouseenter: () => void;