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

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 (51) hide show
  1. package/dist/index.cjs.js +51 -51
  2. package/dist/index.esm.js +132 -128
  3. package/dist/index.umd.js +52 -52
  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.d.ts +24 -1
  37. package/lib/select/index.js +1 -1
  38. package/lib/select/select.css +1 -2
  39. package/lib/select/select.d.ts +11 -0
  40. package/lib/select/select.less +34 -35
  41. package/lib/select/select.variable.css +1 -2
  42. package/lib/styles/mixins/mixins.css +1 -1
  43. package/lib/styles/mixins/mixins.variable.css +1 -1
  44. package/lib/styles/mixins/popper.css +1 -1
  45. package/lib/styles/mixins/popper.less +12 -11
  46. package/lib/styles/mixins/popper.variable.css +121 -1
  47. package/lib/switcher/switcher.css +1 -1
  48. package/lib/switcher/switcher.variable.css +18 -18
  49. package/lib/upload/upload.css +1 -1
  50. package/lib/upload/upload.variable.css +28 -28
  51. 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,24 +14672,24 @@ 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]]);
14689
14689
  }
14690
14690
  });
14691
14691
  var OptionGroup = defineComponent({
14692
- name: "Group",
14692
+ name: "OptionGroup",
14693
14693
  props: {
14694
14694
  label: PropTypes.string.def(""),
14695
14695
  disabled: PropTypes.bool.def(false),
@@ -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,
@@ -15310,7 +15310,8 @@ var Component$j = defineComponent({
15310
15310
  inputSearch: PropTypes.bool.def(true),
15311
15311
  enableVirtualRender: PropTypes.bool.def(false),
15312
15312
  allowEmptyValues: PropTypes.array.def([]),
15313
- autoFocus: PropTypes.bool.def(false)
15313
+ autoFocus: PropTypes.bool.def(false),
15314
+ keepSearchValue: PropTypes.bool.def(false)
15314
15315
  },
15315
15316
  emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end", "focus", "blur"],
15316
15317
  setup(props2, {
@@ -15342,7 +15343,8 @@ var Component$j = defineComponent({
15342
15343
  autoHeight,
15343
15344
  popoverOptions,
15344
15345
  allowEmptyValues,
15345
- autoFocus
15346
+ autoFocus,
15347
+ keepSearchValue
15346
15348
  } = toRefs(props2);
15347
15349
  const formItem = useFormItem();
15348
15350
  const inputRef = ref();
@@ -15464,7 +15466,9 @@ var Component$j = defineComponent({
15464
15466
  const isInput = computed(() => (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value);
15465
15467
  watch(isPopoverShow, (isShow) => {
15466
15468
  if (!isShow) {
15467
- searchKey.value = "";
15469
+ if (!keepSearchValue.value) {
15470
+ searchKey.value = "";
15471
+ }
15468
15472
  } else {
15469
15473
  setTimeout(() => {
15470
15474
  focusInput();
@@ -15771,7 +15775,7 @@ var Component$j = defineComponent({
15771
15775
  },
15772
15776
  render() {
15773
15777
  const selectClass = classes({
15774
- "bk-select": true,
15778
+ [resolveClassName("select")]: true,
15775
15779
  "popover-show": this.isPopoverShow,
15776
15780
  "is-disabled": this.isDisabled,
15777
15781
  "is-focus": this.isFocus,
@@ -15846,7 +15850,7 @@ var Component$j = defineComponent({
15846
15850
  });
15847
15851
  };
15848
15852
  const renderSelectTrigger = () => createVNode("div", {
15849
- "class": "bk-select-trigger",
15853
+ "class": resolveClassName("select-trigger"),
15850
15854
  "style": {
15851
15855
  height: this.autoHeight && this.collapseTags ? "32px" : ""
15852
15856
  },
@@ -15858,21 +15862,21 @@ var Component$j = defineComponent({
15858
15862
  const renderSelectContent = () => {
15859
15863
  var _a, _b;
15860
15864
  return createVNode("div", {
15861
- "class": "bk-select-content-wrapper",
15865
+ "class": resolveClassName("select-content-wrapper"),
15862
15866
  "ref": "contentRef"
15863
15867
  }, [this.filterable && !this.inputSearch && createVNode("div", {
15864
- "class": "bk-select-search-wrapper"
15868
+ "class": resolveClassName("select-search-wrapper")
15865
15869
  }, [createVNode(search, {
15866
15870
  "class": "icon-search",
15867
15871
  "width": 16,
15868
15872
  "height": 16
15869
15873
  }, null), withDirectives(createVNode("input", {
15870
15874
  "ref": "searchRef",
15871
- "class": "bk-select-search-input",
15875
+ "class": resolveClassName("select-search-input"),
15872
15876
  "placeholder": this.searchPlaceholder,
15873
15877
  "onUpdate:modelValue": ($event) => this.searchKey = $event
15874
15878
  }, null), [[vModelText, this.searchKey]])]), !this.isShowSelectContent && createVNode("div", {
15875
- "class": "bk-select-empty"
15879
+ "class": resolveClassName("select-empty")
15876
15880
  }, [this.searchLoading && createVNode(BkLoading, {
15877
15881
  "class": "mr5",
15878
15882
  "theme": "primary",
@@ -15880,17 +15884,17 @@ var Component$j = defineComponent({
15880
15884
  "mode": "spin",
15881
15885
  "size": "mini"
15882
15886
  }, null), createVNode("span", null, [this.curContentText])]), createVNode("div", {
15883
- "class": "bk-select-content"
15887
+ "class": resolveClassName("select-content")
15884
15888
  }, [createVNode("div", {
15885
- "class": "bk-select-dropdown",
15889
+ "class": resolveClassName("select-dropdown"),
15886
15890
  "style": {
15887
15891
  maxHeight: `${this.scrollHeight}px`
15888
15892
  },
15889
15893
  "onScroll": this.handleScroll
15890
15894
  }, [withDirectives(createVNode("ul", {
15891
- "class": "bk-select-options"
15895
+ "class": resolveClassName("select-options")
15892
15896
  }, [this.isShowSelectAll && createVNode("li", {
15893
- "class": "bk-select-option",
15897
+ "class": resolveClassName("select-option"),
15894
15898
  "onMouseenter": this.handleSelectedAllOptionMouseEnter,
15895
15899
  "onClick": this.handleToggleAll
15896
15900
  }, [this.selectAllText]), this.enableVirtualRender ? createVNode(BkVirtualRender, {
@@ -15910,7 +15914,7 @@ var Component$j = defineComponent({
15910
15914
  "value": item[this.idKey],
15911
15915
  "label": item[this.displayKey]
15912
15916
  }, null)), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), this.scrollLoading && createVNode("li", {
15913
- "class": "bk-select-options-loading"
15917
+ "class": resolveClassName("select-options-loading")
15914
15918
  }, [createVNode(BkLoading, {
15915
15919
  "class": "spinner mr5",
15916
15920
  "theme": "primary",
@@ -15918,7 +15922,7 @@ var Component$j = defineComponent({
15918
15922
  "mode": "spin",
15919
15923
  "size": "mini"
15920
15924
  }, null), createVNode("span", null, [this.loadingText])])]), [[vShow, this.isShowSelectContent]])]), this.$slots.extension && createVNode("div", {
15921
- "class": "bk-select-extension"
15925
+ "class": resolveClassName("select-extension")
15922
15926
  }, [this.$slots.extension()])])]);
15923
15927
  };
15924
15928
  return createVNode("div", {
@@ -21830,14 +21834,14 @@ const InfoBox = (config) => {
21830
21834
  }
21831
21835
  if (children.length) {
21832
21836
  subTitleBox.push(h$1("div", {
21833
- class: "bk-info-sub-title",
21837
+ class: resolveClassName("info-sub-title"),
21834
21838
  style: `text-Align:${modalFuncProps.value.contentAlign || "center"}`
21835
21839
  }, children));
21836
21840
  }
21837
21841
  return subTitleBox;
21838
21842
  };
21839
21843
  return () => createVNode(Dialog, __spreadProps(__spreadValues({
21840
- class: "bk-info-wrapper",
21844
+ class: resolveClassName("info-wrapper"),
21841
21845
  headerAlign: "center",
21842
21846
  footerAlign: "center"
21843
21847
  }, modalFuncProps.value), {
@@ -22660,7 +22664,7 @@ var PickerDropdown = defineComponent({
22660
22664
  var _a, _b, _c;
22661
22665
  return createVNode("div", {
22662
22666
  "ref": "refContentRef",
22663
- "class": ["bk-date-picker-dropdown", this.className, this.extPopoverCls],
22667
+ "class": [resolveClassName("date-picker-dropdown"), this.className, this.extPopoverCls],
22664
22668
  "style": this.styles,
22665
22669
  "onClick": this.onClick
22666
22670
  }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : ""]);
@@ -22727,18 +22731,18 @@ var Confirm = defineComponent({
22727
22731
  render() {
22728
22732
  var _a, _b, _c;
22729
22733
  return createVNode("div", {
22730
- "class": "bk-picker-confirm",
22734
+ "class": resolveClassName("picker-confirm"),
22731
22735
  "ref": "elRef",
22732
22736
  "onKeydown": this.handleTab
22733
22737
  }, [this.showTime ? createVNode(BkButton, {
22734
22738
  "text": true,
22735
- "class": "bk-picker-confirm-time",
22739
+ "class": resolveClassName("picker-confirm-time"),
22736
22740
  "disabled": this.timeDisabled,
22737
22741
  "onClick": this.handleToggleTime
22738
22742
  }, {
22739
22743
  default: () => [this.labels.time]
22740
22744
  }) : "", (_c = (_b = (_a = this.$slots).confirm) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("div", {
22741
- "class": "bk-picker-confirm-action"
22745
+ "class": resolveClassName("picker-confirm-action")
22742
22746
  }, [this.clearable ? createVNode("a", {
22743
22747
  "href": "javascript: void(0);",
22744
22748
  "onClick": this.handleClear,
@@ -24920,9 +24924,9 @@ const datePickerKey = Symbol("date-picker");
24920
24924
  const timePickerKey = Symbol("time-picker");
24921
24925
  function iconBtnCls(direction, type = "") {
24922
24926
  return [
24923
- "bk-picker-panel-icon-btn",
24924
- `bk-date-picker-${direction}-btn`,
24925
- `bk-date-picker-${direction}-btn-arrow${type}`
24927
+ resolveClassName("picker-panel-icon-btn"),
24928
+ resolveClassName(`date-picker-${direction}-btn`),
24929
+ resolveClassName(`date-picker-${direction}-btn-arrow${type}`)
24926
24930
  ];
24927
24931
  }
24928
24932
  const getDayCountOfMonth = (year, month) => new Date(year, month + 1, 0).getDate();
@@ -25092,14 +25096,14 @@ var DateTable = defineComponent({
25092
25096
  const newDate = cell.date;
25093
25097
  emit("changeRange", newDate);
25094
25098
  };
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
25099
+ const getCellCls = (cell) => [resolveClassName("date-picker-cells-cell"), {
25100
+ [resolveClassName("date-picker-cells-cell-selected")]: cell.selected || cell.start || cell.end,
25101
+ [resolveClassName("date-picker-cells-cell-disabled")]: cell.disabled,
25102
+ [resolveClassName("date-picker-cells-cell-today")]: cell.type === "today",
25103
+ [resolveClassName("date-picker-cells-cell-prev-month")]: cell.type === "prevMonth",
25104
+ [resolveClassName("date-picker-cells-cell-next-month")]: cell.type === "nextMonth",
25105
+ [resolveClassName("date-picker-cells-cell-week-label")]: cell.type === "weekLabel",
25106
+ [resolveClassName("date-picker-cells-cell-range")]: cell.range && !cell.start && !cell.end
25103
25107
  }];
25104
25108
  return {
25105
25109
  headerDays,
@@ -25111,9 +25115,9 @@ var DateTable = defineComponent({
25111
25115
  },
25112
25116
  render() {
25113
25117
  return createVNode("div", {
25114
- "class": "bk-date-picker-cells"
25118
+ "class": resolveClassName("date-picker-cells")
25115
25119
  }, [createVNode("div", {
25116
- "class": "bk-date-picker-cells-header"
25120
+ "class": resolveClassName("date-picker-cells-header")
25117
25121
  }, [this.headerDays.map((day) => createVNode("span", null, [day]))]), this.cells.map((cell) => createVNode("span", {
25118
25122
  "class": this.getCellCls(cell),
25119
25123
  "onClick": () => this.handleClick(cell),
@@ -25477,10 +25481,10 @@ var TimeSpinner = defineComponent({
25477
25481
  return domRef.value;
25478
25482
  }
25479
25483
  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
25484
+ return [resolveClassName("time-picker-cells-cell"), {
25485
+ [resolveClassName("time-picker-cells-cell-selected")]: cell.selected,
25486
+ [resolveClassName("time-picker-cells-cell-focused")]: cell.focused,
25487
+ [resolveClassName("time-picker-cells-cell-disabled")]: cell.disabled
25484
25488
  }];
25485
25489
  }
25486
25490
  function bindWheelEvent() {
@@ -25593,42 +25597,42 @@ var TimeSpinner = defineComponent({
25593
25597
  },
25594
25598
  render() {
25595
25599
  return createVNode("div", {
25596
- "class": ["bk-time-picker-cells", this.showSeconds ? "bk-time-picker-cells-with-seconds" : ""]
25600
+ "class": [resolveClassName("time-picker-cells"), this.showSeconds ? resolveClassName("time-picker-cells-with-seconds") : ""]
25597
25601
  }, [createVNode("div", {
25598
- "class": "bk-time-picker-cells-title-wrapper"
25602
+ "class": resolveClassName("time-picker-cells-title-wrapper")
25599
25603
  }, [createVNode("div", {
25600
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 0 ? "active" : ""],
25604
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 0 ? "active" : ""],
25601
25605
  "style": this.styles
25602
25606
  }, [createTextVNode("\u65F6")]), createVNode("div", {
25603
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 1 ? "active" : ""],
25607
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 1 ? "active" : ""],
25604
25608
  "style": this.styles
25605
25609
  }, [createTextVNode("\u5206")]), withDirectives(createVNode("div", {
25606
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 2 ? "active" : ""],
25610
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 2 ? "active" : ""],
25607
25611
  "style": this.styles
25608
25612
  }, [createTextVNode("\u79D2")]), [[vShow, this.showSeconds]])]), createVNode("div", {
25609
- "class": "bk-time-picker-cells-list",
25613
+ "class": resolveClassName("time-picker-cells-list"),
25610
25614
  "ref": "hoursRef",
25611
25615
  "style": this.styles
25612
25616
  }, [createVNode("ul", {
25613
- "class": "bk-time-picker-cells-ul"
25617
+ "class": resolveClassName("time-picker-cells-ul")
25614
25618
  }, [this.hoursList.map((item) => withDirectives(createVNode("li", {
25615
25619
  "class": this.getCellCls(item),
25616
25620
  "onClick": () => this.handleClick("hours", item)
25617
25621
  }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), createVNode("div", {
25618
- "class": "bk-time-picker-cells-list",
25622
+ "class": resolveClassName("time-picker-cells-list"),
25619
25623
  "ref": "minutesRef",
25620
25624
  "style": this.styles
25621
25625
  }, [createVNode("ul", {
25622
- "class": "bk-time-picker-cells-ul"
25626
+ "class": resolveClassName("time-picker-cells-ul")
25623
25627
  }, [this.minutesList.map((item) => withDirectives(createVNode("li", {
25624
25628
  "class": this.getCellCls(item),
25625
25629
  "onClick": () => this.handleClick("minutes", item)
25626
25630
  }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), withDirectives(createVNode("div", {
25627
- "class": "bk-time-picker-cells-list",
25631
+ "class": resolveClassName("time-picker-cells-list"),
25628
25632
  "ref": "secondsRef",
25629
25633
  "style": this.styles
25630
25634
  }, [createVNode("ul", {
25631
- "class": "bk-time-picker-cells-ul"
25635
+ "class": resolveClassName("time-picker-cells-ul")
25632
25636
  }, [this.secondsList.map((item) => withDirectives(createVNode("li", {
25633
25637
  "class": this.getCellCls(item),
25634
25638
  "onClick": () => this.handleClick("seconds", item)
@@ -25738,19 +25742,19 @@ var TimePanel = defineComponent({
25738
25742
  },
25739
25743
  render() {
25740
25744
  return createVNode("div", {
25741
- "class": "bk-picker-panel-body-wrapper",
25745
+ "class": resolveClassName("picker-panel-body-wrapper"),
25742
25746
  "onMousedown": (e) => {
25743
25747
  e.preventDefault();
25744
25748
  }
25745
25749
  }, [createVNode("div", {
25746
- "class": "bk-picker-panel-body",
25750
+ "class": resolveClassName("picker-panel-body"),
25747
25751
  "style": {
25748
25752
  width: `${this.width}px`
25749
25753
  }
25750
25754
  }, [this.showDate ? createVNode("div", {
25751
- "class": "bk-time-picker-header"
25755
+ "class": resolveClassName("time-picker-header")
25752
25756
  }, [this.visibleDate]) : "", createVNode("div", {
25753
- "class": "bk-picker-panel-content"
25757
+ "class": resolveClassName("picker-panel-content")
25754
25758
  }, [createVNode(TimeSpinner, {
25755
25759
  "ref": "timeSpinnerRef",
25756
25760
  "showSeconds": this.showSeconds,
@@ -25991,20 +25995,20 @@ var DatePanel = defineComponent({
25991
25995
  render() {
25992
25996
  var _a, _b, _c;
25993
25997
  return createVNode("div", {
25994
- "class": ["bk-picker-panel-body-wrapper", this.shortcuts.length || this.hasShortcuts ? "bk-picker-panel-with-sidebar" : ""],
25998
+ "class": [resolveClassName("picker-panel-body-wrapper"), this.shortcuts.length || this.hasShortcuts ? resolveClassName("picker-panel-with-sidebar") : ""],
25995
25999
  "onMousedown": (e) => {
25996
26000
  e.preventDefault();
25997
26001
  }
25998
26002
  }, [this.shortcuts.length ? createVNode("div", {
25999
26003
  "class": "bk-picker-panel-sidebar"
26000
26004
  }, [this.shortcuts.map((shortcut) => createVNode("div", {
26001
- "class": "bk-picker-panel-shortcut",
26005
+ "class": resolveClassName("picker-panel-shortcut"),
26002
26006
  "onClick": () => this.handleShortcutClick(shortcut)
26003
26007
  }, [shortcut.text]))]) : "", createVNode("div", {
26004
- "class": "bk-picker-panel-body",
26008
+ "class": resolveClassName("picker-panel-body"),
26005
26009
  "style": "width: 261px;"
26006
26010
  }, [withDirectives(createVNode("div", {
26007
- "class": "bk-date-picker-header"
26011
+ "class": resolveClassName("date-picker-header")
26008
26012
  }, [createVNode("span", {
26009
26013
  "class": iconBtnCls("prev", "-double"),
26010
26014
  "onClick": () => this.changeYear(-1)
@@ -26022,10 +26026,10 @@ var DatePanel = defineComponent({
26022
26026
  lineHeight: 1
26023
26027
  }
26024
26028
  }, 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",
26029
+ "class": resolveClassName("date-picker-header-label"),
26026
26030
  "onClick": () => this.datePanelLabel.labels[0].handler
26027
26031
  }, [this.datePanelLabel.labels[0].label]), [[vShow, this.showLabelFirst]]), this.currentView === "date" ? ` ${this.datePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26028
- "class": "bk-date-picker-header-label",
26032
+ "class": resolveClassName("date-picker-header-label"),
26029
26033
  "onClick": () => this.datePanelLabel.labels[1].handler
26030
26034
  }, [this.datePanelLabel.labels[1].label]), [[vShow, this.showLabelSecond]])]) : "", createVNode("span", {
26031
26035
  "class": iconBtnCls("next", "-double"),
@@ -26044,7 +26048,7 @@ var DatePanel = defineComponent({
26044
26048
  lineHeight: 1
26045
26049
  }
26046
26050
  }, null)]), [[vShow, this.currentView === "date"]]) : ""]), [[vShow, this.currentView !== "time"]]), createVNode("div", {
26047
- "class": "bk-picker-panel-content"
26051
+ "class": resolveClassName("picker-panel-content")
26048
26052
  }, [this.currentView !== "time" ? (() => {
26049
26053
  switch (this.pickerTable) {
26050
26054
  case "date-table":
@@ -26078,7 +26082,7 @@ var DatePanel = defineComponent({
26078
26082
  "onPick-clear": this.handlePickClear,
26079
26083
  "onPick-success": this.handlePickSuccess
26080
26084
  }, this.$slots) : ""]), this.hasShortcuts ? createVNode("div", {
26081
- "class": "bk-picker-panel-sidebar"
26085
+ "class": resolveClassName("picker-panel-sidebar")
26082
26086
  }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
26083
26087
  }
26084
26088
  });
@@ -26178,17 +26182,17 @@ var TimeRangePanel = defineComponent({
26178
26182
  },
26179
26183
  render() {
26180
26184
  return createVNode("div", {
26181
- "class": ["bk-picker-panel-body-wrapper", "bk-time-picker-with-range", this.showSeconds ? "bk-time-picker-with-seconds" : ""],
26185
+ "class": [resolveClassName("picker-panel-body-wrapper"), resolveClassName("time-picker-with-range"), this.showSeconds ? resolveClassName("time-picker-with-seconds") : ""],
26182
26186
  "onMousedown": (e) => {
26183
26187
  e.preventDefault();
26184
26188
  }
26185
26189
  }, [createVNode("div", {
26186
- "class": "bk-picker-panel-body",
26190
+ "class": resolveClassName("picker-panel-body"),
26187
26191
  "style": {
26188
26192
  width: `${this.width * 2}px`
26189
26193
  }
26190
26194
  }, [createVNode("div", {
26191
- "class": "bk-picker-panel-content bk-picker-panel-content-left",
26195
+ "class": [resolveClassName("picker-panel-content", resolveClassName("picker-panel-content-left"))],
26192
26196
  "style": {
26193
26197
  width: `${this.width}px`
26194
26198
  }
@@ -26208,12 +26212,12 @@ var TimeRangePanel = defineComponent({
26208
26212
  "onChange": this.handleStartChange,
26209
26213
  "onPick-click": this.handlePickClick
26210
26214
  }, null)]), createVNode("div", {
26211
- "class": "bk-picker-panel-content bk-picker-panel-content-right",
26215
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
26212
26216
  "style": {
26213
26217
  width: `${this.width}px`
26214
26218
  }
26215
26219
  }, [this.showDate ? createVNode("div", {
26216
- "class": "bk-time-picker-header"
26220
+ "class": resolveClassName("time-picker-header")
26217
26221
  }, [this.rightDatePanelLabel]) : "", createVNode(TimeSpinner, {
26218
26222
  "ref": "timeSpinnerEndRef",
26219
26223
  "steps": this.steps,
@@ -26606,7 +26610,7 @@ var DateRangePanel = defineComponent({
26606
26610
  } else {
26607
26611
  if (this.shortcuts.length) {
26608
26612
  inner = createVNode("div", {
26609
- "class": "bk-picker-panel-shortcuts"
26613
+ "class": resolveClassName("picker-panel-shortcuts")
26610
26614
  }, [this.shortcuts.map((item, index2) => createVNode("div", {
26611
26615
  "key": index2,
26612
26616
  "class": "shortcuts-item",
@@ -26615,21 +26619,21 @@ var DateRangePanel = defineComponent({
26615
26619
  }
26616
26620
  }
26617
26621
  shortcuts = createVNode("div", {
26618
- "class": "bk-picker-panel-sidebar"
26622
+ "class": resolveClassName("picker-panel-sidebar")
26619
26623
  }, [inner]);
26620
26624
  }
26621
26625
  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" : ""],
26626
+ "class": [resolveClassName("picker-panel-body-wrapper"), resolveClassName("date-picker-with-range"), this.shortcuts.length || this.$slots.shortcuts ? resolveClassName("picker-panel-with-sidebar") : ""],
26623
26627
  "onMousedown": (e) => {
26624
26628
  e.preventDefault();
26625
26629
  }
26626
26630
  }, [createVNode("div", {
26627
- "class": ["bk-picker-panel-body", this.showTime ? "bk-picker-panel-body-time" : "bk-picker-panel-body-date"]
26631
+ "class": [resolveClassName("picker-panel-body"), this.showTime ? resolveClassName("picker-panel-body-time") : resolveClassName("picker-panel-body-date")]
26628
26632
  }, [withDirectives(createVNode("div", {
26629
- "class": "bk-picker-panel-content bk-picker-panel-content-left",
26633
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-left")],
26630
26634
  "style": "width: 261px;"
26631
26635
  }, [withDirectives(createVNode("div", {
26632
- "class": "bk-date-picker-header"
26636
+ "class": resolveClassName("date-picker-header")
26633
26637
  }, [createVNode("span", {
26634
26638
  "class": iconBtnCls("prev", "-double"),
26635
26639
  "onClick": () => this.prevYear("left")
@@ -26647,10 +26651,10 @@ var DateRangePanel = defineComponent({
26647
26651
  lineHeight: 1
26648
26652
  }
26649
26653
  }, 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",
26654
+ "class": resolveClassName("date-picker-header-label"),
26651
26655
  "onClick": () => this.leftDatePanelLabel.labels[0].handler
26652
26656
  }, [this.leftDatePanelLabel.labels[0].label]), [[vShow, this.leftShowLabelFirst]]), this.leftDatePanelView === "date" ? ` ${this.leftDatePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26653
- "class": "bk-date-picker-header-label",
26657
+ "class": resolveClassName("date-picker-header-label"),
26654
26658
  "onClick": () => this.leftDatePanelLabel.labels[1].handler
26655
26659
  }, [this.leftDatePanelLabel.labels[1].label]), [[vShow, this.leftShowLabelSecond]])]) : "", this.splitPanels || this.leftPickerTable !== "date-table" ? createVNode("span", {
26656
26660
  "class": iconBtnCls("next", "-double"),
@@ -26685,10 +26689,10 @@ var DateRangePanel = defineComponent({
26685
26689
  return null;
26686
26690
  }
26687
26691
  })() : ""]), [[vShow, !this.isTime]]), withDirectives(createVNode("div", {
26688
- "class": "bk-picker-panel-content bk-picker-panel-content-right",
26692
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
26689
26693
  "style": "width: 261px;"
26690
26694
  }, [withDirectives(createVNode("div", {
26691
- "class": "bk-date-picker-header"
26695
+ "class": resolveClassName("date-picker-header")
26692
26696
  }, [this.splitPanels || this.rightPickerTable !== "date-table" ? createVNode("span", {
26693
26697
  "class": iconBtnCls("prev", "-double"),
26694
26698
  "onClick": () => this.prevYear("right")
@@ -26706,10 +26710,10 @@ var DateRangePanel = defineComponent({
26706
26710
  lineHeight: 1
26707
26711
  }
26708
26712
  }, 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",
26713
+ "class": resolveClassName("date-picker-header-label"),
26710
26714
  "onClick": () => this.rightDatePanelLabel.labels[0].handler
26711
26715
  }, [this.rightDatePanelLabel.labels[0].label]), [[vShow, this.rightShowLabelFirst]]), this.rightDatePanelView === "date" ? ` ${this.rightDatePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26712
- "class": "bk-date-picker-header-label",
26716
+ "class": resolveClassName("date-picker-header-label"),
26713
26717
  "onClick": () => this.rightDatePanelLabel.labels[1].handler
26714
26718
  }, [this.rightDatePanelLabel.labels[1].label]), [[vShow, this.rightShowLabelSecond]])]) : "", this.upToNow ? (() => {
26715
26719
  if ((this.rangeState.selecting || this.currentView === "time") && this.upToNowEnable) {
@@ -27055,7 +27059,7 @@ var Component$a = defineComponent({
27055
27059
  e.stopPropagation();
27056
27060
  e.preventDefault();
27057
27061
  if (isConfirm.value) {
27058
- const selector = ".bk-picker-confirm > *";
27062
+ const selector = `.${resolveClassName("picker-confirm")} > *`;
27059
27063
  const tabbable = pickerDropdownRef.value.$el.querySelectorAll(selector);
27060
27064
  state.internalFocus = true;
27061
27065
  const element = [...tabbable][e.shiftKey ? "pop" : "shift"]();
@@ -27223,7 +27227,7 @@ var Component$a = defineComponent({
27223
27227
  "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
27228
  }, null)])])]), createVNode("input", {
27225
27229
  "type": "text",
27226
- "class": ["bk-date-picker-editor", this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27230
+ "class": [resolveClassName("date-picker-editor"), this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27227
27231
  "ref": "inputRef",
27228
27232
  "key": this.forceInputRerender,
27229
27233
  "readonly": this.localReadonly,
@@ -27252,10 +27256,10 @@ var Component$a = defineComponent({
27252
27256
  } : {};
27253
27257
  const slots = __spreadValues(__spreadValues({}, shortcutsSlot), confirmSlot);
27254
27258
  return withDirectives(createVNode("div", {
27255
- "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27259
+ "class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27256
27260
  }, [createVNode("div", {
27257
27261
  "ref": "triggerRef",
27258
- "class": "bk-date-picker-rel",
27262
+ "class": resolveClassName("date-picker-rel"),
27259
27263
  "onMouseenter": this.handleInputMouseenter,
27260
27264
  "onMouseleave": this.handleInputMouseleave
27261
27265
  }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
@@ -27263,10 +27267,10 @@ var Component$a = defineComponent({
27263
27267
  "disabled": !this.appendToBody
27264
27268
  }, {
27265
27269
  default: () => [createVNode(Transition, {
27266
- "name": "bk-fade-down-transition"
27270
+ "name": resolveClassName("fade-down-transition")
27267
27271
  }, {
27268
27272
  default: () => [withDirectives(createVNode(PickerDropdown, {
27269
- "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
27273
+ "class": [this.appendToBody ? resolveClassName("date-picker-transfer") : ""],
27270
27274
  "ref": "pickerDropdownRef",
27271
27275
  "triggerRef": this.triggerRef,
27272
27276
  "placement": this.placement,
@@ -27276,7 +27280,7 @@ var Component$a = defineComponent({
27276
27280
  default: () => {
27277
27281
  var _a2, _b2, _c2, _d, _e, _f;
27278
27282
  return [this.hasHeader ? createVNode("div", {
27279
- "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
27283
+ "class": [resolveClassName("date-picker-top-wrapper"), this.headerSlotCls]
27280
27284
  }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
27281
27285
  "ref": "pickerPanelRef",
27282
27286
  "type": this.type,
@@ -27313,7 +27317,7 @@ var Component$a = defineComponent({
27313
27317
  "onPick-success": this.onPickSuccess,
27314
27318
  "onSelection-mode-change": this.onSelectionModeChange
27315
27319
  }, slots), this.hasFooter ? createVNode("div", {
27316
- "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
27320
+ "class": [resolveClassName("date-picker-footer-wrapper"), this.footerSlotCls]
27317
27321
  }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
27318
27322
  }
27319
27323
  }), [[vShow, this.opened]])]
@@ -27778,7 +27782,7 @@ var TimePicker = defineComponent({
27778
27782
  "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
27783
  }, null)])])]), createVNode("input", {
27780
27784
  "type": "text",
27781
- "class": ["bk-date-picker-editor", this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27785
+ "class": [resolveClassName("date-picker-editor"), this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
27782
27786
  "ref": "inputRef",
27783
27787
  "key": this.forceInputRerender,
27784
27788
  "readonly": this.localReadonly,
@@ -27801,10 +27805,10 @@ var TimePicker = defineComponent({
27801
27805
  }
27802
27806
  } : {};
27803
27807
  return withDirectives(createVNode("div", {
27804
- "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27808
+ "class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27805
27809
  }, [createVNode("div", {
27806
27810
  "ref": "triggerRef",
27807
- "class": "bk-date-picker-rel",
27811
+ "class": resolveClassName("date-picker-rel"),
27808
27812
  "onMouseenter": this.handleInputMouseenter,
27809
27813
  "onMouseleave": this.handleInputMouseleave
27810
27814
  }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
@@ -27815,7 +27819,7 @@ var TimePicker = defineComponent({
27815
27819
  "name": "bk-fade-down-transition"
27816
27820
  }, {
27817
27821
  default: () => [withDirectives(createVNode(PickerDropdown, {
27818
- "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
27822
+ "class": [this.appendToBody ? resolveClassName("date-picker-transfer") : ""],
27819
27823
  "ref": "pickerDropdownRef",
27820
27824
  "triggerRef": this.triggerRef,
27821
27825
  "placement": this.placement,
@@ -27826,7 +27830,7 @@ var TimePicker = defineComponent({
27826
27830
  default: () => {
27827
27831
  var _a2, _b2, _c2, _d, _e, _f;
27828
27832
  return [this.hasHeader ? createVNode("div", {
27829
- "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
27833
+ "class": [resolveClassName("date-picker-top-wrapper"), this.headerSlotCls]
27830
27834
  }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "RangeTimePickerPanel" ? createVNode(TimeRangePanel, {
27831
27835
  "ref": "pickerPanelRef",
27832
27836
  "clearable": this.clearable,
@@ -27859,7 +27863,7 @@ var TimePicker = defineComponent({
27859
27863
  "disabledMinutes": this.ownPickerProps.disabledMinutes,
27860
27864
  "disabledSeconds": this.ownPickerProps.disabledSeconds
27861
27865
  }, shortcutsSlot), this.hasFooter ? createVNode("div", {
27862
- "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
27866
+ "class": [resolveClassName("date-picker-footer-wrapper"), this.footerSlotCls]
27863
27867
  }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
27864
27868
  }
27865
27869
  }), [[vShow, this.opened]])]