bkui-vue 0.0.1-beta.366 → 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 (52) hide show
  1. package/dist/index.cjs.js +51 -51
  2. package/dist/index.esm.js +136 -153
  3. package/dist/index.umd.js +50 -50
  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/shared/helper.d.ts +9 -0
  41. package/lib/shared/index.js +1 -1
  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/table/index.js +1 -1
  50. package/lib/upload/upload.css +1 -1
  51. package/lib/upload/upload.variable.css +28 -28
  52. package/package.json +1 -2
package/dist/index.esm.js CHANGED
@@ -1669,6 +1669,9 @@ function isElement$2(obj) {
1669
1669
  return typeof obj === "object" && obj.nodeType === 1 && typeof obj.style === "object" && typeof obj.ownerDocument === "object";
1670
1670
  }
1671
1671
  }
1672
+ function hasOverflowEllipsis(element) {
1673
+ return element.offsetWidth < element.scrollWidth || element.offsetHeight < element.scrollHeight;
1674
+ }
1672
1675
  class BKPopover {
1673
1676
  constructor(reference2, popperRefer, options) {
1674
1677
  var _a, _b;
@@ -9520,7 +9523,7 @@ var Component$x = defineComponent({
9520
9523
  const isFocused = ref(false);
9521
9524
  const isCNInput = ref(false);
9522
9525
  const isTextArea = computed(() => props2.type === "textarea");
9523
- const inputClsPrefix = computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
9526
+ const inputClsPrefix = computed(() => isTextArea.value ? resolveClassName("textarea") : resolveClassName("input"));
9524
9527
  const _a = ctx.attrs, {
9525
9528
  class: cls,
9526
9529
  style: style2
@@ -10471,9 +10474,9 @@ var Component$u = defineComponent({
10471
10474
  const maxHeight = this.maxHeight ? {
10472
10475
  maxHeight: this.maxHeight
10473
10476
  } : {};
10474
- const bodyClass = `bk-modal-body ${this.animateType === "slide" ? this.direction : ""}`;
10477
+ const bodyClass = `${resolveClassName("modal-body")} ${this.animateType === "slide" ? this.direction : ""}`;
10475
10478
  return createVNode("div", {
10476
- "class": ["bk-modal-wrapper", this.extCls, this.size, this.fullscreen ? "fullscreen" : ""],
10479
+ "class": [resolveClassName("modal-wrapper"), this.extCls, this.size, this.fullscreen ? "fullscreen" : ""],
10477
10480
  "style": [this.compStyle, this.fullscreen ? this.fullscreenStyle : ""]
10478
10481
  }, [createVNode(Transition, {
10479
10482
  "name": this.animateType
@@ -10483,14 +10486,14 @@ var Component$u = defineComponent({
10483
10486
  return [this.isShow ? createVNode("div", {
10484
10487
  "class": bodyClass
10485
10488
  }, [createVNode("div", {
10486
- "class": "bk-modal-header"
10489
+ "class": resolveClassName("modal-header")
10487
10490
  }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
10488
- "class": "bk-modal-content",
10491
+ "class": resolveClassName("modal-content"),
10489
10492
  "style": [this.dialogType === "show" ? "padding-bottom: 20px" : "", __spreadValues({}, maxHeight)]
10490
10493
  }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
10491
- "class": "bk-modal-footer"
10494
+ "class": resolveClassName("modal-footer")
10492
10495
  }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""]), createVNode("div", {
10493
- "class": ["bk-modal-close", this.closeIcon ? "" : "close-icon"]
10496
+ "class": [resolveClassName("modal-close"), this.closeIcon ? "" : "close-icon"]
10494
10497
  }, [(_l = (_k = (_j = this.$slots).close) == null ? void 0 : _k.call(_j)) != null ? _l : ""])]) : ""];
10495
10498
  }
10496
10499
  })]);
@@ -10646,16 +10649,16 @@ var Dialog = defineComponent({
10646
10649
  const renderIcon = () => {
10647
10650
  const iconMap = {
10648
10651
  loading: createVNode(spinner, {
10649
- "class": "bk-info-icon primary"
10652
+ "class": [resolveClassName("info-icon"), "primary"]
10650
10653
  }, null),
10651
10654
  warning: createVNode(warn, {
10652
- "class": "bk-info-icon warning"
10655
+ "class": [resolveClassName("info-icon"), "warning"]
10653
10656
  }, null),
10654
10657
  success: createVNode(success, {
10655
- "class": "bk-info-icon success"
10658
+ "class": [resolveClassName("info-icon"), "success"]
10656
10659
  }, null),
10657
10660
  danger: createVNode(close$1, {
10658
- "class": "bk-info-icon danger"
10661
+ "class": [resolveClassName("info-icon"), "danger"]
10659
10662
  }, null)
10660
10663
  };
10661
10664
  return iconMap[this.infoType];
@@ -10664,16 +10667,16 @@ var Dialog = defineComponent({
10664
10667
  header: () => {
10665
10668
  var _a, _b, _c, _d, _e, _f;
10666
10669
  return [createVNode("div", {
10667
- "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" : ""],
10668
10671
  "onMousedown": this.moveHandler
10669
10672
  }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
10670
- "class": "bk-dialog-header"
10673
+ "class": resolveClassName("dialog-header")
10671
10674
  }, [createVNode("div", {
10672
- "class": "bk-header-icon"
10675
+ "class": resolveClassName("header-icon")
10673
10676
  }, [this.infoType ? renderIcon() : createVNode("slot", {
10674
10677
  "name": "info-icon"
10675
10678
  }, null)]), createVNode("span", {
10676
- "class": "bk-dialog-title",
10679
+ "class": resolveClassName("dialog-title"),
10677
10680
  "style": `text-align: ${this.headerAlign}`
10678
10681
  }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
10679
10682
  },
@@ -10684,15 +10687,15 @@ var Dialog = defineComponent({
10684
10687
  footer: () => {
10685
10688
  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
10686
10689
  return createVNode("div", {
10687
- "class": "bk-dialog-footer",
10690
+ "class": resolveClassName("dialog-footer"),
10688
10691
  "style": `text-align: ${this.footerAlign}`
10689
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, {
10690
- "class": "bk-dialog-perv",
10693
+ "class": resolveClassName("dialog-perv"),
10691
10694
  "onClick": this.handlePrevStep
10692
10695
  }, {
10693
10696
  default: () => [this.prevText]
10694
10697
  }), this.current === this.totalStep ? "" : createVNode(BkButton, {
10695
- "class": "bk-dialog-next",
10698
+ "class": resolveClassName("dialog-next"),
10696
10699
  "onClick": this.handleNextStep
10697
10700
  }, {
10698
10701
  default: () => [this.nextText]
@@ -10703,7 +10706,7 @@ var Dialog = defineComponent({
10703
10706
  }, {
10704
10707
  default: () => [this.confirmText]
10705
10708
  }) : "", createVNode(BkButton, {
10706
- "class": "bk-dialog-cancel",
10709
+ "class": resolveClassName("dialog-cancel"),
10707
10710
  "onClick": this.handleClose,
10708
10711
  "disabled": this.isLoading
10709
10712
  }, {
@@ -10715,7 +10718,7 @@ var Dialog = defineComponent({
10715
10718
  }, {
10716
10719
  default: () => [this.confirmText]
10717
10720
  }), createVNode(BkButton, {
10718
- "class": "bk-dialog-cancel",
10721
+ "class": resolveClassName("dialog-cancel"),
10719
10722
  "onClick": this.handleClose,
10720
10723
  "disabled": this.isLoading
10721
10724
  }, {
@@ -10729,11 +10732,11 @@ var Dialog = defineComponent({
10729
10732
  })]) : ""]);
10730
10733
  },
10731
10734
  close: () => createVNode("span", {
10732
- "class": "bk-dialog-close",
10735
+ "class": resolveClassName("dialog-close"),
10733
10736
  "onClick": this.handleClose
10734
10737
  }, [createTextVNode("+")])
10735
10738
  };
10736
- 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"}`;
10737
10740
  return createVNode(BkModal, mergeProps(this.$props, {
10738
10741
  "class": className,
10739
10742
  "onClose": this.handleClose,
@@ -11323,7 +11326,7 @@ function renderContent(opts) {
11323
11326
  const isLight = theme === "light";
11324
11327
  const zIndex = bkZIndexManager.getPopperIndex();
11325
11328
  const content = document.createElement("div");
11326
- content.className = `bk-popper ${isLight ? "light" : "dark"} ${extCls}`;
11329
+ content.className = `${resolveClassName("popper")} ${isLight ? "light" : "dark"} ${extCls}`;
11327
11330
  content.innerText = value;
11328
11331
  content.style.zIndex = String(zIndex);
11329
11332
  if (hasArrow) {
@@ -11334,7 +11337,7 @@ function renderContent(opts) {
11334
11337
  }
11335
11338
  function renderArrow() {
11336
11339
  const arrow2 = document.createElement("div");
11337
- arrow2.className = "bk-popper-arrow";
11340
+ arrow2.className = resolveClassName("popper-arrow");
11338
11341
  arrow2.setAttribute("data-popper-arrow", "");
11339
11342
  return arrow2;
11340
11343
  }
@@ -14669,17 +14672,17 @@ var BkOption = defineComponent({
14669
14672
  "is-disabled": this.disabled,
14670
14673
  "is-multiple": this.multiple,
14671
14674
  "is-hover": this.isHover,
14672
- "bk-select-option": true
14675
+ [resolveClassName("select-option")]: true
14673
14676
  });
14674
14677
  return withDirectives(createVNode("li", {
14675
14678
  "class": selectItemClass,
14676
14679
  "onClick": this.handleOptionClick,
14677
14680
  "onMouseenter": this.handleMouseEnter
14678
14681
  }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("span", {
14679
- "class": "bk-select-option-item",
14682
+ "class": resolveClassName("select-option-item"),
14680
14683
  "title": this.label
14681
14684
  }, [this.label]), this.multiple && this.selected && this.showSelectedIcon && createVNode(done, {
14682
- "class": "bk-select-selected-icon",
14685
+ "class": resolveClassName("select-selected-icon"),
14683
14686
  "width": 22,
14684
14687
  "height": 22
14685
14688
  }, null)]), [[vShow, this.visible]]);
@@ -14736,12 +14739,12 @@ var OptionGroup = defineComponent({
14736
14739
  render() {
14737
14740
  var _a, _b;
14738
14741
  const groupClass = classes({
14739
- "bk-option-group": true,
14742
+ [resolveClassName("option-group")]: true,
14740
14743
  collapsible: this.collapsible,
14741
14744
  disabled: this.disabled
14742
14745
  });
14743
14746
  const groupLabelClass = classes({
14744
- "bk-option-group-label": true,
14747
+ [resolveClassName("option-group-label")]: true,
14745
14748
  collapsible: this.collapsible
14746
14749
  });
14747
14750
  const groupLabelIconClass = classes({
@@ -14760,7 +14763,7 @@ var OptionGroup = defineComponent({
14760
14763
  }, null), createVNode("span", {
14761
14764
  "class": "default-group-label-title"
14762
14765
  }, [this.groupLabel])])]), withDirectives(createVNode("ul", {
14763
- "class": "bk-option-group-content"
14766
+ "class": resolveClassName("option-group-content")
14764
14767
  }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !this.groupCollapse]])]), [[vShow, this.visible]]);
14765
14768
  }
14766
14769
  });
@@ -15221,13 +15224,13 @@ var SelectTagInput = defineComponent({
15221
15224
  render() {
15222
15225
  var _a, _b, _c, _d, _e, _f, _g;
15223
15226
  const selectTagClass = classes({
15224
- "bk-select-tag": true,
15225
- "bk-select-tag--default": true,
15227
+ [resolveClassName("select-tag")]: true,
15228
+ [resolveClassName("select-tag--default")]: true,
15226
15229
  "is-disabled": this.disabled,
15227
15230
  "collapse-tag": this.collapseTags
15228
15231
  });
15229
15232
  const tagWrapperClass = classes({
15230
- "bk-select-tag-wrapper": true
15233
+ [resolveClassName("select-tag-wrapper")]: true
15231
15234
  });
15232
15235
  const inputStyle = {
15233
15236
  display: this.selected.length && !this.filterable ? "none" : ""
@@ -15249,11 +15252,11 @@ var SelectTagInput = defineComponent({
15249
15252
  return [(_a2 = this.select) == null ? void 0 : _a2.handleGetLabelByValue(item.value)];
15250
15253
  }
15251
15254
  })), !!this.overflowTagIndex && this.collapseTags && createVNode(BkTag, {
15252
- "class": "bk-select-overflow-tag"
15255
+ "class": resolveClassName("select-overflow-tag")
15253
15256
  }, {
15254
15257
  default: () => [createTextVNode("+"), this.selected.length - this.overflowTagIndex]
15255
15258
  })]), createVNode("input", {
15256
- "class": "bk-select-tag-input",
15259
+ "class": resolveClassName("select-tag-input"),
15257
15260
  "ref": "inputRef",
15258
15261
  "type": "text",
15259
15262
  "style": inputStyle,
@@ -15768,7 +15771,7 @@ var Component$j = defineComponent({
15768
15771
  },
15769
15772
  render() {
15770
15773
  const selectClass = classes({
15771
- "bk-select": true,
15774
+ [resolveClassName("select")]: true,
15772
15775
  "popover-show": this.isPopoverShow,
15773
15776
  "is-disabled": this.isDisabled,
15774
15777
  "is-focus": this.isFocus,
@@ -15843,7 +15846,7 @@ var Component$j = defineComponent({
15843
15846
  });
15844
15847
  };
15845
15848
  const renderSelectTrigger = () => createVNode("div", {
15846
- "class": "bk-select-trigger",
15849
+ "class": resolveClassName("select-trigger"),
15847
15850
  "style": {
15848
15851
  height: this.autoHeight && this.collapseTags ? "32px" : ""
15849
15852
  },
@@ -15855,21 +15858,21 @@ var Component$j = defineComponent({
15855
15858
  const renderSelectContent = () => {
15856
15859
  var _a, _b;
15857
15860
  return createVNode("div", {
15858
- "class": "bk-select-content-wrapper",
15861
+ "class": resolveClassName("select-content-wrapper"),
15859
15862
  "ref": "contentRef"
15860
15863
  }, [this.filterable && !this.inputSearch && createVNode("div", {
15861
- "class": "bk-select-search-wrapper"
15864
+ "class": resolveClassName("select-search-wrapper")
15862
15865
  }, [createVNode(search, {
15863
15866
  "class": "icon-search",
15864
15867
  "width": 16,
15865
15868
  "height": 16
15866
15869
  }, null), withDirectives(createVNode("input", {
15867
15870
  "ref": "searchRef",
15868
- "class": "bk-select-search-input",
15871
+ "class": resolveClassName("select-search-input"),
15869
15872
  "placeholder": this.searchPlaceholder,
15870
15873
  "onUpdate:modelValue": ($event) => this.searchKey = $event
15871
15874
  }, null), [[vModelText, this.searchKey]])]), !this.isShowSelectContent && createVNode("div", {
15872
- "class": "bk-select-empty"
15875
+ "class": resolveClassName("select-empty")
15873
15876
  }, [this.searchLoading && createVNode(BkLoading, {
15874
15877
  "class": "mr5",
15875
15878
  "theme": "primary",
@@ -15877,17 +15880,17 @@ var Component$j = defineComponent({
15877
15880
  "mode": "spin",
15878
15881
  "size": "mini"
15879
15882
  }, null), createVNode("span", null, [this.curContentText])]), createVNode("div", {
15880
- "class": "bk-select-content"
15883
+ "class": resolveClassName("select-content")
15881
15884
  }, [createVNode("div", {
15882
- "class": "bk-select-dropdown",
15885
+ "class": resolveClassName("select-dropdown"),
15883
15886
  "style": {
15884
15887
  maxHeight: `${this.scrollHeight}px`
15885
15888
  },
15886
15889
  "onScroll": this.handleScroll
15887
15890
  }, [withDirectives(createVNode("ul", {
15888
- "class": "bk-select-options"
15891
+ "class": resolveClassName("select-options")
15889
15892
  }, [this.isShowSelectAll && createVNode("li", {
15890
- "class": "bk-select-option",
15893
+ "class": resolveClassName("select-option"),
15891
15894
  "onMouseenter": this.handleSelectedAllOptionMouseEnter,
15892
15895
  "onClick": this.handleToggleAll
15893
15896
  }, [this.selectAllText]), this.enableVirtualRender ? createVNode(BkVirtualRender, {
@@ -15907,7 +15910,7 @@ var Component$j = defineComponent({
15907
15910
  "value": item[this.idKey],
15908
15911
  "label": item[this.displayKey]
15909
15912
  }, null)), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), this.scrollLoading && createVNode("li", {
15910
- "class": "bk-select-options-loading"
15913
+ "class": resolveClassName("select-options-loading")
15911
15914
  }, [createVNode(BkLoading, {
15912
15915
  "class": "spinner mr5",
15913
15916
  "theme": "primary",
@@ -15915,7 +15918,7 @@ var Component$j = defineComponent({
15915
15918
  "mode": "spin",
15916
15919
  "size": "mini"
15917
15920
  }, null), createVNode("span", null, [this.loadingText])])]), [[vShow, this.isShowSelectContent]])]), this.$slots.extension && createVNode("div", {
15918
- "class": "bk-select-extension"
15921
+ "class": resolveClassName("select-extension")
15919
15922
  }, [this.$slots.extension()])])]);
15920
15923
  };
15921
15924
  return createVNode("div", {
@@ -17823,25 +17826,6 @@ const hasRootScrollY = (root, querySelector, offsetHeight = 0) => {
17823
17826
  }
17824
17827
  return false;
17825
17828
  };
17826
- const getElementTextWidth = (element, text) => {
17827
- function getTextWidth(text2, font) {
17828
- const canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));
17829
- const context = canvas.getContext("2d");
17830
- context.font = font;
17831
- const metrics = context.measureText(text2);
17832
- return metrics.width;
17833
- }
17834
- function getCssStyle(element2, prop) {
17835
- return window.getComputedStyle(element2, null).getPropertyValue(prop);
17836
- }
17837
- function getCanvasFont(el = document.body) {
17838
- const fontWeight = getCssStyle(el, "font-weight") || "normal";
17839
- const fontSize = getCssStyle(el, "font-size") || "16px";
17840
- const fontFamily = getCssStyle(el, "font-family") || "Times New Roman";
17841
- return `${fontWeight} ${fontSize} ${fontFamily}`;
17842
- }
17843
- return getTextWidth(text || (element == null ? void 0 : element.innerHTML), getCanvasFont(element));
17844
- };
17845
17829
  const isColumnHidden = (settingFields, column, checked) => {
17846
17830
  const isSettingField = (col) => settingFields.some((field) => field.field === resolvePropVal(col, ["field", "type"], [col]));
17847
17831
  return isSettingField(column) && checked.length && !checked.includes(resolvePropVal(column, ["field", "type"], [column]));
@@ -17982,12 +17966,15 @@ var TableCell = defineComponent({
17982
17966
  }
17983
17967
  if (typeof showOverflowTooltip === "object") {
17984
17968
  disabled = showOverflowTooltip.disabled;
17969
+ content = showOverflowTooltip.content || refRoot.value.innerText;
17985
17970
  if (typeof showOverflowTooltip.content === "function") {
17986
17971
  content = showOverflowTooltip.content(props2.column, props2.row);
17987
17972
  }
17988
- content = showOverflowTooltip.content || refRoot.value.innerText;
17989
17973
  mode = showOverflowTooltip.mode || "auto";
17990
17974
  }
17975
+ if (typeof disabled === "function") {
17976
+ disabled = Reflect.apply(disabled, this, [props2.column, props2.row]);
17977
+ }
17991
17978
  return {
17992
17979
  disabled,
17993
17980
  content,
@@ -17995,20 +17982,16 @@ var TableCell = defineComponent({
17995
17982
  };
17996
17983
  };
17997
17984
  const resolveOverflowTooltip = () => {
17998
- if (!refRoot.value || /selection|index|expand/.test(props2.column.type) || !isElement$2(refRoot.value)) {
17985
+ if (!refRoot.value || !isElement$2(refRoot.value)) {
17999
17986
  return;
18000
17987
  }
18001
17988
  const {
18002
- content,
18003
- mode
17989
+ mode,
17990
+ disabled
18004
17991
  } = resolveTooltipOption();
17992
+ isTipsEnabled.value = !disabled;
18005
17993
  if (mode === "auto") {
18006
- const textWidth = getElementTextWidth(refRoot.value, content);
18007
- const cellWidth = refRoot.value.clientWidth;
18008
- const computedStyle = window.getComputedStyle(refRoot.value);
18009
- const paddingWidth = ["padding-left", "padding-right"].reduce((width, prop) => width + Number(computedStyle.getPropertyValue(prop).replace("px", "")), 0);
18010
- const cellInnerWidth = cellWidth - paddingWidth;
18011
- isTipsEnabled.value = textWidth > cellInnerWidth;
17994
+ isTipsEnabled.value = hasOverflowEllipsis(refRoot.value);
18012
17995
  }
18013
17996
  if (mode === "static") {
18014
17997
  isTipsEnabled.value = true;
@@ -21847,14 +21830,14 @@ const InfoBox = (config) => {
21847
21830
  }
21848
21831
  if (children.length) {
21849
21832
  subTitleBox.push(h$1("div", {
21850
- class: "bk-info-sub-title",
21833
+ class: resolveClassName("info-sub-title"),
21851
21834
  style: `text-Align:${modalFuncProps.value.contentAlign || "center"}`
21852
21835
  }, children));
21853
21836
  }
21854
21837
  return subTitleBox;
21855
21838
  };
21856
21839
  return () => createVNode(Dialog, __spreadProps(__spreadValues({
21857
- class: "bk-info-wrapper",
21840
+ class: resolveClassName("info-wrapper"),
21858
21841
  headerAlign: "center",
21859
21842
  footerAlign: "center"
21860
21843
  }, modalFuncProps.value), {
@@ -22677,7 +22660,7 @@ var PickerDropdown = defineComponent({
22677
22660
  var _a, _b, _c;
22678
22661
  return createVNode("div", {
22679
22662
  "ref": "refContentRef",
22680
- "class": ["bk-date-picker-dropdown", this.className, this.extPopoverCls],
22663
+ "class": [resolveClassName("date-picker-dropdown"), this.className, this.extPopoverCls],
22681
22664
  "style": this.styles,
22682
22665
  "onClick": this.onClick
22683
22666
  }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : ""]);
@@ -22744,18 +22727,18 @@ var Confirm = defineComponent({
22744
22727
  render() {
22745
22728
  var _a, _b, _c;
22746
22729
  return createVNode("div", {
22747
- "class": "bk-picker-confirm",
22730
+ "class": resolveClassName("picker-confirm"),
22748
22731
  "ref": "elRef",
22749
22732
  "onKeydown": this.handleTab
22750
22733
  }, [this.showTime ? createVNode(BkButton, {
22751
22734
  "text": true,
22752
- "class": "bk-picker-confirm-time",
22735
+ "class": resolveClassName("picker-confirm-time"),
22753
22736
  "disabled": this.timeDisabled,
22754
22737
  "onClick": this.handleToggleTime
22755
22738
  }, {
22756
22739
  default: () => [this.labels.time]
22757
22740
  }) : "", (_c = (_b = (_a = this.$slots).confirm) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("div", {
22758
- "class": "bk-picker-confirm-action"
22741
+ "class": resolveClassName("picker-confirm-action")
22759
22742
  }, [this.clearable ? createVNode("a", {
22760
22743
  "href": "javascript: void(0);",
22761
22744
  "onClick": this.handleClear,
@@ -24937,9 +24920,9 @@ const datePickerKey = Symbol("date-picker");
24937
24920
  const timePickerKey = Symbol("time-picker");
24938
24921
  function iconBtnCls(direction, type = "") {
24939
24922
  return [
24940
- "bk-picker-panel-icon-btn",
24941
- `bk-date-picker-${direction}-btn`,
24942
- `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}`)
24943
24926
  ];
24944
24927
  }
24945
24928
  const getDayCountOfMonth = (year, month) => new Date(year, month + 1, 0).getDate();
@@ -25109,14 +25092,14 @@ var DateTable = defineComponent({
25109
25092
  const newDate = cell.date;
25110
25093
  emit("changeRange", newDate);
25111
25094
  };
25112
- const getCellCls = (cell) => ["bk-date-picker-cells-cell", {
25113
- ["bk-date-picker-cells-cell-selected"]: cell.selected || cell.start || cell.end,
25114
- ["bk-date-picker-cells-cell-disabled"]: cell.disabled,
25115
- ["bk-date-picker-cells-cell-today"]: cell.type === "today",
25116
- ["bk-date-picker-cells-cell-prev-month"]: cell.type === "prevMonth",
25117
- ["bk-date-picker-cells-cell-next-month"]: cell.type === "nextMonth",
25118
- ["bk-date-picker-cells-cell-week-label"]: cell.type === "weekLabel",
25119
- ["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
25120
25103
  }];
25121
25104
  return {
25122
25105
  headerDays,
@@ -25128,9 +25111,9 @@ var DateTable = defineComponent({
25128
25111
  },
25129
25112
  render() {
25130
25113
  return createVNode("div", {
25131
- "class": "bk-date-picker-cells"
25114
+ "class": resolveClassName("date-picker-cells")
25132
25115
  }, [createVNode("div", {
25133
- "class": "bk-date-picker-cells-header"
25116
+ "class": resolveClassName("date-picker-cells-header")
25134
25117
  }, [this.headerDays.map((day) => createVNode("span", null, [day]))]), this.cells.map((cell) => createVNode("span", {
25135
25118
  "class": this.getCellCls(cell),
25136
25119
  "onClick": () => this.handleClick(cell),
@@ -25494,10 +25477,10 @@ var TimeSpinner = defineComponent({
25494
25477
  return domRef.value;
25495
25478
  }
25496
25479
  function getCellCls(cell) {
25497
- return ["bk-time-picker-cells-cell", {
25498
- ["bk-time-picker-cells-cell-selected"]: cell.selected,
25499
- ["bk-time-picker-cells-cell-focused"]: cell.focused,
25500
- ["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
25501
25484
  }];
25502
25485
  }
25503
25486
  function bindWheelEvent() {
@@ -25610,42 +25593,42 @@ var TimeSpinner = defineComponent({
25610
25593
  },
25611
25594
  render() {
25612
25595
  return createVNode("div", {
25613
- "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") : ""]
25614
25597
  }, [createVNode("div", {
25615
- "class": "bk-time-picker-cells-title-wrapper"
25598
+ "class": resolveClassName("time-picker-cells-title-wrapper")
25616
25599
  }, [createVNode("div", {
25617
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 0 ? "active" : ""],
25600
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 0 ? "active" : ""],
25618
25601
  "style": this.styles
25619
25602
  }, [createTextVNode("\u65F6")]), createVNode("div", {
25620
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 1 ? "active" : ""],
25603
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 1 ? "active" : ""],
25621
25604
  "style": this.styles
25622
25605
  }, [createTextVNode("\u5206")]), withDirectives(createVNode("div", {
25623
- "class": ["bk-time-picker-cells-title", this.focusedColumn === 2 ? "active" : ""],
25606
+ "class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 2 ? "active" : ""],
25624
25607
  "style": this.styles
25625
25608
  }, [createTextVNode("\u79D2")]), [[vShow, this.showSeconds]])]), createVNode("div", {
25626
- "class": "bk-time-picker-cells-list",
25609
+ "class": resolveClassName("time-picker-cells-list"),
25627
25610
  "ref": "hoursRef",
25628
25611
  "style": this.styles
25629
25612
  }, [createVNode("ul", {
25630
- "class": "bk-time-picker-cells-ul"
25613
+ "class": resolveClassName("time-picker-cells-ul")
25631
25614
  }, [this.hoursList.map((item) => withDirectives(createVNode("li", {
25632
25615
  "class": this.getCellCls(item),
25633
25616
  "onClick": () => this.handleClick("hours", item)
25634
25617
  }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), createVNode("div", {
25635
- "class": "bk-time-picker-cells-list",
25618
+ "class": resolveClassName("time-picker-cells-list"),
25636
25619
  "ref": "minutesRef",
25637
25620
  "style": this.styles
25638
25621
  }, [createVNode("ul", {
25639
- "class": "bk-time-picker-cells-ul"
25622
+ "class": resolveClassName("time-picker-cells-ul")
25640
25623
  }, [this.minutesList.map((item) => withDirectives(createVNode("li", {
25641
25624
  "class": this.getCellCls(item),
25642
25625
  "onClick": () => this.handleClick("minutes", item)
25643
25626
  }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), withDirectives(createVNode("div", {
25644
- "class": "bk-time-picker-cells-list",
25627
+ "class": resolveClassName("time-picker-cells-list"),
25645
25628
  "ref": "secondsRef",
25646
25629
  "style": this.styles
25647
25630
  }, [createVNode("ul", {
25648
- "class": "bk-time-picker-cells-ul"
25631
+ "class": resolveClassName("time-picker-cells-ul")
25649
25632
  }, [this.secondsList.map((item) => withDirectives(createVNode("li", {
25650
25633
  "class": this.getCellCls(item),
25651
25634
  "onClick": () => this.handleClick("seconds", item)
@@ -25755,19 +25738,19 @@ var TimePanel = defineComponent({
25755
25738
  },
25756
25739
  render() {
25757
25740
  return createVNode("div", {
25758
- "class": "bk-picker-panel-body-wrapper",
25741
+ "class": resolveClassName("picker-panel-body-wrapper"),
25759
25742
  "onMousedown": (e) => {
25760
25743
  e.preventDefault();
25761
25744
  }
25762
25745
  }, [createVNode("div", {
25763
- "class": "bk-picker-panel-body",
25746
+ "class": resolveClassName("picker-panel-body"),
25764
25747
  "style": {
25765
25748
  width: `${this.width}px`
25766
25749
  }
25767
25750
  }, [this.showDate ? createVNode("div", {
25768
- "class": "bk-time-picker-header"
25751
+ "class": resolveClassName("time-picker-header")
25769
25752
  }, [this.visibleDate]) : "", createVNode("div", {
25770
- "class": "bk-picker-panel-content"
25753
+ "class": resolveClassName("picker-panel-content")
25771
25754
  }, [createVNode(TimeSpinner, {
25772
25755
  "ref": "timeSpinnerRef",
25773
25756
  "showSeconds": this.showSeconds,
@@ -26008,20 +25991,20 @@ var DatePanel = defineComponent({
26008
25991
  render() {
26009
25992
  var _a, _b, _c;
26010
25993
  return createVNode("div", {
26011
- "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") : ""],
26012
25995
  "onMousedown": (e) => {
26013
25996
  e.preventDefault();
26014
25997
  }
26015
25998
  }, [this.shortcuts.length ? createVNode("div", {
26016
25999
  "class": "bk-picker-panel-sidebar"
26017
26000
  }, [this.shortcuts.map((shortcut) => createVNode("div", {
26018
- "class": "bk-picker-panel-shortcut",
26001
+ "class": resolveClassName("picker-panel-shortcut"),
26019
26002
  "onClick": () => this.handleShortcutClick(shortcut)
26020
26003
  }, [shortcut.text]))]) : "", createVNode("div", {
26021
- "class": "bk-picker-panel-body",
26004
+ "class": resolveClassName("picker-panel-body"),
26022
26005
  "style": "width: 261px;"
26023
26006
  }, [withDirectives(createVNode("div", {
26024
- "class": "bk-date-picker-header"
26007
+ "class": resolveClassName("date-picker-header")
26025
26008
  }, [createVNode("span", {
26026
26009
  "class": iconBtnCls("prev", "-double"),
26027
26010
  "onClick": () => this.changeYear(-1)
@@ -26039,10 +26022,10 @@ var DatePanel = defineComponent({
26039
26022
  lineHeight: 1
26040
26023
  }
26041
26024
  }, null)]), [[vShow, this.currentView === "date"]]) : "", this.datePanelLabel && Object.keys(this.datePanelLabel).length > 0 ? createVNode("span", null, [withDirectives(createVNode("span", {
26042
- "class": "bk-date-picker-header-label",
26025
+ "class": resolveClassName("date-picker-header-label"),
26043
26026
  "onClick": () => this.datePanelLabel.labels[0].handler
26044
26027
  }, [this.datePanelLabel.labels[0].label]), [[vShow, this.showLabelFirst]]), this.currentView === "date" ? ` ${this.datePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26045
- "class": "bk-date-picker-header-label",
26028
+ "class": resolveClassName("date-picker-header-label"),
26046
26029
  "onClick": () => this.datePanelLabel.labels[1].handler
26047
26030
  }, [this.datePanelLabel.labels[1].label]), [[vShow, this.showLabelSecond]])]) : "", createVNode("span", {
26048
26031
  "class": iconBtnCls("next", "-double"),
@@ -26061,7 +26044,7 @@ var DatePanel = defineComponent({
26061
26044
  lineHeight: 1
26062
26045
  }
26063
26046
  }, null)]), [[vShow, this.currentView === "date"]]) : ""]), [[vShow, this.currentView !== "time"]]), createVNode("div", {
26064
- "class": "bk-picker-panel-content"
26047
+ "class": resolveClassName("picker-panel-content")
26065
26048
  }, [this.currentView !== "time" ? (() => {
26066
26049
  switch (this.pickerTable) {
26067
26050
  case "date-table":
@@ -26095,7 +26078,7 @@ var DatePanel = defineComponent({
26095
26078
  "onPick-clear": this.handlePickClear,
26096
26079
  "onPick-success": this.handlePickSuccess
26097
26080
  }, this.$slots) : ""]), this.hasShortcuts ? createVNode("div", {
26098
- "class": "bk-picker-panel-sidebar"
26081
+ "class": resolveClassName("picker-panel-sidebar")
26099
26082
  }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
26100
26083
  }
26101
26084
  });
@@ -26195,17 +26178,17 @@ var TimeRangePanel = defineComponent({
26195
26178
  },
26196
26179
  render() {
26197
26180
  return createVNode("div", {
26198
- "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") : ""],
26199
26182
  "onMousedown": (e) => {
26200
26183
  e.preventDefault();
26201
26184
  }
26202
26185
  }, [createVNode("div", {
26203
- "class": "bk-picker-panel-body",
26186
+ "class": resolveClassName("picker-panel-body"),
26204
26187
  "style": {
26205
26188
  width: `${this.width * 2}px`
26206
26189
  }
26207
26190
  }, [createVNode("div", {
26208
- "class": "bk-picker-panel-content bk-picker-panel-content-left",
26191
+ "class": [resolveClassName("picker-panel-content", resolveClassName("picker-panel-content-left"))],
26209
26192
  "style": {
26210
26193
  width: `${this.width}px`
26211
26194
  }
@@ -26225,12 +26208,12 @@ var TimeRangePanel = defineComponent({
26225
26208
  "onChange": this.handleStartChange,
26226
26209
  "onPick-click": this.handlePickClick
26227
26210
  }, null)]), createVNode("div", {
26228
- "class": "bk-picker-panel-content bk-picker-panel-content-right",
26211
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
26229
26212
  "style": {
26230
26213
  width: `${this.width}px`
26231
26214
  }
26232
26215
  }, [this.showDate ? createVNode("div", {
26233
- "class": "bk-time-picker-header"
26216
+ "class": resolveClassName("time-picker-header")
26234
26217
  }, [this.rightDatePanelLabel]) : "", createVNode(TimeSpinner, {
26235
26218
  "ref": "timeSpinnerEndRef",
26236
26219
  "steps": this.steps,
@@ -26623,7 +26606,7 @@ var DateRangePanel = defineComponent({
26623
26606
  } else {
26624
26607
  if (this.shortcuts.length) {
26625
26608
  inner = createVNode("div", {
26626
- "class": "bk-picker-panel-shortcuts"
26609
+ "class": resolveClassName("picker-panel-shortcuts")
26627
26610
  }, [this.shortcuts.map((item, index2) => createVNode("div", {
26628
26611
  "key": index2,
26629
26612
  "class": "shortcuts-item",
@@ -26632,21 +26615,21 @@ var DateRangePanel = defineComponent({
26632
26615
  }
26633
26616
  }
26634
26617
  shortcuts = createVNode("div", {
26635
- "class": "bk-picker-panel-sidebar"
26618
+ "class": resolveClassName("picker-panel-sidebar")
26636
26619
  }, [inner]);
26637
26620
  }
26638
26621
  return createVNode("div", {
26639
- "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") : ""],
26640
26623
  "onMousedown": (e) => {
26641
26624
  e.preventDefault();
26642
26625
  }
26643
26626
  }, [createVNode("div", {
26644
- "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")]
26645
26628
  }, [withDirectives(createVNode("div", {
26646
- "class": "bk-picker-panel-content bk-picker-panel-content-left",
26629
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-left")],
26647
26630
  "style": "width: 261px;"
26648
26631
  }, [withDirectives(createVNode("div", {
26649
- "class": "bk-date-picker-header"
26632
+ "class": resolveClassName("date-picker-header")
26650
26633
  }, [createVNode("span", {
26651
26634
  "class": iconBtnCls("prev", "-double"),
26652
26635
  "onClick": () => this.prevYear("left")
@@ -26664,10 +26647,10 @@ var DateRangePanel = defineComponent({
26664
26647
  lineHeight: 1
26665
26648
  }
26666
26649
  }, null)]), [[vShow, this.currentView === "date"]]) : "", this.leftDatePanelLabel && Object.keys(this.leftDatePanelLabel).length > 0 ? createVNode("span", null, [withDirectives(createVNode("span", {
26667
- "class": "bk-date-picker-header-label",
26650
+ "class": resolveClassName("date-picker-header-label"),
26668
26651
  "onClick": () => this.leftDatePanelLabel.labels[0].handler
26669
26652
  }, [this.leftDatePanelLabel.labels[0].label]), [[vShow, this.leftShowLabelFirst]]), this.leftDatePanelView === "date" ? ` ${this.leftDatePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26670
- "class": "bk-date-picker-header-label",
26653
+ "class": resolveClassName("date-picker-header-label"),
26671
26654
  "onClick": () => this.leftDatePanelLabel.labels[1].handler
26672
26655
  }, [this.leftDatePanelLabel.labels[1].label]), [[vShow, this.leftShowLabelSecond]])]) : "", this.splitPanels || this.leftPickerTable !== "date-table" ? createVNode("span", {
26673
26656
  "class": iconBtnCls("next", "-double"),
@@ -26702,10 +26685,10 @@ var DateRangePanel = defineComponent({
26702
26685
  return null;
26703
26686
  }
26704
26687
  })() : ""]), [[vShow, !this.isTime]]), withDirectives(createVNode("div", {
26705
- "class": "bk-picker-panel-content bk-picker-panel-content-right",
26688
+ "class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
26706
26689
  "style": "width: 261px;"
26707
26690
  }, [withDirectives(createVNode("div", {
26708
- "class": "bk-date-picker-header"
26691
+ "class": resolveClassName("date-picker-header")
26709
26692
  }, [this.splitPanels || this.rightPickerTable !== "date-table" ? createVNode("span", {
26710
26693
  "class": iconBtnCls("prev", "-double"),
26711
26694
  "onClick": () => this.prevYear("right")
@@ -26723,10 +26706,10 @@ var DateRangePanel = defineComponent({
26723
26706
  lineHeight: 1
26724
26707
  }
26725
26708
  }, null)]), [[vShow, this.currentView === "date"]]) : "", this.rightDatePanelLabel && Object.keys(this.rightDatePanelLabel).length > 0 ? createVNode("span", null, [withDirectives(createVNode("span", {
26726
- "class": "bk-date-picker-header-label",
26709
+ "class": resolveClassName("date-picker-header-label"),
26727
26710
  "onClick": () => this.rightDatePanelLabel.labels[0].handler
26728
26711
  }, [this.rightDatePanelLabel.labels[0].label]), [[vShow, this.rightShowLabelFirst]]), this.rightDatePanelView === "date" ? ` ${this.rightDatePanelLabel.separator} ` : " ", withDirectives(createVNode("span", {
26729
- "class": "bk-date-picker-header-label",
26712
+ "class": resolveClassName("date-picker-header-label"),
26730
26713
  "onClick": () => this.rightDatePanelLabel.labels[1].handler
26731
26714
  }, [this.rightDatePanelLabel.labels[1].label]), [[vShow, this.rightShowLabelSecond]])]) : "", this.upToNow ? (() => {
26732
26715
  if ((this.rangeState.selecting || this.currentView === "time") && this.upToNowEnable) {
@@ -27072,7 +27055,7 @@ var Component$a = defineComponent({
27072
27055
  e.stopPropagation();
27073
27056
  e.preventDefault();
27074
27057
  if (isConfirm.value) {
27075
- const selector = ".bk-picker-confirm > *";
27058
+ const selector = `.${resolveClassName("picker-confirm")} > *`;
27076
27059
  const tabbable = pickerDropdownRef.value.$el.querySelectorAll(selector);
27077
27060
  state.internalFocus = true;
27078
27061
  const element = [...tabbable][e.shiftKey ? "pop" : "shift"]();
@@ -27240,7 +27223,7 @@ var Component$a = defineComponent({
27240
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"
27241
27224
  }, null)])])]), createVNode("input", {
27242
27225
  "type": "text",
27243
- "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" : ""],
27244
27227
  "ref": "inputRef",
27245
27228
  "key": this.forceInputRerender,
27246
27229
  "readonly": this.localReadonly,
@@ -27269,10 +27252,10 @@ var Component$a = defineComponent({
27269
27252
  } : {};
27270
27253
  const slots = __spreadValues(__spreadValues({}, shortcutsSlot), confirmSlot);
27271
27254
  return withDirectives(createVNode("div", {
27272
- "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27255
+ "class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27273
27256
  }, [createVNode("div", {
27274
27257
  "ref": "triggerRef",
27275
- "class": "bk-date-picker-rel",
27258
+ "class": resolveClassName("date-picker-rel"),
27276
27259
  "onMouseenter": this.handleInputMouseenter,
27277
27260
  "onMouseleave": this.handleInputMouseleave
27278
27261
  }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
@@ -27280,10 +27263,10 @@ var Component$a = defineComponent({
27280
27263
  "disabled": !this.appendToBody
27281
27264
  }, {
27282
27265
  default: () => [createVNode(Transition, {
27283
- "name": "bk-fade-down-transition"
27266
+ "name": resolveClassName("fade-down-transition")
27284
27267
  }, {
27285
27268
  default: () => [withDirectives(createVNode(PickerDropdown, {
27286
- "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
27269
+ "class": [this.appendToBody ? resolveClassName("date-picker-transfer") : ""],
27287
27270
  "ref": "pickerDropdownRef",
27288
27271
  "triggerRef": this.triggerRef,
27289
27272
  "placement": this.placement,
@@ -27293,7 +27276,7 @@ var Component$a = defineComponent({
27293
27276
  default: () => {
27294
27277
  var _a2, _b2, _c2, _d, _e, _f;
27295
27278
  return [this.hasHeader ? createVNode("div", {
27296
- "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
27279
+ "class": [resolveClassName("date-picker-top-wrapper"), this.headerSlotCls]
27297
27280
  }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
27298
27281
  "ref": "pickerPanelRef",
27299
27282
  "type": this.type,
@@ -27330,7 +27313,7 @@ var Component$a = defineComponent({
27330
27313
  "onPick-success": this.onPickSuccess,
27331
27314
  "onSelection-mode-change": this.onSelectionModeChange
27332
27315
  }, slots), this.hasFooter ? createVNode("div", {
27333
- "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
27316
+ "class": [resolveClassName("date-picker-footer-wrapper"), this.footerSlotCls]
27334
27317
  }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
27335
27318
  }
27336
27319
  }), [[vShow, this.opened]])]
@@ -27795,7 +27778,7 @@ var TimePicker = defineComponent({
27795
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"
27796
27779
  }, null)])])]), createVNode("input", {
27797
27780
  "type": "text",
27798
- "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" : ""],
27799
27782
  "ref": "inputRef",
27800
27783
  "key": this.forceInputRerender,
27801
27784
  "readonly": this.localReadonly,
@@ -27818,10 +27801,10 @@ var TimePicker = defineComponent({
27818
27801
  }
27819
27802
  } : {};
27820
27803
  return withDirectives(createVNode("div", {
27821
- "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27804
+ "class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
27822
27805
  }, [createVNode("div", {
27823
27806
  "ref": "triggerRef",
27824
- "class": "bk-date-picker-rel",
27807
+ "class": resolveClassName("date-picker-rel"),
27825
27808
  "onMouseenter": this.handleInputMouseenter,
27826
27809
  "onMouseleave": this.handleInputMouseleave
27827
27810
  }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
@@ -27832,7 +27815,7 @@ var TimePicker = defineComponent({
27832
27815
  "name": "bk-fade-down-transition"
27833
27816
  }, {
27834
27817
  default: () => [withDirectives(createVNode(PickerDropdown, {
27835
- "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
27818
+ "class": [this.appendToBody ? resolveClassName("date-picker-transfer") : ""],
27836
27819
  "ref": "pickerDropdownRef",
27837
27820
  "triggerRef": this.triggerRef,
27838
27821
  "placement": this.placement,
@@ -27843,7 +27826,7 @@ var TimePicker = defineComponent({
27843
27826
  default: () => {
27844
27827
  var _a2, _b2, _c2, _d, _e, _f;
27845
27828
  return [this.hasHeader ? createVNode("div", {
27846
- "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
27829
+ "class": [resolveClassName("date-picker-top-wrapper"), this.headerSlotCls]
27847
27830
  }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "RangeTimePickerPanel" ? createVNode(TimeRangePanel, {
27848
27831
  "ref": "pickerPanelRef",
27849
27832
  "clearable": this.clearable,
@@ -27876,7 +27859,7 @@ var TimePicker = defineComponent({
27876
27859
  "disabledMinutes": this.ownPickerProps.disabledMinutes,
27877
27860
  "disabledSeconds": this.ownPickerProps.disabledSeconds
27878
27861
  }, shortcutsSlot), this.hasFooter ? createVNode("div", {
27879
- "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
27862
+ "class": [resolveClassName("date-picker-footer-wrapper"), this.footerSlotCls]
27880
27863
  }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
27881
27864
  }
27882
27865
  }), [[vShow, this.opened]])]