bkui-vue 0.0.1-beta.367 → 0.0.1-beta.368

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/index.cjs.js +45 -45
  2. package/dist/index.esm.js +124 -124
  3. package/dist/index.umd.js +46 -46
  4. package/lib/breadcrumb/breadcrumb.css +1 -1
  5. package/lib/breadcrumb/breadcrumb.variable.css +6 -6
  6. package/lib/card/card.css +1 -1
  7. package/lib/card/card.variable.css +5 -5
  8. package/lib/color-picker/index.js +1 -1
  9. package/lib/container/container.css +1 -1
  10. package/lib/container/container.variable.css +1 -1
  11. package/lib/date-picker/base/date-table.d.ts +1 -7
  12. package/lib/date-picker/base/time-spinner.d.ts +1 -3
  13. package/lib/date-picker/date-picker.less +75 -75
  14. package/lib/date-picker/index.js +1 -1
  15. package/lib/dialog/dialog.less +19 -20
  16. package/lib/dialog/dialog.variable.css +120 -0
  17. package/lib/dialog/index.js +1 -1
  18. package/lib/directives/index.js +1 -1
  19. package/lib/info-box/index.js +1 -1
  20. package/lib/info-box/info-box.less +10 -9
  21. package/lib/info-box/info-box.variable.css +120 -0
  22. package/lib/input/index.js +1 -1
  23. package/lib/input/input.css +1 -1
  24. package/lib/input/input.variable.css +60 -61
  25. package/lib/loading/loading.css +1 -1
  26. package/lib/loading/loading.variable.css +17 -17
  27. package/lib/menu/menu.css +1 -1
  28. package/lib/menu/menu.variable.css +19 -19
  29. package/lib/modal/index.js +1 -1
  30. package/lib/modal/modal.less +4 -3
  31. package/lib/modal/modal.variable.css +120 -0
  32. package/lib/progress/progress.css +1 -1
  33. package/lib/progress/progress.variable.css +5 -5
  34. package/lib/search-select/search-select.css +1 -1
  35. package/lib/search-select/search-select.variable.css +35 -35
  36. package/lib/select/index.js +1 -1
  37. package/lib/select/select.css +1 -2
  38. package/lib/select/select.less +34 -35
  39. package/lib/select/select.variable.css +1 -2
  40. package/lib/styles/mixins/mixins.css +1 -1
  41. package/lib/styles/mixins/mixins.variable.css +1 -1
  42. package/lib/styles/mixins/popper.css +1 -1
  43. package/lib/styles/mixins/popper.less +12 -11
  44. package/lib/styles/mixins/popper.variable.css +121 -1
  45. package/lib/switcher/switcher.css +1 -1
  46. package/lib/switcher/switcher.variable.css +18 -18
  47. package/lib/upload/upload.css +1 -1
  48. package/lib/upload/upload.variable.css +28 -28
  49. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -9523,7 +9523,7 @@ var Component$x = defineComponent({
9523
9523
  const isFocused = ref(false);
9524
9524
  const isCNInput = ref(false);
9525
9525
  const isTextArea = computed(() => props2.type === "textarea");
9526
- const inputClsPrefix = computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
9526
+ const inputClsPrefix = computed(() => isTextArea.value ? resolveClassName("textarea") : resolveClassName("input"));
9527
9527
  const _a = ctx.attrs, {
9528
9528
  class: cls,
9529
9529
  style: style2
@@ -10474,9 +10474,9 @@ var Component$u = defineComponent({
10474
10474
  const maxHeight = this.maxHeight ? {
10475
10475
  maxHeight: this.maxHeight
10476
10476
  } : {};
10477
- const bodyClass = `bk-modal-body ${this.animateType === "slide" ? this.direction : ""}`;
10477
+ const bodyClass = `${resolveClassName("modal-body")} ${this.animateType === "slide" ? this.direction : ""}`;
10478
10478
  return createVNode("div", {
10479
- "class": ["bk-modal-wrapper", this.extCls, this.size, this.fullscreen ? "fullscreen" : ""],
10479
+ "class": [resolveClassName("modal-wrapper"), this.extCls, this.size, this.fullscreen ? "fullscreen" : ""],
10480
10480
  "style": [this.compStyle, this.fullscreen ? this.fullscreenStyle : ""]
10481
10481
  }, [createVNode(Transition, {
10482
10482
  "name": this.animateType
@@ -10486,14 +10486,14 @@ var Component$u = defineComponent({
10486
10486
  return [this.isShow ? createVNode("div", {
10487
10487
  "class": bodyClass
10488
10488
  }, [createVNode("div", {
10489
- "class": "bk-modal-header"
10489
+ "class": resolveClassName("modal-header")
10490
10490
  }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
10491
- "class": "bk-modal-content",
10491
+ "class": resolveClassName("modal-content"),
10492
10492
  "style": [this.dialogType === "show" ? "padding-bottom: 20px" : "", __spreadValues({}, maxHeight)]
10493
10493
  }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
10494
- "class": "bk-modal-footer"
10494
+ "class": resolveClassName("modal-footer")
10495
10495
  }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""]), createVNode("div", {
10496
- "class": ["bk-modal-close", this.closeIcon ? "" : "close-icon"]
10496
+ "class": [resolveClassName("modal-close"), this.closeIcon ? "" : "close-icon"]
10497
10497
  }, [(_l = (_k = (_j = this.$slots).close) == null ? void 0 : _k.call(_j)) != null ? _l : ""])]) : ""];
10498
10498
  }
10499
10499
  })]);
@@ -10649,16 +10649,16 @@ var Dialog = defineComponent({
10649
10649
  const renderIcon = () => {
10650
10650
  const iconMap = {
10651
10651
  loading: createVNode(spinner, {
10652
- "class": "bk-info-icon primary"
10652
+ "class": [resolveClassName("info-icon"), "primary"]
10653
10653
  }, null),
10654
10654
  warning: createVNode(warn, {
10655
- "class": "bk-info-icon warning"
10655
+ "class": [resolveClassName("info-icon"), "warning"]
10656
10656
  }, null),
10657
10657
  success: createVNode(success, {
10658
- "class": "bk-info-icon success"
10658
+ "class": [resolveClassName("info-icon"), "success"]
10659
10659
  }, null),
10660
10660
  danger: createVNode(close$1, {
10661
- "class": "bk-info-icon danger"
10661
+ "class": [resolveClassName("info-icon"), "danger"]
10662
10662
  }, null)
10663
10663
  };
10664
10664
  return iconMap[this.infoType];
@@ -10667,16 +10667,16 @@ var Dialog = defineComponent({
10667
10667
  header: () => {
10668
10668
  var _a, _b, _c, _d, _e, _f;
10669
10669
  return [createVNode("div", {
10670
- "class": ["bk-dialog-tool", this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
10670
+ "class": [resolveClassName("dialog-tool"), this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
10671
10671
  "onMousedown": this.moveHandler
10672
10672
  }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
10673
- "class": "bk-dialog-header"
10673
+ "class": resolveClassName("dialog-header")
10674
10674
  }, [createVNode("div", {
10675
- "class": "bk-header-icon"
10675
+ "class": resolveClassName("header-icon")
10676
10676
  }, [this.infoType ? renderIcon() : createVNode("slot", {
10677
10677
  "name": "info-icon"
10678
10678
  }, null)]), createVNode("span", {
10679
- "class": "bk-dialog-title",
10679
+ "class": resolveClassName("dialog-title"),
10680
10680
  "style": `text-align: ${this.headerAlign}`
10681
10681
  }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
10682
10682
  },
@@ -10687,15 +10687,15 @@ var Dialog = defineComponent({
10687
10687
  footer: () => {
10688
10688
  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
10689
10689
  return createVNode("div", {
10690
- "class": "bk-dialog-footer",
10690
+ "class": resolveClassName("dialog-footer"),
10691
10691
  "style": `text-align: ${this.footerAlign}`
10692
10692
  }, [this.dialogType === "process" ? (_c = (_b = (_a = this.$slots).footer) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(Fragment, null, [this.current === 1 ? "" : createVNode(BkButton, {
10693
- "class": "bk-dialog-perv",
10693
+ "class": resolveClassName("dialog-perv"),
10694
10694
  "onClick": this.handlePrevStep
10695
10695
  }, {
10696
10696
  default: () => [this.prevText]
10697
10697
  }), this.current === this.totalStep ? "" : createVNode(BkButton, {
10698
- "class": "bk-dialog-next",
10698
+ "class": resolveClassName("dialog-next"),
10699
10699
  "onClick": this.handleNextStep
10700
10700
  }, {
10701
10701
  default: () => [this.nextText]
@@ -10706,7 +10706,7 @@ var Dialog = defineComponent({
10706
10706
  }, {
10707
10707
  default: () => [this.confirmText]
10708
10708
  }) : "", createVNode(BkButton, {
10709
- "class": "bk-dialog-cancel",
10709
+ "class": resolveClassName("dialog-cancel"),
10710
10710
  "onClick": this.handleClose,
10711
10711
  "disabled": this.isLoading
10712
10712
  }, {
@@ -10718,7 +10718,7 @@ var Dialog = defineComponent({
10718
10718
  }, {
10719
10719
  default: () => [this.confirmText]
10720
10720
  }), createVNode(BkButton, {
10721
- "class": "bk-dialog-cancel",
10721
+ "class": resolveClassName("dialog-cancel"),
10722
10722
  "onClick": this.handleClose,
10723
10723
  "disabled": this.isLoading
10724
10724
  }, {
@@ -10732,11 +10732,11 @@ var Dialog = defineComponent({
10732
10732
  })]) : ""]);
10733
10733
  },
10734
10734
  close: () => createVNode("span", {
10735
- "class": "bk-dialog-close",
10735
+ "class": resolveClassName("dialog-close"),
10736
10736
  "onClick": this.handleClose
10737
10737
  }, [createTextVNode("+")])
10738
10738
  };
10739
- const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""} ${this.hasFooter ? "has-footer" : "no-footer"}`;
10739
+ const className = `${resolveClassName("dialog-wrapper ")} ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""} ${this.hasFooter ? "has-footer" : "no-footer"}`;
10740
10740
  return createVNode(BkModal, mergeProps(this.$props, {
10741
10741
  "class": className,
10742
10742
  "onClose": this.handleClose,
@@ -11326,7 +11326,7 @@ function renderContent(opts) {
11326
11326
  const isLight = theme === "light";
11327
11327
  const zIndex = bkZIndexManager.getPopperIndex();
11328
11328
  const content = document.createElement("div");
11329
- content.className = `bk-popper ${isLight ? "light" : "dark"} ${extCls}`;
11329
+ content.className = `${resolveClassName("popper")} ${isLight ? "light" : "dark"} ${extCls}`;
11330
11330
  content.innerText = value;
11331
11331
  content.style.zIndex = String(zIndex);
11332
11332
  if (hasArrow) {
@@ -11337,7 +11337,7 @@ function renderContent(opts) {
11337
11337
  }
11338
11338
  function renderArrow() {
11339
11339
  const arrow2 = document.createElement("div");
11340
- arrow2.className = "bk-popper-arrow";
11340
+ arrow2.className = resolveClassName("popper-arrow");
11341
11341
  arrow2.setAttribute("data-popper-arrow", "");
11342
11342
  return arrow2;
11343
11343
  }
@@ -14672,17 +14672,17 @@ var BkOption = defineComponent({
14672
14672
  "is-disabled": this.disabled,
14673
14673
  "is-multiple": this.multiple,
14674
14674
  "is-hover": this.isHover,
14675
- "bk-select-option": true
14675
+ [resolveClassName("select-option")]: true
14676
14676
  });
14677
14677
  return withDirectives(createVNode("li", {
14678
14678
  "class": selectItemClass,
14679
14679
  "onClick": this.handleOptionClick,
14680
14680
  "onMouseenter": this.handleMouseEnter
14681
14681
  }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("span", {
14682
- "class": "bk-select-option-item",
14682
+ "class": resolveClassName("select-option-item"),
14683
14683
  "title": this.label
14684
14684
  }, [this.label]), this.multiple && this.selected && this.showSelectedIcon && createVNode(done, {
14685
- "class": "bk-select-selected-icon",
14685
+ "class": resolveClassName("select-selected-icon"),
14686
14686
  "width": 22,
14687
14687
  "height": 22
14688
14688
  }, null)]), [[vShow, this.visible]]);
@@ -14739,12 +14739,12 @@ var OptionGroup = defineComponent({
14739
14739
  render() {
14740
14740
  var _a, _b;
14741
14741
  const groupClass = classes({
14742
- "bk-option-group": true,
14742
+ [resolveClassName("option-group")]: true,
14743
14743
  collapsible: this.collapsible,
14744
14744
  disabled: this.disabled
14745
14745
  });
14746
14746
  const groupLabelClass = classes({
14747
- "bk-option-group-label": true,
14747
+ [resolveClassName("option-group-label")]: true,
14748
14748
  collapsible: this.collapsible
14749
14749
  });
14750
14750
  const groupLabelIconClass = classes({
@@ -14763,7 +14763,7 @@ var OptionGroup = defineComponent({
14763
14763
  }, null), createVNode("span", {
14764
14764
  "class": "default-group-label-title"
14765
14765
  }, [this.groupLabel])])]), withDirectives(createVNode("ul", {
14766
- "class": "bk-option-group-content"
14766
+ "class": resolveClassName("option-group-content")
14767
14767
  }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !this.groupCollapse]])]), [[vShow, this.visible]]);
14768
14768
  }
14769
14769
  });
@@ -15224,13 +15224,13 @@ var SelectTagInput = defineComponent({
15224
15224
  render() {
15225
15225
  var _a, _b, _c, _d, _e, _f, _g;
15226
15226
  const selectTagClass = classes({
15227
- "bk-select-tag": true,
15228
- "bk-select-tag--default": true,
15227
+ [resolveClassName("select-tag")]: true,
15228
+ [resolveClassName("select-tag--default")]: true,
15229
15229
  "is-disabled": this.disabled,
15230
15230
  "collapse-tag": this.collapseTags
15231
15231
  });
15232
15232
  const tagWrapperClass = classes({
15233
- "bk-select-tag-wrapper": true
15233
+ [resolveClassName("select-tag-wrapper")]: true
15234
15234
  });
15235
15235
  const inputStyle = {
15236
15236
  display: this.selected.length && !this.filterable ? "none" : ""
@@ -15252,11 +15252,11 @@ var SelectTagInput = defineComponent({
15252
15252
  return [(_a2 = this.select) == null ? void 0 : _a2.handleGetLabelByValue(item.value)];
15253
15253
  }
15254
15254
  })), !!this.overflowTagIndex && this.collapseTags && createVNode(BkTag, {
15255
- "class": "bk-select-overflow-tag"
15255
+ "class": resolveClassName("select-overflow-tag")
15256
15256
  }, {
15257
15257
  default: () => [createTextVNode("+"), this.selected.length - this.overflowTagIndex]
15258
15258
  })]), createVNode("input", {
15259
- "class": "bk-select-tag-input",
15259
+ "class": resolveClassName("select-tag-input"),
15260
15260
  "ref": "inputRef",
15261
15261
  "type": "text",
15262
15262
  "style": inputStyle,
@@ -15771,7 +15771,7 @@ var Component$j = defineComponent({
15771
15771
  },
15772
15772
  render() {
15773
15773
  const selectClass = classes({
15774
- "bk-select": true,
15774
+ [resolveClassName("select")]: true,
15775
15775
  "popover-show": this.isPopoverShow,
15776
15776
  "is-disabled": this.isDisabled,
15777
15777
  "is-focus": this.isFocus,
@@ -15846,7 +15846,7 @@ var Component$j = defineComponent({
15846
15846
  });
15847
15847
  };
15848
15848
  const renderSelectTrigger = () => createVNode("div", {
15849
- "class": "bk-select-trigger",
15849
+ "class": resolveClassName("select-trigger"),
15850
15850
  "style": {
15851
15851
  height: this.autoHeight && this.collapseTags ? "32px" : ""
15852
15852
  },
@@ -15858,21 +15858,21 @@ var Component$j = defineComponent({
15858
15858
  const renderSelectContent = () => {
15859
15859
  var _a, _b;
15860
15860
  return createVNode("div", {
15861
- "class": "bk-select-content-wrapper",
15861
+ "class": resolveClassName("select-content-wrapper"),
15862
15862
  "ref": "contentRef"
15863
15863
  }, [this.filterable && !this.inputSearch && createVNode("div", {
15864
- "class": "bk-select-search-wrapper"
15864
+ "class": resolveClassName("select-search-wrapper")
15865
15865
  }, [createVNode(search, {
15866
15866
  "class": "icon-search",
15867
15867
  "width": 16,
15868
15868
  "height": 16
15869
15869
  }, null), withDirectives(createVNode("input", {
15870
15870
  "ref": "searchRef",
15871
- "class": "bk-select-search-input",
15871
+ "class": resolveClassName("select-search-input"),
15872
15872
  "placeholder": this.searchPlaceholder,
15873
15873
  "onUpdate:modelValue": ($event) => this.searchKey = $event
15874
15874
  }, null), [[vModelText, this.searchKey]])]), !this.isShowSelectContent && createVNode("div", {
15875
- "class": "bk-select-empty"
15875
+ "class": resolveClassName("select-empty")
15876
15876
  }, [this.searchLoading && createVNode(BkLoading, {
15877
15877
  "class": "mr5",
15878
15878
  "theme": "primary",
@@ -15880,17 +15880,17 @@ var Component$j = defineComponent({
15880
15880
  "mode": "spin",
15881
15881
  "size": "mini"
15882
15882
  }, null), createVNode("span", null, [this.curContentText])]), createVNode("div", {
15883
- "class": "bk-select-content"
15883
+ "class": resolveClassName("select-content")
15884
15884
  }, [createVNode("div", {
15885
- "class": "bk-select-dropdown",
15885
+ "class": resolveClassName("select-dropdown"),
15886
15886
  "style": {
15887
15887
  maxHeight: `${this.scrollHeight}px`
15888
15888
  },
15889
15889
  "onScroll": this.handleScroll
15890
15890
  }, [withDirectives(createVNode("ul", {
15891
- "class": "bk-select-options"
15891
+ "class": resolveClassName("select-options")
15892
15892
  }, [this.isShowSelectAll && createVNode("li", {
15893
- "class": "bk-select-option",
15893
+ "class": resolveClassName("select-option"),
15894
15894
  "onMouseenter": this.handleSelectedAllOptionMouseEnter,
15895
15895
  "onClick": this.handleToggleAll
15896
15896
  }, [this.selectAllText]), this.enableVirtualRender ? createVNode(BkVirtualRender, {
@@ -15910,7 +15910,7 @@ var Component$j = defineComponent({
15910
15910
  "value": item[this.idKey],
15911
15911
  "label": item[this.displayKey]
15912
15912
  }, null)), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), this.scrollLoading && createVNode("li", {
15913
- "class": "bk-select-options-loading"
15913
+ "class": resolveClassName("select-options-loading")
15914
15914
  }, [createVNode(BkLoading, {
15915
15915
  "class": "spinner mr5",
15916
15916
  "theme": "primary",
@@ -15918,7 +15918,7 @@ var Component$j = defineComponent({
15918
15918
  "mode": "spin",
15919
15919
  "size": "mini"
15920
15920
  }, null), createVNode("span", null, [this.loadingText])])]), [[vShow, this.isShowSelectContent]])]), this.$slots.extension && createVNode("div", {
15921
- "class": "bk-select-extension"
15921
+ "class": resolveClassName("select-extension")
15922
15922
  }, [this.$slots.extension()])])]);
15923
15923
  };
15924
15924
  return createVNode("div", {
@@ -21830,14 +21830,14 @@ const InfoBox = (config) => {
21830
21830
  }
21831
21831
  if (children.length) {
21832
21832
  subTitleBox.push(h$1("div", {
21833
- class: "bk-info-sub-title",
21833
+ class: resolveClassName("info-sub-title"),
21834
21834
  style: `text-Align:${modalFuncProps.value.contentAlign || "center"}`
21835
21835
  }, children));
21836
21836
  }
21837
21837
  return subTitleBox;
21838
21838
  };
21839
21839
  return () => createVNode(Dialog, __spreadProps(__spreadValues({
21840
- class: "bk-info-wrapper",
21840
+ class: resolveClassName("info-wrapper"),
21841
21841
  headerAlign: "center",
21842
21842
  footerAlign: "center"
21843
21843
  }, modalFuncProps.value), {
@@ -22660,7 +22660,7 @@ var PickerDropdown = defineComponent({
22660
22660
  var _a, _b, _c;
22661
22661
  return createVNode("div", {
22662
22662
  "ref": "refContentRef",
22663
- "class": ["bk-date-picker-dropdown", this.className, this.extPopoverCls],
22663
+ "class": [resolveClassName("date-picker-dropdown"), this.className, this.extPopoverCls],
22664
22664
  "style": this.styles,
22665
22665
  "onClick": this.onClick
22666
22666
  }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : ""]);
@@ -22727,18 +22727,18 @@ var Confirm = defineComponent({
22727
22727
  render() {
22728
22728
  var _a, _b, _c;
22729
22729
  return createVNode("div", {
22730
- "class": "bk-picker-confirm",
22730
+ "class": resolveClassName("picker-confirm"),
22731
22731
  "ref": "elRef",
22732
22732
  "onKeydown": this.handleTab
22733
22733
  }, [this.showTime ? createVNode(BkButton, {
22734
22734
  "text": true,
22735
- "class": "bk-picker-confirm-time",
22735
+ "class": resolveClassName("picker-confirm-time"),
22736
22736
  "disabled": this.timeDisabled,
22737
22737
  "onClick": this.handleToggleTime
22738
22738
  }, {
22739
22739
  default: () => [this.labels.time]
22740
22740
  }) : "", (_c = (_b = (_a = this.$slots).confirm) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("div", {
22741
- "class": "bk-picker-confirm-action"
22741
+ "class": resolveClassName("picker-confirm-action")
22742
22742
  }, [this.clearable ? createVNode("a", {
22743
22743
  "href": "javascript: void(0);",
22744
22744
  "onClick": this.handleClear,
@@ -24920,9 +24920,9 @@ const datePickerKey = Symbol("date-picker");
24920
24920
  const timePickerKey = Symbol("time-picker");
24921
24921
  function iconBtnCls(direction, type = "") {
24922
24922
  return [
24923
- "bk-picker-panel-icon-btn",
24924
- `bk-date-picker-${direction}-btn`,
24925
- `bk-date-picker-${direction}-btn-arrow${type}`
24923
+ resolveClassName("picker-panel-icon-btn"),
24924
+ resolveClassName(`date-picker-${direction}-btn`),
24925
+ resolveClassName(`date-picker-${direction}-btn-arrow${type}`)
24926
24926
  ];
24927
24927
  }
24928
24928
  const getDayCountOfMonth = (year, month) => new Date(year, month + 1, 0).getDate();
@@ -25092,14 +25092,14 @@ var DateTable = defineComponent({
25092
25092
  const newDate = cell.date;
25093
25093
  emit("changeRange", newDate);
25094
25094
  };
25095
- const getCellCls = (cell) => ["bk-date-picker-cells-cell", {
25096
- ["bk-date-picker-cells-cell-selected"]: cell.selected || cell.start || cell.end,
25097
- ["bk-date-picker-cells-cell-disabled"]: cell.disabled,
25098
- ["bk-date-picker-cells-cell-today"]: cell.type === "today",
25099
- ["bk-date-picker-cells-cell-prev-month"]: cell.type === "prevMonth",
25100
- ["bk-date-picker-cells-cell-next-month"]: cell.type === "nextMonth",
25101
- ["bk-date-picker-cells-cell-week-label"]: cell.type === "weekLabel",
25102
- ["bk-date-picker-cells-cell-range"]: cell.range && !cell.start && !cell.end
25095
+ const getCellCls = (cell) => [resolveClassName("date-picker-cells-cell"), {
25096
+ [resolveClassName("date-picker-cells-cell-selected")]: cell.selected || cell.start || cell.end,
25097
+ [resolveClassName("date-picker-cells-cell-disabled")]: cell.disabled,
25098
+ [resolveClassName("date-picker-cells-cell-today")]: cell.type === "today",
25099
+ [resolveClassName("date-picker-cells-cell-prev-month")]: cell.type === "prevMonth",
25100
+ [resolveClassName("date-picker-cells-cell-next-month")]: cell.type === "nextMonth",
25101
+ [resolveClassName("date-picker-cells-cell-week-label")]: cell.type === "weekLabel",
25102
+ [resolveClassName("date-picker-cells-cell-range")]: cell.range && !cell.start && !cell.end
25103
25103
  }];
25104
25104
  return {
25105
25105
  headerDays,
@@ -25111,9 +25111,9 @@ var DateTable = defineComponent({
25111
25111
  },
25112
25112
  render() {
25113
25113
  return createVNode("div", {
25114
- "class": "bk-date-picker-cells"
25114
+ "class": resolveClassName("date-picker-cells")
25115
25115
  }, [createVNode("div", {
25116
- "class": "bk-date-picker-cells-header"
25116
+ "class": resolveClassName("date-picker-cells-header")
25117
25117
  }, [this.headerDays.map((day) => createVNode("span", null, [day]))]), this.cells.map((cell) => createVNode("span", {
25118
25118
  "class": this.getCellCls(cell),
25119
25119
  "onClick": () => this.handleClick(cell),
@@ -25477,10 +25477,10 @@ var TimeSpinner = defineComponent({
25477
25477
  return domRef.value;
25478
25478
  }
25479
25479
  function getCellCls(cell) {
25480
- return ["bk-time-picker-cells-cell", {
25481
- ["bk-time-picker-cells-cell-selected"]: cell.selected,
25482
- ["bk-time-picker-cells-cell-focused"]: cell.focused,
25483
- ["bk-time-picker-cells-cell-disabled"]: cell.disabled
25480
+ return [resolveClassName("time-picker-cells-cell"), {
25481
+ [resolveClassName("time-picker-cells-cell-selected")]: cell.selected,
25482
+ [resolveClassName("time-picker-cells-cell-focused")]: cell.focused,
25483
+ [resolveClassName("time-picker-cells-cell-disabled")]: cell.disabled
25484
25484
  }];
25485
25485
  }
25486
25486
  function bindWheelEvent() {
@@ -25593,42 +25593,42 @@ var TimeSpinner = defineComponent({
25593
25593
  },
25594
25594
  render() {
25595
25595
  return createVNode("div", {
25596
- "class": ["bk-time-picker-cells", this.showSeconds ? "bk-time-picker-cells-with-seconds" : ""]
25596
+ "class": [resolveClassName("time-picker-cells"), this.showSeconds ? resolveClassName("time-picker-cells-with-seconds") : ""]
25597
25597
  }, [createVNode("div", {
25598
- "class": "bk-time-picker-cells-title-wrapper"
25598
+ "class": resolveClassName("time-picker-cells-title-wrapper")
25599
25599
  }, [createVNode("div", {
25600
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 0 ? "active" : ""],
25600
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 0 ? "active" : ""],
25601
25601
  "style": this.styles
25602
25602
  }, [createTextVNode("\u65F6")]), createVNode("div", {
25603
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 1 ? "active" : ""],
25603
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 1 ? "active" : ""],
25604
25604
  "style": this.styles
25605
25605
  }, [createTextVNode("\u5206")]), withDirectives(createVNode("div", {
25606
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 2 ? "active" : ""],
25606
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 2 ? "active" : ""],
25607
25607
  "style": this.styles
25608
25608
  }, [createTextVNode("\u79D2")]), [[vShow, this.showSeconds]])]), createVNode("div", {
25609
- "class": "bk-time-picker-cells-list",
25609
+ "class": resolveClassName("time-picker-cells-list"),
25610
25610
  "ref": "hoursRef",
25611
25611
  "style": this.styles
25612
25612
  }, [createVNode("ul", {
25613
- "class": "bk-time-picker-cells-ul"
25613
+ "class": resolveClassName("time-picker-cells-ul")
25614
25614
  }, [this.hoursList.map((item) => withDirectives(createVNode("li", {
25615
25615
  "class": this.getCellCls(item),
25616
25616
  "onClick": () => this.handleClick("hours", item)
25617
25617
  }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), createVNode("div", {
25618
- "class": "bk-time-picker-cells-list",
25618
+ "class": resolveClassName("time-picker-cells-list"),
25619
25619
  "ref": "minutesRef",
25620
25620
  "style": this.styles
25621
25621
  }, [createVNode("ul", {
25622
- "class": "bk-time-picker-cells-ul"
25622
+ "class": resolveClassName("time-picker-cells-ul")
25623
25623
  }, [this.minutesList.map((item) => withDirectives(createVNode("li", {
25624
25624
  "class": this.getCellCls(item),
25625
25625
  "onClick": () => this.handleClick("minutes", item)
25626
25626
  }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), withDirectives(createVNode("div", {
25627
- "class": "bk-time-picker-cells-list",
25627
+ "class": resolveClassName("time-picker-cells-list"),
25628
25628
  "ref": "secondsRef",
25629
25629
  "style": this.styles
25630
25630
  }, [createVNode("ul", {
25631
- "class": "bk-time-picker-cells-ul"
25631
+ "class": resolveClassName("time-picker-cells-ul")
25632
25632
  }, [this.secondsList.map((item) => withDirectives(createVNode("li", {
25633
25633
  "class": this.getCellCls(item),
25634
25634
  "onClick": () => this.handleClick("seconds", item)
@@ -25738,19 +25738,19 @@ var TimePanel = defineComponent({
25738
25738
  },
25739
25739
  render() {
25740
25740
  return createVNode("div", {
25741
- "class": "bk-picker-panel-body-wrapper",
25741
+ "class": resolveClassName("picker-panel-body-wrapper"),
25742
25742
  "onMousedown": (e) => {
25743
25743
  e.preventDefault();
25744
25744
  }
25745
25745
  }, [createVNode("div", {
25746
- "class": "bk-picker-panel-body",
25746
+ "class": resolveClassName("picker-panel-body"),
25747
25747
  "style": {
25748
25748
  width: `${this.width}px`
25749
25749
  }
25750
25750
  }, [this.showDate ? createVNode("div", {
25751
- "class": "bk-time-picker-header"
25751
+ "class": resolveClassName("time-picker-header")
25752
25752
  }, [this.visibleDate]) : "", createVNode("div", {
25753
- "class": "bk-picker-panel-content"
25753
+ "class": resolveClassName("picker-panel-content")
25754
25754
  }, [createVNode(TimeSpinner, {
25755
25755
  "ref": "timeSpinnerRef",
25756
25756
  "showSeconds": this.showSeconds,
@@ -25991,20 +25991,20 @@ var DatePanel = defineComponent({
25991
25991
  render() {
25992
25992
  var _a, _b, _c;
25993
25993
  return createVNode("div", {
25994
- "class": ["bk-picker-panel-body-wrapper", this.shortcuts.length || this.hasShortcuts ? "bk-picker-panel-with-sidebar" : ""],
25994
+ "class": [resolveClassName("picker-panel-body-wrapper"), this.shortcuts.length || this.hasShortcuts ? resolveClassName("picker-panel-with-sidebar") : ""],
25995
25995
  "onMousedown": (e) => {
25996
25996
  e.preventDefault();
25997
25997
  }
25998
25998
  }, [this.shortcuts.length ? createVNode("div", {
25999
25999
  "class": "bk-picker-panel-sidebar"
26000
26000
  }, [this.shortcuts.map((shortcut) => createVNode("div", {
26001
- "class": "bk-picker-panel-shortcut",
26001
+ "class": resolveClassName("picker-panel-shortcut"),
26002
26002
  "onClick": () => this.handleShortcutClick(shortcut)
26003
26003
  }, [shortcut.text]))]) : "", createVNode("div", {
26004
- "class": "bk-picker-panel-body",
26004
+ "class": resolveClassName("picker-panel-body"),
26005
26005
  "style": "width: 261px;"
26006
26006
  }, [withDirectives(createVNode("div", {
26007
- "class": "bk-date-picker-header"
26007
+ "class": resolveClassName("date-picker-header")
26008
26008
  }, [createVNode("span", {
26009
26009
  "class": iconBtnCls("prev", "-double"),
26010
26010
  "onClick": () => this.changeYear(-1)
@@ -26022,10 +26022,10 @@ var DatePanel = defineComponent({
26022
26022
  lineHeight: 1
26023
26023
  }
26024
26024
  }, null)]), [[vShow, this.currentView === "date"]]) : "", this.datePanelLabel && Object.keys(this.datePanelLabel).length > 0 ? createVNode("span", null, [withDirectives(createVNode("span", {
26025
- "class": "bk-date-picker-header-label",
26025
+ "class": resolveClassName("date-picker-header-label"),
26026
26026
  "onClick": () => this.datePanelLabel.labels[0].handler
26027
26027
  }, [this.datePanelLabel.labels[0].label]), [[vShow, this.showLabelFirst]]), this.currentView === "date" ? ` ${this.datePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26028
- "class": "bk-date-picker-header-label",
26028
+ "class": resolveClassName("date-picker-header-label"),
26029
26029
  "onClick": () => this.datePanelLabel.labels[1].handler
26030
26030
  }, [this.datePanelLabel.labels[1].label]), [[vShow, this.showLabelSecond]])]) : "", createVNode("span", {
26031
26031
  "class": iconBtnCls("next", "-double"),
@@ -26044,7 +26044,7 @@ var DatePanel = defineComponent({
26044
26044
  lineHeight: 1
26045
26045
  }
26046
26046
  }, null)]), [[vShow, this.currentView === "date"]]) : ""]), [[vShow, this.currentView !== "time"]]), createVNode("div", {
26047
- "class": "bk-picker-panel-content"
26047
+ "class": resolveClassName("picker-panel-content")
26048
26048
  }, [this.currentView !== "time" ? (() => {
26049
26049
  switch (this.pickerTable) {
26050
26050
  case "date-table":
@@ -26078,7 +26078,7 @@ var DatePanel = defineComponent({
26078
26078
  "onPick-clear": this.handlePickClear,
26079
26079
  "onPick-success": this.handlePickSuccess
26080
26080
  }, this.$slots) : ""]), this.hasShortcuts ? createVNode("div", {
26081
- "class": "bk-picker-panel-sidebar"
26081
+ "class": resolveClassName("picker-panel-sidebar")
26082
26082
  }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
26083
26083
  }
26084
26084
  });
@@ -26178,17 +26178,17 @@ var TimeRangePanel = defineComponent({
26178
26178
  },
26179
26179
  render() {
26180
26180
  return createVNode("div", {
26181
- "class": ["bk-picker-panel-body-wrapper", "bk-time-picker-with-range", this.showSeconds ? "bk-time-picker-with-seconds" : ""],
26181
+ "class": [resolveClassName("picker-panel-body-wrapper"), resolveClassName("time-picker-with-range"), this.showSeconds ? resolveClassName("time-picker-with-seconds") : ""],
26182
26182
  "onMousedown": (e) => {
26183
26183
  e.preventDefault();
26184
26184
  }
26185
26185
  }, [createVNode("div", {
26186
- "class": "bk-picker-panel-body",
26186
+ "class": resolveClassName("picker-panel-body"),
26187
26187
  "style": {
26188
26188
  width: `${this.width * 2}px`
26189
26189
  }
26190
26190
  }, [createVNode("div", {
26191
- "class": "bk-picker-panel-content bk-picker-panel-content-left",
26191
+ "class": [resolveClassName("picker-panel-content", resolveClassName("picker-panel-content-left"))],
26192
26192
  "style": {
26193
26193
  width: `${this.width}px`
26194
26194
  }
@@ -26208,12 +26208,12 @@ var TimeRangePanel = defineComponent({
26208
26208
  "onChange": this.handleStartChange,
26209
26209
  "onPick-click": this.handlePickClick
26210
26210
  }, null)]), createVNode("div", {
26211
- "class": "bk-picker-panel-content bk-picker-panel-content-right",
26211
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
26212
26212
  "style": {
26213
26213
  width: `${this.width}px`
26214
26214
  }
26215
26215
  }, [this.showDate ? createVNode("div", {
26216
- "class": "bk-time-picker-header"
26216
+ "class": resolveClassName("time-picker-header")
26217
26217
  }, [this.rightDatePanelLabel]) : "", createVNode(TimeSpinner, {
26218
26218
  "ref": "timeSpinnerEndRef",
26219
26219
  "steps": this.steps,
@@ -26606,7 +26606,7 @@ var DateRangePanel = defineComponent({
26606
26606
  } else {
26607
26607
  if (this.shortcuts.length) {
26608
26608
  inner = createVNode("div", {
26609
- "class": "bk-picker-panel-shortcuts"
26609
+ "class": resolveClassName("picker-panel-shortcuts")
26610
26610
  }, [this.shortcuts.map((item, index2) => createVNode("div", {
26611
26611
  "key": index2,
26612
26612
  "class": "shortcuts-item",
@@ -26615,21 +26615,21 @@ var DateRangePanel = defineComponent({
26615
26615
  }
26616
26616
  }
26617
26617
  shortcuts = createVNode("div", {
26618
- "class": "bk-picker-panel-sidebar"
26618
+ "class": resolveClassName("picker-panel-sidebar")
26619
26619
  }, [inner]);
26620
26620
  }
26621
26621
  return createVNode("div", {
26622
- "class": ["bk-picker-panel-body-wrapper", "bk-date-picker-with-range", this.shortcuts.length || this.$slots.shortcuts ? "bk-picker-panel-with-sidebar" : ""],
26622
+ "class": [resolveClassName("picker-panel-body-wrapper"), resolveClassName("date-picker-with-range"), this.shortcuts.length || this.$slots.shortcuts ? resolveClassName("picker-panel-with-sidebar") : ""],
26623
26623
  "onMousedown": (e) => {
26624
26624
  e.preventDefault();
26625
26625
  }
26626
26626
  }, [createVNode("div", {
26627
- "class": ["bk-picker-panel-body", this.showTime ? "bk-picker-panel-body-time" : "bk-picker-panel-body-date"]
26627
+ "class": [resolveClassName("picker-panel-body"), this.showTime ? resolveClassName("picker-panel-body-time") : resolveClassName("picker-panel-body-date")]
26628
26628
  }, [withDirectives(createVNode("div", {
26629
- "class": "bk-picker-panel-content bk-picker-panel-content-left",
26629
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-left")],
26630
26630
  "style": "width: 261px;"
26631
26631
  }, [withDirectives(createVNode("div", {
26632
- "class": "bk-date-picker-header"
26632
+ "class": resolveClassName("date-picker-header")
26633
26633
  }, [createVNode("span", {
26634
26634
  "class": iconBtnCls("prev", "-double"),
26635
26635
  "onClick": () => this.prevYear("left")
@@ -26647,10 +26647,10 @@ var DateRangePanel = defineComponent({
26647
26647
  lineHeight: 1
26648
26648
  }
26649
26649
  }, null)]), [[vShow, this.currentView === "date"]]) : "", this.leftDatePanelLabel && Object.keys(this.leftDatePanelLabel).length > 0 ? createVNode("span", null, [withDirectives(createVNode("span", {
26650
- "class": "bk-date-picker-header-label",
26650
+ "class": resolveClassName("date-picker-header-label"),
26651
26651
  "onClick": () => this.leftDatePanelLabel.labels[0].handler
26652
26652
  }, [this.leftDatePanelLabel.labels[0].label]), [[vShow, this.leftShowLabelFirst]]), this.leftDatePanelView === "date" ? ` ${this.leftDatePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26653
- "class": "bk-date-picker-header-label",
26653
+ "class": resolveClassName("date-picker-header-label"),
26654
26654
  "onClick": () => this.leftDatePanelLabel.labels[1].handler
26655
26655
  }, [this.leftDatePanelLabel.labels[1].label]), [[vShow, this.leftShowLabelSecond]])]) : "", this.splitPanels || this.leftPickerTable !== "date-table" ? createVNode("span", {
26656
26656
  "class": iconBtnCls("next", "-double"),
@@ -26685,10 +26685,10 @@ var DateRangePanel = defineComponent({
26685
26685
  return null;
26686
26686
  }
26687
26687
  })() : ""]), [[vShow, !this.isTime]]), withDirectives(createVNode("div", {
26688
- "class": "bk-picker-panel-content bk-picker-panel-content-right",
26688
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
26689
26689
  "style": "width: 261px;"
26690
26690
  }, [withDirectives(createVNode("div", {
26691
- "class": "bk-date-picker-header"
26691
+ "class": resolveClassName("date-picker-header")
26692
26692
  }, [this.splitPanels || this.rightPickerTable !== "date-table" ? createVNode("span", {
26693
26693
  "class": iconBtnCls("prev", "-double"),
26694
26694
  "onClick": () => this.prevYear("right")
@@ -26706,10 +26706,10 @@ var DateRangePanel = defineComponent({
26706
26706
  lineHeight: 1
26707
26707
  }
26708
26708
  }, null)]), [[vShow, this.currentView === "date"]]) : "", this.rightDatePanelLabel && Object.keys(this.rightDatePanelLabel).length > 0 ? createVNode("span", null, [withDirectives(createVNode("span", {
26709
- "class": "bk-date-picker-header-label",
26709
+ "class": resolveClassName("date-picker-header-label"),
26710
26710
  "onClick": () => this.rightDatePanelLabel.labels[0].handler
26711
26711
  }, [this.rightDatePanelLabel.labels[0].label]), [[vShow, this.rightShowLabelFirst]]), this.rightDatePanelView === "date" ? ` ${this.rightDatePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26712
- "class": "bk-date-picker-header-label",
26712
+ "class": resolveClassName("date-picker-header-label"),
26713
26713
  "onClick": () => this.rightDatePanelLabel.labels[1].handler
26714
26714
  }, [this.rightDatePanelLabel.labels[1].label]), [[vShow, this.rightShowLabelSecond]])]) : "", this.upToNow ? (() => {
26715
26715
  if ((this.rangeState.selecting || this.currentView === "time") && this.upToNowEnable) {
@@ -27055,7 +27055,7 @@ var Component$a = defineComponent({
27055
27055
  e.stopPropagation();
27056
27056
  e.preventDefault();
27057
27057
  if (isConfirm.value) {
27058
- const selector = ".bk-picker-confirm > *";
27058
+ const selector = `.${resolveClassName("picker-confirm")} > *`;
27059
27059
  const tabbable = pickerDropdownRef.value.$el.querySelectorAll(selector);
27060
27060
  state.internalFocus = true;
27061
27061
  const element = [...tabbable][e.shiftKey ? "pop" : "shift"]();
@@ -27223,7 +27223,7 @@ var Component$a = defineComponent({
27223
27223
  "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"
27224
27224
  }, null)])])]), createVNode("input", {
27225
27225
  "type": "text",
27226
- "class": ["bk-date-picker-editor", this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27226
+ "class": [resolveClassName("date-picker-editor"), this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27227
27227
  "ref": "inputRef",
27228
27228
  "key": this.forceInputRerender,
27229
27229
  "readonly": this.localReadonly,
@@ -27252,10 +27252,10 @@ var Component$a = defineComponent({
27252
27252
  } : {};
27253
27253
  const slots = __spreadValues(__spreadValues({}, shortcutsSlot), confirmSlot);
27254
27254
  return withDirectives(createVNode("div", {
27255
- "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27255
+ "class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27256
27256
  }, [createVNode("div", {
27257
27257
  "ref": "triggerRef",
27258
- "class": "bk-date-picker-rel",
27258
+ "class": resolveClassName("date-picker-rel"),
27259
27259
  "onMouseenter": this.handleInputMouseenter,
27260
27260
  "onMouseleave": this.handleInputMouseleave
27261
27261
  }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
@@ -27263,10 +27263,10 @@ var Component$a = defineComponent({
27263
27263
  "disabled": !this.appendToBody
27264
27264
  }, {
27265
27265
  default: () => [createVNode(Transition, {
27266
- "name": "bk-fade-down-transition"
27266
+ "name": resolveClassName("fade-down-transition")
27267
27267
  }, {
27268
27268
  default: () => [withDirectives(createVNode(PickerDropdown, {
27269
- "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
27269
+ "class": [this.appendToBody ? resolveClassName("date-picker-transfer") : ""],
27270
27270
  "ref": "pickerDropdownRef",
27271
27271
  "triggerRef": this.triggerRef,
27272
27272
  "placement": this.placement,
@@ -27276,7 +27276,7 @@ var Component$a = defineComponent({
27276
27276
  default: () => {
27277
27277
  var _a2, _b2, _c2, _d, _e, _f;
27278
27278
  return [this.hasHeader ? createVNode("div", {
27279
- "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
27279
+ "class": [resolveClassName("date-picker-top-wrapper"), this.headerSlotCls]
27280
27280
  }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
27281
27281
  "ref": "pickerPanelRef",
27282
27282
  "type": this.type,
@@ -27313,7 +27313,7 @@ var Component$a = defineComponent({
27313
27313
  "onPick-success": this.onPickSuccess,
27314
27314
  "onSelection-mode-change": this.onSelectionModeChange
27315
27315
  }, slots), this.hasFooter ? createVNode("div", {
27316
- "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
27316
+ "class": [resolveClassName("date-picker-footer-wrapper"), this.footerSlotCls]
27317
27317
  }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
27318
27318
  }
27319
27319
  }), [[vShow, this.opened]])]
@@ -27778,7 +27778,7 @@ var TimePicker = defineComponent({
27778
27778
  "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"
27779
27779
  }, null)])])]), createVNode("input", {
27780
27780
  "type": "text",
27781
- "class": ["bk-date-picker-editor", this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27781
+ "class": [resolveClassName("date-picker-editor"), this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27782
27782
  "ref": "inputRef",
27783
27783
  "key": this.forceInputRerender,
27784
27784
  "readonly": this.localReadonly,
@@ -27801,10 +27801,10 @@ var TimePicker = defineComponent({
27801
27801
  }
27802
27802
  } : {};
27803
27803
  return withDirectives(createVNode("div", {
27804
- "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27804
+ "class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27805
27805
  }, [createVNode("div", {
27806
27806
  "ref": "triggerRef",
27807
- "class": "bk-date-picker-rel",
27807
+ "class": resolveClassName("date-picker-rel"),
27808
27808
  "onMouseenter": this.handleInputMouseenter,
27809
27809
  "onMouseleave": this.handleInputMouseleave
27810
27810
  }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
@@ -27815,7 +27815,7 @@ var TimePicker = defineComponent({
27815
27815
  "name": "bk-fade-down-transition"
27816
27816
  }, {
27817
27817
  default: () => [withDirectives(createVNode(PickerDropdown, {
27818
- "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
27818
+ "class": [this.appendToBody ? resolveClassName("date-picker-transfer") : ""],
27819
27819
  "ref": "pickerDropdownRef",
27820
27820
  "triggerRef": this.triggerRef,
27821
27821
  "placement": this.placement,
@@ -27826,7 +27826,7 @@ var TimePicker = defineComponent({
27826
27826
  default: () => {
27827
27827
  var _a2, _b2, _c2, _d, _e, _f;
27828
27828
  return [this.hasHeader ? createVNode("div", {
27829
- "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
27829
+ "class": [resolveClassName("date-picker-top-wrapper"), this.headerSlotCls]
27830
27830
  }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "RangeTimePickerPanel" ? createVNode(TimeRangePanel, {
27831
27831
  "ref": "pickerPanelRef",
27832
27832
  "clearable": this.clearable,
@@ -27859,7 +27859,7 @@ var TimePicker = defineComponent({
27859
27859
  "disabledMinutes": this.ownPickerProps.disabledMinutes,
27860
27860
  "disabledSeconds": this.ownPickerProps.disabledSeconds
27861
27861
  }, shortcutsSlot), this.hasFooter ? createVNode("div", {
27862
- "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
27862
+ "class": [resolveClassName("date-picker-footer-wrapper"), this.footerSlotCls]
27863
27863
  }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
27864
27864
  }
27865
27865
  }), [[vShow, this.opened]])]