bkui-vue 0.0.1-beta.216 → 0.0.1-beta.218
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 +40 -40
- package/dist/index.esm.js +453 -89
- package/dist/index.umd.js +54 -54
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/date-picker/base/date-table.d.ts +4 -4
- package/lib/date-picker/date-picker.css +5 -0
- package/lib/date-picker/date-picker.d.ts +2 -2
- package/lib/date-picker/date-picker.less +6 -0
- package/lib/date-picker/date-picker.variable.css +5 -0
- package/lib/date-picker/index.d.ts +4 -4
- package/lib/date-picker/index.js +1 -1
- package/lib/date-picker/interface.d.ts +3 -2
- package/lib/date-picker/panel/date-range.d.ts +39 -183
- package/lib/date-picker/panel/date.d.ts +20 -364
- package/lib/date-picker/panel/time-range.d.ts +489 -0
- package/lib/date-picker/panel/time.d.ts +1 -3
- package/lib/date-picker/props.d.ts +2 -2
- package/lib/date-picker/time-picker.d.ts +2 -2
- package/lib/select/index.d.ts +3 -0
- package/lib/select/index.js +1 -1
- package/lib/select/select.d.ts +1 -0
- package/lib/table/const.d.ts +2 -1
- package/lib/table/index.d.ts +16 -1
- package/lib/table/index.js +1 -1
- package/lib/table/plugins/head-filter.css +2 -3
- package/lib/table/plugins/head-filter.less +9 -10
- package/lib/table/plugins/head-filter.variable.css +2 -3
- package/lib/table/plugins/head-sort.css +6 -3
- package/lib/table/plugins/head-sort.less +6 -3
- package/lib/table/plugins/head-sort.variable.css +6 -3
- package/lib/table/props.d.ts +19 -0
- package/lib/table/table.css +8 -6
- package/lib/table/table.d.ts +7 -0
- package/lib/table/table.variable.css +8 -6
- package/lib/table/use-common.d.ts +1 -0
- package/lib/table/utils.d.ts +8 -0
- package/lib/table-column/index.js +1 -1
- package/lib/time-picker/index.d.ts +4 -4
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
@@ -15347,13 +15347,6 @@ var Component$j = defineComponent({
|
|
15347
15347
|
initActiveOptionValue();
|
15348
15348
|
}
|
15349
15349
|
});
|
15350
|
-
const watchOnce = watch(isPopoverShow, () => {
|
15351
|
-
setTimeout(() => {
|
15352
|
-
var _a, _b;
|
15353
|
-
enableVirtualRender.value && ((_b = (_a = virtualRenderRef.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a));
|
15354
|
-
watchOnce();
|
15355
|
-
});
|
15356
|
-
});
|
15357
15350
|
const initActiveOptionValue = () => {
|
15358
15351
|
var _a;
|
15359
15352
|
const firstSelected = selected.value[0];
|
@@ -15573,6 +15566,12 @@ var Component$j = defineComponent({
|
|
15573
15566
|
hidePopover();
|
15574
15567
|
handleBlur();
|
15575
15568
|
};
|
15569
|
+
const handlePopoverShow = () => {
|
15570
|
+
setTimeout(() => {
|
15571
|
+
var _a, _b;
|
15572
|
+
enableVirtualRender.value && ((_b = (_a = virtualRenderRef.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a));
|
15573
|
+
});
|
15574
|
+
};
|
15576
15575
|
provide(selectKey, reactive({
|
15577
15576
|
multiple,
|
15578
15577
|
selected,
|
@@ -15640,7 +15639,8 @@ var Component$j = defineComponent({
|
|
15640
15639
|
handleInputChange,
|
15641
15640
|
handleInputEnter,
|
15642
15641
|
handleKeydown,
|
15643
|
-
handleSelectedAllOptionMouseEnter
|
15642
|
+
handleSelectedAllOptionMouseEnter,
|
15643
|
+
handlePopoverShow
|
15644
15644
|
};
|
15645
15645
|
},
|
15646
15646
|
render() {
|
@@ -15799,6 +15799,7 @@ var Component$j = defineComponent({
|
|
15799
15799
|
"class": selectClass
|
15800
15800
|
}, [createVNode(BkPopover2, mergeProps(this.popoverConfig, {
|
15801
15801
|
"onClickoutside": this.handleClickOutside,
|
15802
|
+
"onAfterShow": this.handlePopoverShow,
|
15802
15803
|
"ref": "popoverRef"
|
15803
15804
|
}), {
|
15804
15805
|
default: () => renderSelectTrigger(),
|
@@ -16265,9 +16266,10 @@ var SORT_OPTION = /* @__PURE__ */ ((SORT_OPTION2) => {
|
|
16265
16266
|
SORT_OPTION2["ASC"] = "asc";
|
16266
16267
|
SORT_OPTION2["DESC"] = "desc";
|
16267
16268
|
SORT_OPTION2["NULL"] = "null";
|
16269
|
+
SORT_OPTION2["CUSTOM"] = "custom";
|
16268
16270
|
return SORT_OPTION2;
|
16269
16271
|
})(SORT_OPTION || {});
|
16270
|
-
const SORT_OPTIONS = ["asc", "desc", "null"];
|
16272
|
+
const SORT_OPTIONS = ["asc", "desc", "null", "custom"];
|
16271
16273
|
var SortScope = /* @__PURE__ */ ((SortScope2) => {
|
16272
16274
|
SortScope2["CURRENT"] = "current";
|
16273
16275
|
SortScope2["ALL"] = "all";
|
@@ -16283,7 +16285,8 @@ const IColumnType = {
|
|
16283
16285
|
showOverflowTooltip: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
|
16284
16286
|
content: PropTypes.string.def(""),
|
16285
16287
|
disabled: PropTypes.bool.def(false),
|
16286
|
-
watchCellResize: PropTypes.bool.def(true)
|
16288
|
+
watchCellResize: PropTypes.bool.def(true),
|
16289
|
+
mode: PropTypes.commonType(["static", "auto"], "showOverflowTooltipMode").def("auto")
|
16287
16290
|
})]).def(void 0),
|
16288
16291
|
type: PropTypes.commonType(["selection", "index", "expand", "none"], "columnType").def("none"),
|
16289
16292
|
resizable: PropTypes.bool.def(true),
|
@@ -16369,11 +16372,16 @@ const tableProps = {
|
|
16369
16372
|
showOverflowTooltip: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
|
16370
16373
|
content: PropTypes.string.def(""),
|
16371
16374
|
disabled: PropTypes.bool.def(false),
|
16372
|
-
watchCellResize: PropTypes.bool.def(true)
|
16375
|
+
watchCellResize: PropTypes.bool.def(true),
|
16376
|
+
mode: PropTypes.commonType(["static", "auto"], "showOverflowTooltipMode").def("auto")
|
16373
16377
|
})]).def(false),
|
16374
16378
|
asyncData: PropTypes.bool.def(false),
|
16375
16379
|
rowHover: PropTypes.oneOf(ROW_HOVER_OPTIONS).def(ROW_HOVER.HIGHLIGHT),
|
16376
|
-
defaultSort: PropTypes.shape({}).def({})
|
16380
|
+
defaultSort: PropTypes.shape({}).def({}),
|
16381
|
+
isRowSelectEnable: PropTypes.oneOfType([
|
16382
|
+
PropTypes.func.def(() => true),
|
16383
|
+
PropTypes.bool.def(true)
|
16384
|
+
]).def(true)
|
16377
16385
|
};
|
16378
16386
|
var Column = defineComponent({
|
16379
16387
|
name: "TableColumn",
|
@@ -17203,6 +17211,70 @@ const resolveCellSpan = (column, colIndex, row, rowIndex) => {
|
|
17203
17211
|
rowspan
|
17204
17212
|
};
|
17205
17213
|
};
|
17214
|
+
const getSortFn = (column, sortType) => {
|
17215
|
+
var _a, _b;
|
17216
|
+
const fieldName = column.field;
|
17217
|
+
const getVal = (row) => getRowText(row, fieldName, column);
|
17218
|
+
const sortFn0 = (a2, b2) => {
|
17219
|
+
const val0 = getVal(a2);
|
17220
|
+
const val1 = getVal(b2);
|
17221
|
+
if (typeof val0 === "number" && typeof val1 === "number") {
|
17222
|
+
return val0 - val1;
|
17223
|
+
}
|
17224
|
+
return String.prototype.localeCompare.call(val0, val1);
|
17225
|
+
};
|
17226
|
+
const sortFn = typeof ((_a = column.sort) == null ? void 0 : _a.sortFn) === "function" ? (_b = column.sort) == null ? void 0 : _b.sortFn : sortFn0;
|
17227
|
+
return sortType === SORT_OPTION.NULL ? () => true : (_a2, _b2) => sortFn(_a2, _b2) * (sortType === SORT_OPTION.DESC ? -1 : 1);
|
17228
|
+
};
|
17229
|
+
const getNextSortType = (sortType) => {
|
17230
|
+
const steps2 = {
|
17231
|
+
[SORT_OPTION.NULL]: 0,
|
17232
|
+
[SORT_OPTION.ASC]: 1,
|
17233
|
+
[SORT_OPTION.DESC]: 2
|
17234
|
+
};
|
17235
|
+
if (sortType === void 0) {
|
17236
|
+
return SORT_OPTION.NULL;
|
17237
|
+
}
|
17238
|
+
return Object.keys(steps2)[(steps2[sortType] + 1) % 3];
|
17239
|
+
};
|
17240
|
+
const resolveSort = (sort) => {
|
17241
|
+
if (typeof sort === "string") {
|
17242
|
+
return {
|
17243
|
+
value: sort
|
17244
|
+
};
|
17245
|
+
}
|
17246
|
+
if (typeof sort === "boolean" && sort) {
|
17247
|
+
return {
|
17248
|
+
value: SORT_OPTION.ASC
|
17249
|
+
};
|
17250
|
+
}
|
17251
|
+
if (typeof sort === "object" && sort !== null) {
|
17252
|
+
if (typeof sort.sortFn) {
|
17253
|
+
return __spreadValues({
|
17254
|
+
value: "custom"
|
17255
|
+
}, sort);
|
17256
|
+
}
|
17257
|
+
return sort;
|
17258
|
+
}
|
17259
|
+
return null;
|
17260
|
+
};
|
17261
|
+
const isRowSelectEnable = (props2, {
|
17262
|
+
row,
|
17263
|
+
index,
|
17264
|
+
isCheckAll
|
17265
|
+
}) => {
|
17266
|
+
if (typeof props2.isRowSelectEnable === "boolean") {
|
17267
|
+
return props2.isRowSelectEnable;
|
17268
|
+
}
|
17269
|
+
if (typeof props2.isRowSelectEnable === "function") {
|
17270
|
+
return props2.isRowSelectEnable({
|
17271
|
+
row,
|
17272
|
+
index,
|
17273
|
+
isCheckAll
|
17274
|
+
});
|
17275
|
+
}
|
17276
|
+
return true;
|
17277
|
+
};
|
17206
17278
|
var TableCell = defineComponent({
|
17207
17279
|
name: "TableCell",
|
17208
17280
|
props: {
|
@@ -17235,6 +17307,7 @@ var TableCell = defineComponent({
|
|
17235
17307
|
const resolveTooltipOption = () => {
|
17236
17308
|
let disabled = true;
|
17237
17309
|
let content = refRoot.value.innerText;
|
17310
|
+
let mode = "auto";
|
17238
17311
|
if (typeof showOverflowTooltip === "boolean") {
|
17239
17312
|
disabled = !showOverflowTooltip;
|
17240
17313
|
}
|
@@ -17244,10 +17317,12 @@ var TableCell = defineComponent({
|
|
17244
17317
|
content = showOverflowTooltip.content(props2.column, props2.row);
|
17245
17318
|
}
|
17246
17319
|
content = showOverflowTooltip.content || refRoot.value.innerText;
|
17320
|
+
mode = showOverflowTooltip.mode || "auto";
|
17247
17321
|
}
|
17248
17322
|
return {
|
17249
17323
|
disabled,
|
17250
|
-
content
|
17324
|
+
content,
|
17325
|
+
mode
|
17251
17326
|
};
|
17252
17327
|
};
|
17253
17328
|
const resolveOverflowTooltip = () => {
|
@@ -17255,14 +17330,20 @@ var TableCell = defineComponent({
|
|
17255
17330
|
return;
|
17256
17331
|
}
|
17257
17332
|
const {
|
17258
|
-
content
|
17333
|
+
content,
|
17334
|
+
mode
|
17259
17335
|
} = resolveTooltipOption();
|
17260
|
-
|
17261
|
-
|
17262
|
-
|
17263
|
-
|
17264
|
-
|
17265
|
-
|
17336
|
+
if (mode === "auto") {
|
17337
|
+
const textWidth = getElementTextWidth(refRoot.value, content);
|
17338
|
+
const cellWidth = refRoot.value.clientWidth;
|
17339
|
+
const computedStyle = window.getComputedStyle(refRoot.value);
|
17340
|
+
const paddingWidth = ["padding-left", "padding-right"].reduce((width, prop) => width + Number(computedStyle.getPropertyValue(prop).replace("px", "")), 0);
|
17341
|
+
const cellInnerWidth = cellWidth - paddingWidth;
|
17342
|
+
isTipsEnabled.value = textWidth > cellInnerWidth;
|
17343
|
+
}
|
17344
|
+
if (mode === "static") {
|
17345
|
+
isTipsEnabled.value = true;
|
17346
|
+
}
|
17266
17347
|
if (isTipsEnabled.value) {
|
17267
17348
|
const bindings = ref(resolveTooltipOption());
|
17268
17349
|
if (bkEllipsisIns === null) {
|
@@ -17498,36 +17579,28 @@ var HeadSort = defineComponent({
|
|
17498
17579
|
var _a, _b;
|
17499
17580
|
const defSort = ((_b = (_a = props2.column) == null ? void 0 : _a.sort) == null ? void 0 : _b.value) || props2.defaultSort || SORT_OPTION.NULL;
|
17500
17581
|
const sortType = ref(defSort);
|
17582
|
+
watch(() => [props2.defaultSort], ([val]) => {
|
17583
|
+
sortType.value = val;
|
17584
|
+
});
|
17501
17585
|
const handleSortClick = (e, type) => {
|
17502
|
-
var _a2, _b2;
|
17503
17586
|
e.stopImmediatePropagation();
|
17504
17587
|
e.stopPropagation();
|
17505
17588
|
e.preventDefault();
|
17506
|
-
|
17507
|
-
|
17508
|
-
|
17509
|
-
sortType.value = type;
|
17589
|
+
let currentSort = type;
|
17590
|
+
if (type === SORT_OPTION.NULL) {
|
17591
|
+
currentSort = getNextSortType(type);
|
17510
17592
|
}
|
17511
|
-
|
17512
|
-
|
17593
|
+
const sort = resolveSort(props2.column.sort);
|
17594
|
+
if ((sort == null ? void 0 : sort.value) === "custom") {
|
17595
|
+
emit("change", null, currentSort);
|
17513
17596
|
return;
|
17514
17597
|
}
|
17515
|
-
const
|
17516
|
-
|
17517
|
-
const sortFn0 = (a2, b2) => {
|
17518
|
-
const val0 = getVal(a2);
|
17519
|
-
const val1 = getVal(b2);
|
17520
|
-
if (typeof val0 === "number" && typeof val1 === "number") {
|
17521
|
-
return val0 - val1;
|
17522
|
-
}
|
17523
|
-
return String.prototype.localeCompare.call(val0, val1);
|
17524
|
-
};
|
17525
|
-
const sortFn = typeof ((_a2 = props2.column.sort) == null ? void 0 : _a2.sortFn) === "function" ? (_b2 = props2.column.sort) == null ? void 0 : _b2.sortFn : sortFn0;
|
17526
|
-
const execFn = sortType.value === SORT_OPTION.NULL ? () => true : (_a3, _b3) => sortFn(_a3, _b3) * (type === SORT_OPTION.DESC ? -1 : 1);
|
17527
|
-
emit("change", execFn, type);
|
17598
|
+
const execFn = getSortFn(props2.column, currentSort);
|
17599
|
+
emit("change", execFn, currentSort);
|
17528
17600
|
};
|
17529
17601
|
return () => createVNode("span", {
|
17530
|
-
"class": resolveClassName("head-cell-sort")
|
17602
|
+
"class": resolveClassName("head-cell-sort"),
|
17603
|
+
"onClick": (e) => handleSortClick(e, SORT_OPTION.NULL)
|
17531
17604
|
}, [createVNode(angleDownFill, {
|
17532
17605
|
"class": ["sort-action", "sort-asc", sortType.value === SORT_OPTION.ASC ? "active" : ""],
|
17533
17606
|
"onClick": (e) => handleSortClick(e, SORT_OPTION.ASC)
|
@@ -17983,14 +18056,32 @@ class TableRender {
|
|
17983
18056
|
});
|
17984
18057
|
}
|
17985
18058
|
}
|
17986
|
-
handleColumnHeadClick(index) {
|
18059
|
+
handleColumnHeadClick(index, column) {
|
17987
18060
|
if (this.props.columnPick !== "disabled") {
|
17988
18061
|
this.setColumnActive(index, this.props.columnPick === "single");
|
17989
18062
|
this.context.emit(EMIT_EVENTS.COLUMN_PICK, this.propActiveCols);
|
17990
18063
|
}
|
18064
|
+
if (column.sort && !column.filter) {
|
18065
|
+
const columnName = resolvePropVal(column, ["field", "type"], [column, index]);
|
18066
|
+
const nextSort = getNextSortType(this.reactiveProp.defaultSort[columnName]);
|
18067
|
+
Object.assign(this.reactiveProp.defaultSort, {
|
18068
|
+
[columnName]: nextSort
|
18069
|
+
});
|
18070
|
+
const sortFn = getSortFn(column, nextSort);
|
18071
|
+
this.emitEvent(EVENTS$1.ON_SORT_BY_CLICK, [{
|
18072
|
+
sortFn,
|
18073
|
+
column,
|
18074
|
+
index,
|
18075
|
+
nextSort
|
18076
|
+
}]);
|
18077
|
+
}
|
17991
18078
|
}
|
17992
18079
|
getSortCell(column, index) {
|
18080
|
+
const columnName = resolvePropVal(column, ["field", "type"], [column, index]);
|
17993
18081
|
const handleSortClick = (sortFn, type) => {
|
18082
|
+
Object.assign(this.reactiveProp.defaultSort, {
|
18083
|
+
[columnName]: type
|
18084
|
+
});
|
17994
18085
|
this.emitEvent(EVENTS$1.ON_SORT_BY_CLICK, [{
|
17995
18086
|
sortFn,
|
17996
18087
|
column,
|
@@ -17998,16 +18089,10 @@ class TableRender {
|
|
17998
18089
|
type
|
17999
18090
|
}]);
|
18000
18091
|
};
|
18001
|
-
|
18002
|
-
if (typeof this.props.defaultSort === "object" && this.props.defaultSort !== null) {
|
18003
|
-
const columnName = resolvePropVal(column, ["field", "type"], [column, index]);
|
18004
|
-
if (Object.prototype.hasOwnProperty.call(this.props.defaultSort, columnName)) {
|
18005
|
-
defaultSort = this.props.defaultSort[columnName];
|
18006
|
-
}
|
18007
|
-
}
|
18092
|
+
const nextSort = this.reactiveProp.defaultSort[columnName];
|
18008
18093
|
return createVNode(HeadSort, {
|
18009
18094
|
"column": column,
|
18010
|
-
"defaultSort":
|
18095
|
+
"defaultSort": nextSort,
|
18011
18096
|
"onChange": handleSortClick
|
18012
18097
|
}, null);
|
18013
18098
|
}
|
@@ -18084,7 +18169,7 @@ class TableRender {
|
|
18084
18169
|
"rowspan": 1,
|
18085
18170
|
"class": this.getHeadColumnClass(column, index),
|
18086
18171
|
"style": resolveFixedColumnStyle(column),
|
18087
|
-
"onClick": () => this.handleColumnHeadClick(index)
|
18172
|
+
"onClick": () => this.handleColumnHeadClick(index, column)
|
18088
18173
|
}, resolveEventListener(column)), [createVNode(TableCell, null, _isSlot$1(_slot = renderHeadCell(column, index)) ? _slot : {
|
18089
18174
|
default: () => [_slot]
|
18090
18175
|
})]);
|
@@ -18219,8 +18304,14 @@ class TableRender {
|
|
18219
18304
|
}]);
|
18220
18305
|
};
|
18221
18306
|
const indeterminate = isAll && !!this.reactiveProp.rowActions.get(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE);
|
18307
|
+
const isEnable = isRowSelectEnable(this.props, {
|
18308
|
+
row,
|
18309
|
+
index,
|
18310
|
+
isCheckAll: isAll
|
18311
|
+
});
|
18222
18312
|
return createVNode(BkCheckbox, {
|
18223
18313
|
"onChange": handleChecked,
|
18314
|
+
"disabled": !isEnable,
|
18224
18315
|
"modelValue": row[TABLE_ROW_ATTRIBUTE.ROW_SELECTION],
|
18225
18316
|
"indeterminate": indeterminate
|
18226
18317
|
}, null);
|
@@ -18624,6 +18715,14 @@ const useInit = (props2, targetColumns) => {
|
|
18624
18715
|
resetResizeEvents();
|
18625
18716
|
registerResizeEvent();
|
18626
18717
|
}, { immediate: true, deep: true });
|
18718
|
+
const defSort = props2.columns.reduce((out, col, index) => {
|
18719
|
+
const columnName = resolvePropVal(col, ["field", "type"], [col, index]);
|
18720
|
+
const sort = resolveSort(col.sort);
|
18721
|
+
if (sort) {
|
18722
|
+
return __spreadProps(__spreadValues({}, out || {}), { [columnName]: sort == null ? void 0 : sort.value });
|
18723
|
+
}
|
18724
|
+
return out;
|
18725
|
+
}, null);
|
18627
18726
|
const reactiveSchema = reactive({
|
18628
18727
|
rowActions: /* @__PURE__ */ new Map(),
|
18629
18728
|
scrollTranslateY: 0,
|
@@ -18636,7 +18735,8 @@ const useInit = (props2, targetColumns) => {
|
|
18636
18735
|
setting: {
|
18637
18736
|
size: (_a = props2.settings) == null ? void 0 : _a.size,
|
18638
18737
|
height: SETTING_SIZE[(_b = props2.settings) == null ? void 0 : _b.size]
|
18639
|
-
}
|
18738
|
+
},
|
18739
|
+
defaultSort: defSort || props2.defaultSort
|
18640
18740
|
});
|
18641
18741
|
const isRowExpand = (rowId) => {
|
18642
18742
|
var _a2;
|
@@ -21716,11 +21816,14 @@ var Confirm = defineComponent({
|
|
21716
21816
|
"class": "bk-picker-confirm",
|
21717
21817
|
"ref": "elRef",
|
21718
21818
|
"onKeydown": this.handleTab
|
21719
|
-
}, [this.showTime ? createVNode(
|
21720
|
-
"
|
21819
|
+
}, [this.showTime ? createVNode(BkButton, {
|
21820
|
+
"text": true,
|
21721
21821
|
"class": "bk-picker-confirm-time",
|
21822
|
+
"disabled": this.timeDisabled,
|
21722
21823
|
"onClick": this.handleToggleTime
|
21723
|
-
},
|
21824
|
+
}, {
|
21825
|
+
default: () => [this.labels.time]
|
21826
|
+
}) : "", this.clearable ? createVNode("a", {
|
21724
21827
|
"href": "javascript: void(0);",
|
21725
21828
|
"onClick": this.handleClear,
|
21726
21829
|
"onKeydown": this.handleClear
|
@@ -23900,7 +24003,7 @@ const formatDate = (val, type, multiple, format2) => {
|
|
23900
24003
|
const datePickerKey = Symbol("date-picker");
|
23901
24004
|
const timePickerKey = Symbol("time-picker");
|
23902
24005
|
function findChildComponents(context, componentName) {
|
23903
|
-
return context.$children.reduce((components2, child) => {
|
24006
|
+
return (context.$children || []).reduce((components2, child) => {
|
23904
24007
|
if (child.$options.name === componentName) {
|
23905
24008
|
components2.push(child);
|
23906
24009
|
}
|
@@ -23998,7 +24101,7 @@ const dateTableProps = {
|
|
23998
24101
|
type: Date,
|
23999
24102
|
required: true
|
24000
24103
|
},
|
24001
|
-
|
24104
|
+
disabledDate: Function,
|
24002
24105
|
selectionMode: {
|
24003
24106
|
type: String,
|
24004
24107
|
required: true
|
@@ -24047,7 +24150,7 @@ var DateTable = defineComponent({
|
|
24047
24150
|
const rangeStart = props2.rangeState.from && clearHours(props2.rangeState.from);
|
24048
24151
|
const rangeEnd = props2.rangeState.to && clearHours(props2.rangeState.to);
|
24049
24152
|
const isRange = props2.selectionMode === "range";
|
24050
|
-
const disableTestFn = typeof props2.
|
24153
|
+
const disableTestFn = typeof props2.disabledDate === "function" && props2.disabledDate;
|
24051
24154
|
return calendar.value(tableYear, tableMonth, (cell) => {
|
24052
24155
|
if (cell.date instanceof Date) {
|
24053
24156
|
cell.date.setTime(cell.date.getTime() + cell.date.getTimezoneOffset() * 6e4);
|
@@ -24252,7 +24355,7 @@ const datePickerProps = {
|
|
24252
24355
|
return ["simplicity", "normal"].indexOf(v2) > -1;
|
24253
24356
|
}
|
24254
24357
|
},
|
24255
|
-
|
24358
|
+
disabledDate: Function,
|
24256
24359
|
withValidate: {
|
24257
24360
|
type: Boolean,
|
24258
24361
|
default: true
|
@@ -24648,7 +24751,7 @@ const timeProps = {
|
|
24648
24751
|
}
|
24649
24752
|
};
|
24650
24753
|
var TimePanel = defineComponent({
|
24651
|
-
name: "
|
24754
|
+
name: "TimePanel",
|
24652
24755
|
props: __spreadValues(__spreadValues(__spreadValues({}, datePickerProps), timePanelProps), timeProps),
|
24653
24756
|
emits: ["pick", "pick-click"],
|
24654
24757
|
setup(props2, {
|
@@ -24791,7 +24894,6 @@ const datePanelProps = {
|
|
24791
24894
|
startDate: {
|
24792
24895
|
type: Date
|
24793
24896
|
},
|
24794
|
-
disableDate: Function,
|
24795
24897
|
focusedDate: {
|
24796
24898
|
type: Date,
|
24797
24899
|
required: true
|
@@ -24811,6 +24913,10 @@ const datePanelProps = {
|
|
24811
24913
|
disabledDate: {
|
24812
24914
|
type: Function,
|
24813
24915
|
default: () => false
|
24916
|
+
},
|
24917
|
+
timePickerOptions: {
|
24918
|
+
type: Object,
|
24919
|
+
default: () => ({})
|
24814
24920
|
}
|
24815
24921
|
};
|
24816
24922
|
var DatePanel = defineComponent({
|
@@ -24840,7 +24946,6 @@ var DatePanel = defineComponent({
|
|
24840
24946
|
const timeSpinnerRef = ref(null);
|
24841
24947
|
const timeSpinnerEndRef = ref(null);
|
24842
24948
|
watch(() => state.currentView, (val) => {
|
24843
|
-
console.error(11111, val);
|
24844
24949
|
emit("selection-mode-change", val);
|
24845
24950
|
if (state.currentView === "time") {
|
24846
24951
|
nextTick(() => {
|
@@ -24853,6 +24958,11 @@ var DatePanel = defineComponent({
|
|
24853
24958
|
state.currentView = type;
|
24854
24959
|
state.pickerTable = getTableType(type);
|
24855
24960
|
});
|
24961
|
+
watch(() => props2.modelValue, (newVal) => {
|
24962
|
+
state.dates = newVal;
|
24963
|
+
const panelDate = props2.multiple ? state.dates[state.dates.length - 1] : props2.startDate || state.dates[0];
|
24964
|
+
state.panelDate = panelDate || new Date();
|
24965
|
+
});
|
24856
24966
|
const resetView = () => {
|
24857
24967
|
setTimeout(() => {
|
24858
24968
|
state.currentView = props2.selectionMode;
|
@@ -25033,7 +25143,7 @@ var DatePanel = defineComponent({
|
|
25033
25143
|
case "date-table":
|
25034
25144
|
return createVNode(DateTable, {
|
25035
25145
|
"tableDate": this.panelDate,
|
25036
|
-
"
|
25146
|
+
"disabledDate": this.disabledDate,
|
25037
25147
|
"selectionMode": this.selectionMode,
|
25038
25148
|
"modelValue": this.dates,
|
25039
25149
|
"focusedDate": this.focusedDate,
|
@@ -25048,11 +25158,14 @@ var DatePanel = defineComponent({
|
|
25048
25158
|
"format": this.format,
|
25049
25159
|
"disabledDate": this.disabledDate,
|
25050
25160
|
"onPick": this.handlePick,
|
25161
|
+
"onPick-click": this.handlePickClick,
|
25051
25162
|
"onPick-clear": this.handlePickClear,
|
25052
|
-
"onPick-success": this.handlePickSuccess
|
25163
|
+
"onPick-success": this.handlePickSuccess,
|
25164
|
+
"onPick-toggle-time": this.handleToggleTime
|
25053
25165
|
}, null)]), this.confirm ? createVNode(Confirm, {
|
25054
25166
|
"clearable": this.clearable,
|
25055
25167
|
"showTime": this.showTime,
|
25168
|
+
"timeDisabled": this.timeDisabled,
|
25056
25169
|
"isTime": this.isTime,
|
25057
25170
|
"onPick-toggle-time": this.handleToggleTime,
|
25058
25171
|
"onPick-clear": this.handlePickClear,
|
@@ -25062,6 +25175,154 @@ var DatePanel = defineComponent({
|
|
25062
25175
|
}, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
|
25063
25176
|
}
|
25064
25177
|
});
|
25178
|
+
const timeRangeProps = {
|
25179
|
+
steps: {
|
25180
|
+
type: Array,
|
25181
|
+
default: () => []
|
25182
|
+
},
|
25183
|
+
format: {
|
25184
|
+
type: String,
|
25185
|
+
default: "HH:mm:ss"
|
25186
|
+
},
|
25187
|
+
value: {
|
25188
|
+
type: Array,
|
25189
|
+
required: true
|
25190
|
+
},
|
25191
|
+
allowCrossDay: {
|
25192
|
+
type: Boolean,
|
25193
|
+
default: false
|
25194
|
+
}
|
25195
|
+
};
|
25196
|
+
var TimeRangePanel = defineComponent({
|
25197
|
+
name: "TimeRangePanel",
|
25198
|
+
props: __spreadValues(__spreadValues(__spreadValues({}, datePickerProps), timePanelProps), timeRangeProps),
|
25199
|
+
emits: ["pick", "pick-click"],
|
25200
|
+
setup(props2, {
|
25201
|
+
emit
|
25202
|
+
}) {
|
25203
|
+
const [dateStart, dateEnd] = props2.value.slice();
|
25204
|
+
const state = reactive({
|
25205
|
+
showDate: false,
|
25206
|
+
dateStart: dateStart || initTime(),
|
25207
|
+
dateEnd: dateEnd || initTime()
|
25208
|
+
});
|
25209
|
+
const parentProvide = inject(timePickerKey);
|
25210
|
+
const showSeconds = computed(() => !(props2.format || "").match(/mm$/));
|
25211
|
+
const leftDatePanelLabel = computed(() => fecha.format(parentProvide.dates[0], props2.format));
|
25212
|
+
const rightDatePanelLabel = computed(() => fecha.format(parentProvide.dates[1], props2.format));
|
25213
|
+
watch(() => props2.value, (dates) => {
|
25214
|
+
const [dateStart2, dateEnd2] = dates.slice();
|
25215
|
+
state.dateStart = dateStart2 || initTime();
|
25216
|
+
state.dateEnd = dateEnd2 || initTime();
|
25217
|
+
});
|
25218
|
+
onMounted(() => {
|
25219
|
+
if (parentProvide && parentProvide.parentName === "DatePanel") {
|
25220
|
+
state.showDate = true;
|
25221
|
+
}
|
25222
|
+
});
|
25223
|
+
function handlePickClick() {
|
25224
|
+
emit("pick-click");
|
25225
|
+
}
|
25226
|
+
function handleChange(idx, start2, end2, isEmit = true) {
|
25227
|
+
let dateStart2 = new Date(state.dateStart);
|
25228
|
+
let dateEnd2 = new Date(state.dateEnd);
|
25229
|
+
Object.keys(start2).forEach((type) => {
|
25230
|
+
dateStart2[`set${capitalize(type)}`](start2[type]);
|
25231
|
+
});
|
25232
|
+
Object.keys(end2).forEach((type) => {
|
25233
|
+
dateEnd2[`set${capitalize(type)}`](end2[type]);
|
25234
|
+
});
|
25235
|
+
if (!props2.allowCrossDay && dateEnd2 < dateStart2) {
|
25236
|
+
if (idx === "start") {
|
25237
|
+
dateEnd2 = dateStart2;
|
25238
|
+
}
|
25239
|
+
if (idx === "end") {
|
25240
|
+
dateStart2 = dateEnd2;
|
25241
|
+
}
|
25242
|
+
}
|
25243
|
+
if (isEmit) {
|
25244
|
+
emit("pick", [dateStart2, dateEnd2], true, "time");
|
25245
|
+
}
|
25246
|
+
}
|
25247
|
+
function handleStartChange(date) {
|
25248
|
+
handleChange("start", date, {});
|
25249
|
+
}
|
25250
|
+
function handleEndChange(date) {
|
25251
|
+
handleChange("end", {}, date);
|
25252
|
+
}
|
25253
|
+
const timeSpinnerRef = ref(null);
|
25254
|
+
const timeSpinnerEndRef = ref(null);
|
25255
|
+
function updateScroll() {
|
25256
|
+
var _a, _b;
|
25257
|
+
(_a = timeSpinnerRef == null ? void 0 : timeSpinnerRef.value) == null ? void 0 : _a.updateScroll();
|
25258
|
+
(_b = timeSpinnerEndRef == null ? void 0 : timeSpinnerEndRef.value) == null ? void 0 : _b.updateScroll();
|
25259
|
+
}
|
25260
|
+
return __spreadProps(__spreadValues({}, toRefs(state)), {
|
25261
|
+
showSeconds,
|
25262
|
+
leftDatePanelLabel,
|
25263
|
+
rightDatePanelLabel,
|
25264
|
+
handleStartChange,
|
25265
|
+
handleEndChange,
|
25266
|
+
handlePickClick,
|
25267
|
+
updateScroll,
|
25268
|
+
timeSpinnerRef,
|
25269
|
+
timeSpinnerEndRef
|
25270
|
+
});
|
25271
|
+
},
|
25272
|
+
render() {
|
25273
|
+
return createVNode("div", {
|
25274
|
+
"class": ["bk-picker-panel-body-wrapper", "bk-time-picker-with-range", this.showSeconds ? "bk-time-picker-with-seconds" : ""],
|
25275
|
+
"onMousedown": (e) => {
|
25276
|
+
e.preventDefault();
|
25277
|
+
}
|
25278
|
+
}, [createVNode("div", {
|
25279
|
+
"class": "bk-picker-panel-body",
|
25280
|
+
"style": {
|
25281
|
+
width: `${this.width * 2}px`
|
25282
|
+
}
|
25283
|
+
}, [createVNode("div", {
|
25284
|
+
"class": "bk-picker-panel-content bk-picker-panel-content-left",
|
25285
|
+
"style": {
|
25286
|
+
width: `${this.width}px`
|
25287
|
+
}
|
25288
|
+
}, [this.showDate ? createVNode("div", {
|
25289
|
+
"class": "bk-time-picker-header"
|
25290
|
+
}, [this.leftDatePanelLabel]) : "", createVNode(TimeSpinner, {
|
25291
|
+
"ref": "timeSpinnerRef",
|
25292
|
+
"steps": this.steps,
|
25293
|
+
"showSeconds": this.showSeconds,
|
25294
|
+
"hours": this.value[0] && this.dateStart.getHours(),
|
25295
|
+
"minutes": this.value[0] && this.dateStart.getMinutes(),
|
25296
|
+
"seconds": this.value[0] && this.dateStart.getSeconds(),
|
25297
|
+
"disabledHours": this.disabledHours,
|
25298
|
+
"disabledMinutes": this.disabledMinutes,
|
25299
|
+
"disabledSeconds": this.disabledSeconds,
|
25300
|
+
"hideDisabledOptions": this.hideDisabledOptions,
|
25301
|
+
"onChange": this.handleStartChange,
|
25302
|
+
"onPick-click": this.handlePickClick
|
25303
|
+
}, null)]), createVNode("div", {
|
25304
|
+
"class": "bk-picker-panel-content bk-picker-panel-content-right",
|
25305
|
+
"style": {
|
25306
|
+
width: `${this.width}px`
|
25307
|
+
}
|
25308
|
+
}, [this.showDate ? createVNode("div", {
|
25309
|
+
"class": "bk-time-picker-header"
|
25310
|
+
}, [this.rightDatePanelLabel]) : "", createVNode(TimeSpinner, {
|
25311
|
+
"ref": "timeSpinnerEndRef",
|
25312
|
+
"steps": this.steps,
|
25313
|
+
"showSeconds": this.showSeconds,
|
25314
|
+
"hours": this.value[1] && this.dateEnd.getHours(),
|
25315
|
+
"minutes": this.value[1] && this.dateEnd.getMinutes(),
|
25316
|
+
"seconds": this.value[1] && this.dateEnd.getSeconds(),
|
25317
|
+
"disabledHours": this.disabledHours,
|
25318
|
+
"disabledMinutes": this.disabledMinutes,
|
25319
|
+
"disabledSeconds": this.disabledSeconds,
|
25320
|
+
"hideDisabledOptions": this.hideDisabledOptions,
|
25321
|
+
"onChange": this.handleEndChange,
|
25322
|
+
"onPick-click": this.handlePickClick
|
25323
|
+
}, null)])])]);
|
25324
|
+
}
|
25325
|
+
});
|
25065
25326
|
const dateRangePanelProps = {
|
25066
25327
|
modelValue: {
|
25067
25328
|
type: [Date, String, Number, Array]
|
@@ -25116,7 +25377,7 @@ const dateRangePanelProps = {
|
|
25116
25377
|
type: Boolean,
|
25117
25378
|
default: false
|
25118
25379
|
},
|
25119
|
-
|
25380
|
+
disabledDate: Function,
|
25120
25381
|
focusedDate: {
|
25121
25382
|
type: Date,
|
25122
25383
|
required: true
|
@@ -25124,12 +25385,20 @@ const dateRangePanelProps = {
|
|
25124
25385
|
confirm: {
|
25125
25386
|
type: Boolean,
|
25126
25387
|
default: false
|
25388
|
+
},
|
25389
|
+
format: {
|
25390
|
+
type: String,
|
25391
|
+
default: "yyyy-MM-dd"
|
25392
|
+
},
|
25393
|
+
timePickerOptions: {
|
25394
|
+
type: Object,
|
25395
|
+
default: () => ({})
|
25127
25396
|
}
|
25128
25397
|
};
|
25129
25398
|
var DateRangePanel = defineComponent({
|
25130
25399
|
name: "DateRangePanel",
|
25131
25400
|
props: dateRangePanelProps,
|
25132
|
-
emits: ["pick", "pick-success"],
|
25401
|
+
emits: ["pick", "pick-success", "pick-clear", "pick-click"],
|
25133
25402
|
setup(props2, {
|
25134
25403
|
slots,
|
25135
25404
|
emit
|
@@ -25150,6 +25419,13 @@ var DateRangePanel = defineComponent({
|
|
25150
25419
|
upToNowEnable: false,
|
25151
25420
|
dates: props2.modelValue
|
25152
25421
|
});
|
25422
|
+
const {
|
25423
|
+
proxy
|
25424
|
+
} = getCurrentInstance();
|
25425
|
+
provide(timePickerKey, {
|
25426
|
+
dates: state.dates,
|
25427
|
+
parentName: proxy.$options.name
|
25428
|
+
});
|
25153
25429
|
const dateSorter = (a2, b2) => {
|
25154
25430
|
if (!a2 || !b2) {
|
25155
25431
|
return 0;
|
@@ -25242,7 +25518,6 @@ var DateRangePanel = defineComponent({
|
|
25242
25518
|
emit("pick", state.dates, visible, type || props2.type);
|
25243
25519
|
};
|
25244
25520
|
const handleRangePick = (val, type) => {
|
25245
|
-
console.warn("handleRangePick");
|
25246
25521
|
if (state.rangeState.selecting || state.currentView === "time") {
|
25247
25522
|
if (state.currentView === "time") {
|
25248
25523
|
state.dates = val;
|
@@ -25301,9 +25576,26 @@ var DateRangePanel = defineComponent({
|
|
25301
25576
|
const handleChangeRange = (val) => {
|
25302
25577
|
state.rangeState.to = val;
|
25303
25578
|
};
|
25579
|
+
function setPanelDates(leftPanelDate2) {
|
25580
|
+
state.leftPanelDate = leftPanelDate2;
|
25581
|
+
const rightPanelDate = new Date(leftPanelDate2.getFullYear(), leftPanelDate2.getMonth() + 1, 1);
|
25582
|
+
const splitRightPanelDate = state.dates[1] ? state.dates[1].getTime() : state.dates[1];
|
25583
|
+
state.rightPanelDate = props2.splitPanels ? new Date(Math.max(splitRightPanelDate, rightPanelDate.getTime())) : rightPanelDate;
|
25584
|
+
}
|
25304
25585
|
watch(() => props2.selectionMode, (v2) => {
|
25305
25586
|
state.currentView = v2 || "range";
|
25306
25587
|
});
|
25588
|
+
watch(() => props2.modelValue, (newVal) => {
|
25589
|
+
const minDate2 = newVal[0] ? toDate(newVal[0]) : null;
|
25590
|
+
const maxDate2 = newVal[1] ? toDate(newVal[1]) : null;
|
25591
|
+
state.dates = [minDate2, maxDate2].sort(dateSorter);
|
25592
|
+
state.rangeState = {
|
25593
|
+
from: state.dates[0],
|
25594
|
+
to: state.dates[1],
|
25595
|
+
selecting: false
|
25596
|
+
};
|
25597
|
+
setPanelDates(props2.startDate || state.dates[0] || new Date());
|
25598
|
+
});
|
25307
25599
|
const isTime = computed(() => state.currentView === "time");
|
25308
25600
|
const leftDatePanelLabel = computed(() => panelLabelConfig("left"));
|
25309
25601
|
const rightDatePanelLabel = computed(() => panelLabelConfig("right"));
|
@@ -25328,6 +25620,26 @@ var DateRangePanel = defineComponent({
|
|
25328
25620
|
var _a;
|
25329
25621
|
return slots.shortcuts || ((_a = props2.shortcuts) == null ? void 0 : _a.length);
|
25330
25622
|
});
|
25623
|
+
const handleToggleTime = () => {
|
25624
|
+
state.currentView = state.currentView === "time" ? "date" : "time";
|
25625
|
+
};
|
25626
|
+
const resetView = () => {
|
25627
|
+
setTimeout(() => {
|
25628
|
+
state.currentView = props2.selectionMode;
|
25629
|
+
}, 500);
|
25630
|
+
};
|
25631
|
+
const handlePickSuccess = () => {
|
25632
|
+
resetView();
|
25633
|
+
emit("pick-success");
|
25634
|
+
};
|
25635
|
+
const handlePickClear = () => {
|
25636
|
+
resetView();
|
25637
|
+
emit("pick-clear");
|
25638
|
+
};
|
25639
|
+
function handlePickClick() {
|
25640
|
+
emit("pick-click");
|
25641
|
+
}
|
25642
|
+
const timeDisabled = computed(() => !(state.dates[0] && state.dates[1]));
|
25331
25643
|
return __spreadProps(__spreadValues({}, toRefs(state)), {
|
25332
25644
|
isTime,
|
25333
25645
|
hasShortcuts,
|
@@ -25345,14 +25657,39 @@ var DateRangePanel = defineComponent({
|
|
25345
25657
|
rightShowLabelSecond,
|
25346
25658
|
preSelecting,
|
25347
25659
|
panelPickerHandlers,
|
25660
|
+
timeDisabled,
|
25348
25661
|
handleShortcutClick,
|
25349
25662
|
reset: reset2,
|
25350
25663
|
onToggleVisibility,
|
25351
25664
|
handleRangePick,
|
25352
|
-
handleChangeRange
|
25665
|
+
handleChangeRange,
|
25666
|
+
handleToggleTime,
|
25667
|
+
handlePickSuccess,
|
25668
|
+
handlePickClear,
|
25669
|
+
handlePickClick
|
25353
25670
|
});
|
25354
25671
|
},
|
25355
25672
|
render() {
|
25673
|
+
let shortcuts = null;
|
25674
|
+
if (this.hasShortcuts) {
|
25675
|
+
let inner = "";
|
25676
|
+
if (this.$slots.shortcuts) {
|
25677
|
+
inner = typeof this.$slots.shortcuts === "function" ? this.$slots.shortcuts() : this.$slots.shortcuts;
|
25678
|
+
} else {
|
25679
|
+
if (this.shortcuts.length) {
|
25680
|
+
inner = createVNode("div", {
|
25681
|
+
"class": "bk-picker-panel-shortcuts"
|
25682
|
+
}, [this.shortcuts.map((item, index) => createVNode("div", {
|
25683
|
+
"key": index,
|
25684
|
+
"class": "shortcuts-item",
|
25685
|
+
"onClick": () => this.handleShortcutClick(item, index)
|
25686
|
+
}, [item.text]))]);
|
25687
|
+
}
|
25688
|
+
}
|
25689
|
+
shortcuts = createVNode("div", {
|
25690
|
+
"class": "bk-picker-panel-sidebar"
|
25691
|
+
}, [inner]);
|
25692
|
+
}
|
25356
25693
|
return createVNode("div", {
|
25357
25694
|
"class": ["bk-picker-panel-body-wrapper", "bk-date-picker-with-range", this.shortcuts.length || this.$slots.shortcuts ? "bk-picker-panel-with-sidebar" : ""],
|
25358
25695
|
"onMousedown": (e) => {
|
@@ -25409,7 +25746,7 @@ var DateRangePanel = defineComponent({
|
|
25409
25746
|
return createVNode(DateTable, {
|
25410
25747
|
"selectionMode": "range",
|
25411
25748
|
"tableDate": this.leftPanelDate,
|
25412
|
-
"
|
25749
|
+
"disabledDate": this.disabledDate,
|
25413
25750
|
"rangeState": this.rangeState,
|
25414
25751
|
"modelValue": this.preSelecting.left ? [this.dates[0]] : this.dates,
|
25415
25752
|
"focusedDate": this.focusedDate,
|
@@ -25478,7 +25815,7 @@ var DateRangePanel = defineComponent({
|
|
25478
25815
|
return createVNode(DateTable, {
|
25479
25816
|
"selectionMode": "range",
|
25480
25817
|
"tableDate": this.rightPanelDate,
|
25481
|
-
"
|
25818
|
+
"disabledDate": this.disabledDate,
|
25482
25819
|
"rangeState": this.rangeState,
|
25483
25820
|
"modelValue": this.preSelecting.right ? [this.dates[this.dates.length - 1]] : this.dates,
|
25484
25821
|
"focusedDate": this.focusedDate,
|
@@ -25488,15 +25825,25 @@ var DateRangePanel = defineComponent({
|
|
25488
25825
|
default:
|
25489
25826
|
return null;
|
25490
25827
|
}
|
25491
|
-
})() : ""]), [[vShow, !this.isTime]])
|
25492
|
-
"
|
25493
|
-
|
25494
|
-
"
|
25495
|
-
|
25496
|
-
"
|
25497
|
-
"
|
25498
|
-
"
|
25499
|
-
|
25828
|
+
})() : ""]), [[vShow, !this.isTime]]), this.isTime ? createVNode(TimeRangePanel, {
|
25829
|
+
"ref": "timePickerRef",
|
25830
|
+
"value": this.dates,
|
25831
|
+
"format": this.format,
|
25832
|
+
"disabledDate": this.disabledDate,
|
25833
|
+
"onPick": this.handleRangePick,
|
25834
|
+
"onPick-click": this.handlePickClick,
|
25835
|
+
"onPick-clear": this.handlePickClear,
|
25836
|
+
"onPick-success": this.handlePickSuccess,
|
25837
|
+
"onPick-toggle-time": this.handleToggleTime
|
25838
|
+
}, null) : "", this.confirm ? createVNode(Confirm, {
|
25839
|
+
"clearable": this.clearable,
|
25840
|
+
"showTime": this.showTime,
|
25841
|
+
"timeDisabled": this.timeDisabled,
|
25842
|
+
"isTime": this.isTime,
|
25843
|
+
"onPick-toggle-time": this.handleToggleTime,
|
25844
|
+
"onPick-clear": this.handlePickClear,
|
25845
|
+
"onPick-success": this.handlePickSuccess
|
25846
|
+
}, null) : ""]), shortcuts]);
|
25500
25847
|
}
|
25501
25848
|
});
|
25502
25849
|
var Component$a = defineComponent({
|
@@ -25728,7 +26075,7 @@ var Component$a = defineComponent({
|
|
25728
26075
|
const newValue = e.target.value;
|
25729
26076
|
const newDate = parseDate(newValue, props2.type, props2.multiple, props2.format);
|
25730
26077
|
const valueToTest = isArrayValue ? newDate : newDate[0];
|
25731
|
-
const isDisabled = (_a = props2.
|
26078
|
+
const isDisabled = (_a = props2.disabledDate) == null ? void 0 : _a.call(props2, valueToTest);
|
25732
26079
|
const isValidDate = newDate.reduce((valid, date) => valid && date instanceof Date, true);
|
25733
26080
|
if (newValue !== oldValue && !isDisabled && isValidDate) {
|
25734
26081
|
emitChange(props2.type);
|
@@ -25994,15 +26341,18 @@ var Component$a = defineComponent({
|
|
25994
26341
|
}, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "DateRangePanel" ? createVNode(DateRangePanel, {
|
25995
26342
|
"ref": "pickerPanelRef",
|
25996
26343
|
"type": this.type,
|
26344
|
+
"showTime": this.type === "datetime" || this.type === "datetimerange",
|
25997
26345
|
"confirm": this.isConfirm,
|
25998
26346
|
"shortcuts": this.shortcuts,
|
25999
26347
|
"shortcutClose": this.shortcutClose,
|
26000
26348
|
"modelValue": this.internalValue,
|
26001
26349
|
"selectionMode": this.selectionMode,
|
26002
26350
|
"startDate": this.startDate,
|
26003
|
-
"
|
26351
|
+
"disabledDate": this.disabledDate,
|
26004
26352
|
"focusedDate": this.focusedDate,
|
26353
|
+
"timePickerOptions": this.timePickerOptions,
|
26005
26354
|
"onPick": this.onPick,
|
26355
|
+
"onPick-clear": this.handleClear,
|
26006
26356
|
"onPick-success": this.onPickSuccess,
|
26007
26357
|
"onSelection-mode-change": this.onSelectionModeChange
|
26008
26358
|
}, shortcutsSlot) : createVNode(DatePanel, {
|
@@ -26016,8 +26366,9 @@ var Component$a = defineComponent({
|
|
26016
26366
|
"selectionMode": this.selectionMode,
|
26017
26367
|
"modelValue": this.internalValue,
|
26018
26368
|
"startDate": this.startDate,
|
26019
|
-
"
|
26369
|
+
"disabledDate": this.disabledDate,
|
26020
26370
|
"focusedDate": this.focusedDate,
|
26371
|
+
"timePickerOptions": this.timePickerOptions,
|
26021
26372
|
"onPick": this.onPick,
|
26022
26373
|
"onPick-clear": this.handleClear,
|
26023
26374
|
"onPick-success": this.onPickSuccess,
|
@@ -26267,7 +26618,7 @@ var TimePicker = defineComponent({
|
|
26267
26618
|
const newValue = e.target.value;
|
26268
26619
|
const newDate = parseDate(newValue, props2.type, props2.multiple, props2.format);
|
26269
26620
|
const valueToTest = isArrayValue ? newDate : newDate[0];
|
26270
|
-
const isDisabled = (_a = props2.
|
26621
|
+
const isDisabled = (_a = props2.disabledDate) == null ? void 0 : _a.call(props2, valueToTest);
|
26271
26622
|
const isValidDate = newDate.reduce((valid, date) => valid && date instanceof Date, true);
|
26272
26623
|
if (newValue !== oldValue && !isDisabled && isValidDate) {
|
26273
26624
|
emitChange(props2.type);
|
@@ -26289,8 +26640,8 @@ var TimePicker = defineComponent({
|
|
26289
26640
|
}
|
26290
26641
|
};
|
26291
26642
|
const reset2 = () => {
|
26292
|
-
var _a;
|
26293
|
-
(_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset();
|
26643
|
+
var _a, _b;
|
26644
|
+
(_b = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
|
26294
26645
|
};
|
26295
26646
|
const handleBlur = (e) => {
|
26296
26647
|
var _a, _b;
|
@@ -26402,8 +26753,6 @@ var TimePicker = defineComponent({
|
|
26402
26753
|
emit("shortcut-change", state.shortcut, shortcutIndex);
|
26403
26754
|
};
|
26404
26755
|
const triggerRef = ref(null);
|
26405
|
-
console.error(panel);
|
26406
|
-
console.error(panel.value);
|
26407
26756
|
return __spreadProps(__spreadValues({}, toRefs(state)), {
|
26408
26757
|
panel,
|
26409
26758
|
publicStringValue,
|
@@ -26537,7 +26886,22 @@ var TimePicker = defineComponent({
|
|
26537
26886
|
var _a2, _b2, _c2, _d, _e, _f;
|
26538
26887
|
return [this.hasHeader ? createVNode("div", {
|
26539
26888
|
"class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
|
26540
|
-
}, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, createVNode(
|
26889
|
+
}, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, this.panel === "RangeTimePickerPanel" ? createVNode(TimeRangePanel, {
|
26890
|
+
"ref": "pickerPanelRef",
|
26891
|
+
"clearable": this.clearable,
|
26892
|
+
"shortcuts": this.shortcuts,
|
26893
|
+
"multiple": this.multiple,
|
26894
|
+
"shortcutClose": this.shortcutClose,
|
26895
|
+
"value": this.internalValue,
|
26896
|
+
"startDate": this.startDate,
|
26897
|
+
"disabledDate": this.disabledDate,
|
26898
|
+
"onPick": this.onPick,
|
26899
|
+
"onPick-clear": this.handleClear,
|
26900
|
+
"onPick-success": this.onPickSuccess,
|
26901
|
+
"disabledHours": this.ownPickerProps.disabledHours,
|
26902
|
+
"disabledMinutes": this.ownPickerProps.disabledMinutes,
|
26903
|
+
"disabledSeconds": this.ownPickerProps.disabledSeconds
|
26904
|
+
}, shortcutsSlot) : createVNode(TimePanel, {
|
26541
26905
|
"ref": "pickerPanelRef",
|
26542
26906
|
"clearable": this.clearable,
|
26543
26907
|
"confirm": this.isConfirm,
|
@@ -26546,7 +26910,7 @@ var TimePicker = defineComponent({
|
|
26546
26910
|
"shortcutClose": this.shortcutClose,
|
26547
26911
|
"value": this.internalValue,
|
26548
26912
|
"startDate": this.startDate,
|
26549
|
-
"
|
26913
|
+
"disabledDate": this.disabledDate,
|
26550
26914
|
"onPick": this.onPick,
|
26551
26915
|
"onPick-clear": this.handleClear,
|
26552
26916
|
"onPick-success": this.onPickSuccess,
|