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.
Files changed (40) hide show
  1. package/dist/index.cjs.js +40 -40
  2. package/dist/index.esm.js +453 -89
  3. package/dist/index.umd.js +54 -54
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/date-picker/base/date-table.d.ts +4 -4
  7. package/lib/date-picker/date-picker.css +5 -0
  8. package/lib/date-picker/date-picker.d.ts +2 -2
  9. package/lib/date-picker/date-picker.less +6 -0
  10. package/lib/date-picker/date-picker.variable.css +5 -0
  11. package/lib/date-picker/index.d.ts +4 -4
  12. package/lib/date-picker/index.js +1 -1
  13. package/lib/date-picker/interface.d.ts +3 -2
  14. package/lib/date-picker/panel/date-range.d.ts +39 -183
  15. package/lib/date-picker/panel/date.d.ts +20 -364
  16. package/lib/date-picker/panel/time-range.d.ts +489 -0
  17. package/lib/date-picker/panel/time.d.ts +1 -3
  18. package/lib/date-picker/props.d.ts +2 -2
  19. package/lib/date-picker/time-picker.d.ts +2 -2
  20. package/lib/select/index.d.ts +3 -0
  21. package/lib/select/index.js +1 -1
  22. package/lib/select/select.d.ts +1 -0
  23. package/lib/table/const.d.ts +2 -1
  24. package/lib/table/index.d.ts +16 -1
  25. package/lib/table/index.js +1 -1
  26. package/lib/table/plugins/head-filter.css +2 -3
  27. package/lib/table/plugins/head-filter.less +9 -10
  28. package/lib/table/plugins/head-filter.variable.css +2 -3
  29. package/lib/table/plugins/head-sort.css +6 -3
  30. package/lib/table/plugins/head-sort.less +6 -3
  31. package/lib/table/plugins/head-sort.variable.css +6 -3
  32. package/lib/table/props.d.ts +19 -0
  33. package/lib/table/table.css +8 -6
  34. package/lib/table/table.d.ts +7 -0
  35. package/lib/table/table.variable.css +8 -6
  36. package/lib/table/use-common.d.ts +1 -0
  37. package/lib/table/utils.d.ts +8 -0
  38. package/lib/table-column/index.js +1 -1
  39. package/lib/time-picker/index.d.ts +4 -4
  40. 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
- const textWidth = getElementTextWidth(refRoot.value, content);
17261
- const cellWidth = refRoot.value.clientWidth;
17262
- const computedStyle = window.getComputedStyle(refRoot.value);
17263
- const paddingWidth = ["padding-left", "padding-right"].reduce((width, prop) => width + Number(computedStyle.getPropertyValue(prop).replace("px", "")), 0);
17264
- const cellInnerWidth = cellWidth - paddingWidth;
17265
- isTipsEnabled.value = textWidth > cellInnerWidth;
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
- if (sortType.value === type) {
17507
- sortType.value = SORT_OPTION.NULL;
17508
- } else {
17509
- sortType.value = type;
17589
+ let currentSort = type;
17590
+ if (type === SORT_OPTION.NULL) {
17591
+ currentSort = getNextSortType(type);
17510
17592
  }
17511
- if (props2.column.sort === "custom") {
17512
- emit("change", null, type);
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 fieldName = props2.column.field;
17516
- const getVal = (row) => getRowText(row, fieldName, props2.column);
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
- let defaultSort = SORT_OPTION.NULL;
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": 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("a", {
21720
- "href": "javascript: void(0);",
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
- }, [this.labels.time]) : "", this.clearable ? createVNode("a", {
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
- disableDate: Function,
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.disableDate === "function" && props2.disableDate;
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
- disableDate: Function,
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: "TimePickerPanel",
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
- "disableDate": this.disableDate,
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
- disableDate: Function,
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
- "disableDate": this.disableDate,
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
- "disableDate": this.disableDate,
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]])]), this.hasShortcuts ? createVNode("div", {
25492
- "class": "bk-picker-panel-sidebar"
25493
- }, [this.$slots.shortcuts ? typeof this.$slots.shortcuts === "function" ? this.$slots.shortcuts() : this.$slots.shortcuts : this.shortcuts.length ? createVNode("div", {
25494
- "class": "bk-picker-panel-shortcuts"
25495
- }, [this.shortcuts.map((item, index) => createVNode("div", {
25496
- "key": index,
25497
- "class": "shortcuts-item",
25498
- "onClick": () => this.handleShortcutClick(item, index)
25499
- }, [item.text]))]) : ""]) : null]);
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.disableDate) == null ? void 0 : _a.call(props2, valueToTest);
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
- "disableDate": this.disableDate,
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
- "disableDate": this.disableDate,
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.disableDate) == null ? void 0 : _a.call(props2, valueToTest);
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(TimePanel, {
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
- "disableDate": this.disableDate,
26913
+ "disabledDate": this.disabledDate,
26550
26914
  "onPick": this.onPick,
26551
26915
  "onPick-clear": this.handleClear,
26552
26916
  "onPick-success": this.onPickSuccess,