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.
- package/dist/index.cjs.js +51 -51
- package/dist/index.esm.js +132 -128
- package/dist/index.umd.js +52 -52
- package/lib/breadcrumb/breadcrumb.css +1 -1
- package/lib/breadcrumb/breadcrumb.variable.css +6 -6
- package/lib/card/card.css +1 -1
- package/lib/card/card.variable.css +5 -5
- package/lib/color-picker/index.js +1 -1
- package/lib/container/container.css +1 -1
- package/lib/container/container.variable.css +1 -1
- package/lib/date-picker/base/date-table.d.ts +1 -7
- package/lib/date-picker/base/time-spinner.d.ts +1 -3
- package/lib/date-picker/date-picker.less +75 -75
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/dialog.less +19 -20
- package/lib/dialog/dialog.variable.css +120 -0
- package/lib/dialog/index.js +1 -1
- package/lib/directives/index.js +1 -1
- package/lib/info-box/index.js +1 -1
- package/lib/info-box/info-box.less +10 -9
- package/lib/info-box/info-box.variable.css +120 -0
- package/lib/input/index.js +1 -1
- package/lib/input/input.css +1 -1
- package/lib/input/input.variable.css +60 -61
- package/lib/loading/loading.css +1 -1
- package/lib/loading/loading.variable.css +17 -17
- package/lib/menu/menu.css +1 -1
- package/lib/menu/menu.variable.css +19 -19
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.less +4 -3
- package/lib/modal/modal.variable.css +120 -0
- package/lib/progress/progress.css +1 -1
- package/lib/progress/progress.variable.css +5 -5
- package/lib/search-select/search-select.css +1 -1
- package/lib/search-select/search-select.variable.css +35 -35
- package/lib/select/index.d.ts +24 -1
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +1 -2
- package/lib/select/select.d.ts +11 -0
- package/lib/select/select.less +34 -35
- package/lib/select/select.variable.css +1 -2
- package/lib/styles/mixins/mixins.css +1 -1
- package/lib/styles/mixins/mixins.variable.css +1 -1
- package/lib/styles/mixins/popper.css +1 -1
- package/lib/styles/mixins/popper.less +12 -11
- package/lib/styles/mixins/popper.variable.css +121 -1
- package/lib/switcher/switcher.css +1 -1
- package/lib/switcher/switcher.variable.css +18 -18
- package/lib/upload/upload.css +1 -1
- package/lib/upload/upload.variable.css +28 -28
- 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 ? "
|
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 =
|
10477
|
+
const bodyClass = `${resolveClassName("modal-body")} ${this.animateType === "slide" ? this.direction : ""}`;
|
10478
10478
|
return createVNode("div", {
|
10479
|
-
"class": ["
|
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": "
|
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": "
|
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": "
|
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": ["
|
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": "
|
10652
|
+
"class": [resolveClassName("info-icon"), "primary"]
|
10653
10653
|
}, null),
|
10654
10654
|
warning: createVNode(warn, {
|
10655
|
-
"class": "
|
10655
|
+
"class": [resolveClassName("info-icon"), "warning"]
|
10656
10656
|
}, null),
|
10657
10657
|
success: createVNode(success, {
|
10658
|
-
"class": "
|
10658
|
+
"class": [resolveClassName("info-icon"), "success"]
|
10659
10659
|
}, null),
|
10660
10660
|
danger: createVNode(close$1, {
|
10661
|
-
"class": "
|
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": ["
|
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": "
|
10673
|
+
"class": resolveClassName("dialog-header")
|
10674
10674
|
}, [createVNode("div", {
|
10675
|
-
"class": "
|
10675
|
+
"class": resolveClassName("header-icon")
|
10676
10676
|
}, [this.infoType ? renderIcon() : createVNode("slot", {
|
10677
10677
|
"name": "info-icon"
|
10678
10678
|
}, null)]), createVNode("span", {
|
10679
|
-
"class": "
|
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": "
|
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": "
|
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": "
|
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": "
|
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": "
|
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": "
|
10735
|
+
"class": resolveClassName("dialog-close"),
|
10736
10736
|
"onClick": this.handleClose
|
10737
10737
|
}, [createTextVNode("+")])
|
10738
10738
|
};
|
10739
|
-
const className =
|
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 =
|
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 = "
|
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
|
-
"
|
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": "
|
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": "
|
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: "
|
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
|
-
"
|
14742
|
+
[resolveClassName("option-group")]: true,
|
14743
14743
|
collapsible: this.collapsible,
|
14744
14744
|
disabled: this.disabled
|
14745
14745
|
});
|
14746
14746
|
const groupLabelClass = classes({
|
14747
|
-
"
|
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": "
|
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
|
-
"
|
15228
|
-
"
|
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
|
-
"
|
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": "
|
15255
|
+
"class": resolveClassName("select-overflow-tag")
|
15256
15256
|
}, {
|
15257
15257
|
default: () => [createTextVNode("+"), this.selected.length - this.overflowTagIndex]
|
15258
15258
|
})]), createVNode("input", {
|
15259
|
-
"class": "
|
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
|
-
|
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
|
-
"
|
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": "
|
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": "
|
15865
|
+
"class": resolveClassName("select-content-wrapper"),
|
15862
15866
|
"ref": "contentRef"
|
15863
15867
|
}, [this.filterable && !this.inputSearch && createVNode("div", {
|
15864
|
-
"class": "
|
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": "
|
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": "
|
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": "
|
15887
|
+
"class": resolveClassName("select-content")
|
15884
15888
|
}, [createVNode("div", {
|
15885
|
-
"class": "
|
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": "
|
15895
|
+
"class": resolveClassName("select-options")
|
15892
15896
|
}, [this.isShowSelectAll && createVNode("li", {
|
15893
|
-
"class": "
|
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": "
|
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": "
|
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: "
|
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: "
|
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": ["
|
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": "
|
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": "
|
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": "
|
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
|
-
"
|
24924
|
-
`
|
24925
|
-
`
|
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) => ["
|
25096
|
-
["
|
25097
|
-
["
|
25098
|
-
["
|
25099
|
-
["
|
25100
|
-
["
|
25101
|
-
["
|
25102
|
-
["
|
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": "
|
25118
|
+
"class": resolveClassName("date-picker-cells")
|
25115
25119
|
}, [createVNode("div", {
|
25116
|
-
"class": "
|
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 ["
|
25481
|
-
["
|
25482
|
-
["
|
25483
|
-
["
|
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": ["
|
25600
|
+
"class": [resolveClassName("time-picker-cells"), this.showSeconds ? resolveClassName("time-picker-cells-with-seconds") : ""]
|
25597
25601
|
}, [createVNode("div", {
|
25598
|
-
"class": "
|
25602
|
+
"class": resolveClassName("time-picker-cells-title-wrapper")
|
25599
25603
|
}, [createVNode("div", {
|
25600
|
-
"class": ["
|
25604
|
+
"class": [resolveClassName("time-picker-cells-title"), this.focusedColumn === 0 ? "active" : ""],
|
25601
25605
|
"style": this.styles
|
25602
25606
|
}, [createTextVNode("\u65F6")]), createVNode("div", {
|
25603
|
-
"class": ["
|
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": ["
|
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": "
|
25613
|
+
"class": resolveClassName("time-picker-cells-list"),
|
25610
25614
|
"ref": "hoursRef",
|
25611
25615
|
"style": this.styles
|
25612
25616
|
}, [createVNode("ul", {
|
25613
|
-
"class": "
|
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": "
|
25622
|
+
"class": resolveClassName("time-picker-cells-list"),
|
25619
25623
|
"ref": "minutesRef",
|
25620
25624
|
"style": this.styles
|
25621
25625
|
}, [createVNode("ul", {
|
25622
|
-
"class": "
|
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": "
|
25631
|
+
"class": resolveClassName("time-picker-cells-list"),
|
25628
25632
|
"ref": "secondsRef",
|
25629
25633
|
"style": this.styles
|
25630
25634
|
}, [createVNode("ul", {
|
25631
|
-
"class": "
|
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": "
|
25745
|
+
"class": resolveClassName("picker-panel-body-wrapper"),
|
25742
25746
|
"onMousedown": (e) => {
|
25743
25747
|
e.preventDefault();
|
25744
25748
|
}
|
25745
25749
|
}, [createVNode("div", {
|
25746
|
-
"class": "
|
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": "
|
25755
|
+
"class": resolveClassName("time-picker-header")
|
25752
25756
|
}, [this.visibleDate]) : "", createVNode("div", {
|
25753
|
-
"class": "
|
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": ["
|
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": "
|
26005
|
+
"class": resolveClassName("picker-panel-shortcut"),
|
26002
26006
|
"onClick": () => this.handleShortcutClick(shortcut)
|
26003
26007
|
}, [shortcut.text]))]) : "", createVNode("div", {
|
26004
|
-
"class": "
|
26008
|
+
"class": resolveClassName("picker-panel-body"),
|
26005
26009
|
"style": "width: 261px;"
|
26006
26010
|
}, [withDirectives(createVNode("div", {
|
26007
|
-
"class": "
|
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": "
|
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": "
|
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": "
|
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": "
|
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": ["
|
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": "
|
26190
|
+
"class": resolveClassName("picker-panel-body"),
|
26187
26191
|
"style": {
|
26188
26192
|
width: `${this.width * 2}px`
|
26189
26193
|
}
|
26190
26194
|
}, [createVNode("div", {
|
26191
|
-
"class": "
|
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": "
|
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": "
|
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": "
|
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": "
|
26622
|
+
"class": resolveClassName("picker-panel-sidebar")
|
26619
26623
|
}, [inner]);
|
26620
26624
|
}
|
26621
26625
|
return createVNode("div", {
|
26622
|
-
"class": ["
|
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": ["
|
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": "
|
26633
|
+
"class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-left")],
|
26630
26634
|
"style": "width: 261px;"
|
26631
26635
|
}, [withDirectives(createVNode("div", {
|
26632
|
-
"class": "
|
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": "
|
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": "
|
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": "
|
26692
|
+
"class": [resolveClassName("picker-panel-content"), resolveClassName("picker-panel-content-right")],
|
26689
26693
|
"style": "width: 261px;"
|
26690
26694
|
}, [withDirectives(createVNode("div", {
|
26691
|
-
"class": "
|
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": "
|
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": "
|
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 = "
|
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": ["
|
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": ["
|
27259
|
+
"class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
|
27256
27260
|
}, [createVNode("div", {
|
27257
27261
|
"ref": "triggerRef",
|
27258
|
-
"class": "
|
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": "
|
27270
|
+
"name": resolveClassName("fade-down-transition")
|
27267
27271
|
}, {
|
27268
27272
|
default: () => [withDirectives(createVNode(PickerDropdown, {
|
27269
|
-
"class": [this.appendToBody ? "
|
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": ["
|
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": ["
|
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": ["
|
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": ["
|
27808
|
+
"class": [resolveClassName("date-picker"), this.type === "datetimerange" ? "long" : "", this.longWidthCls]
|
27805
27809
|
}, [createVNode("div", {
|
27806
27810
|
"ref": "triggerRef",
|
27807
|
-
"class": "
|
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 ? "
|
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": ["
|
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": ["
|
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]])]
|