@gez/date-time-kit 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/components/quick-selector/index.d.ts

@@ -25,11 +25,11 @@ export interface Attrs extends BaseAttrs {
     /**
      * Start time of the quick selection. Only works in custom mode.
      */
-    'start-time'?: Date | null | 'null';
+    'start-time'?: string | number | '';
     /**
      * End time of the quick selection. Only works in custom mode.
      */
-    'end-time'?: Date | null | 'null';
+    'end-time'?: string | number | '';
 }
 export interface Emits {
     'time-changed': {
@@ -43,6 +43,10 @@ export interface Emits {
     };
 }
 export type EventMap = Emit2EventMap<Emits>;
+export declare const genPeriodTimes: (startFn?: (_t: Date, weekOffset: number) => void, endFn?: (_t: Date, weekOffset: number) => void, t?: Date, weekStartAt?: Weeks) => {
+    start: Date;
+    end: Date;
+};
 /**
  * 快速选择下拉选项
  */
@@ -55,6 +59,10 @@ export declare class Ele extends UiBase<Attrs, Emits> {
     set quickKey(val: QuickKey);
     get weekStartAt(): Weeks;
     set weekStartAt(val: Weeks);
+    get startTime(): number | string | Date;
+    set startTime(val: number | string | Date);
+    get endTime(): number | string | Date;
+    set endTime(val: number | string | Date);
     protected _style: string;
     protected _template: string;
     private get _periodSelector();
@@ -71,4 +79,8 @@ export declare class Ele extends UiBase<Attrs, Emits> {
     private _onBackBtnClick;
     private _onRadioChange;
     private _onDoneBtnClick;
+    readonly genPeriodTimes: (startFn?: (_t: Date, weekOffset: number) => void, endFn?: (_t: Date, weekOffset: number) => void, t?: Date) => {
+        start: Date;
+        end: Date;
+    };
 }

package/dist/components/quick-selector/index.mjs

@@ -28,56 +28,43 @@ const genDateWithHours = (isStart, fn = (_t) => {
 };
 const genStartDate = (fn, t) => genDateWithHours(true, fn, t);
 const genEndDate = (fn, t) => genDateWithHours(false, fn, t);
-const quickPeriodTimes = (weekOffset = 0) => ({
+export const genPeriodTimes = (startFn, endFn, t = /* @__PURE__ */ new Date(), weekStartAt = "sun") => {
+  const weekOffset = weekKey.indexOf(weekStartAt);
+  return {
+    start: genStartDate((t2) => startFn == null ? void 0 : startFn(t2, weekOffset), new Date(t)),
+    end: genEndDate((t2) => endFn == null ? void 0 : endFn(t2, weekOffset), new Date(t))
+  };
+};
+const quickPeriodTimes = (weekStartAt = "sun") => ({
   all: null,
-  today: {
-    start: genStartDate(),
-    end: genEndDate()
-  },
-  yesterday: {
-    start: genStartDate((t) => t.setDate(t.getDate() - 1)),
-    end: genEndDate((t) => t.setDate(t.getDate() - 1))
-  },
-  week: {
-    start: genStartDate(
-      (t) => t.setDate(t.getDate() - t.getDay() + weekOffset)
-    ),
-    end: genEndDate(
-      (t) => t.setDate(t.getDate() - t.getDay() + weekOffset + 6)
-    )
-  },
-  lastWeek: {
-    start: genStartDate(
-      (t) => t.setDate(t.getDate() - t.getDay() + weekOffset - 7)
-    ),
-    end: genEndDate(
-      (t) => t.setDate(t.getDate() - t.getDay() + weekOffset - 1)
-    )
-  },
-  last7Days: {
-    start: genStartDate((t) => t.setDate(t.getDate() - 6)),
-    end: genEndDate()
-  },
-  month: {
-    start: genStartDate((t) => t.setDate(1)),
-    end: genEndDate((t) => t.setMonth(t.getMonth() + 1, 0))
-  },
-  last30Days: {
-    start: genStartDate((t) => t.setDate(t.getDate() - 29)),
-    end: genEndDate()
-  },
-  last180Days: {
-    start: genStartDate((t) => t.setDate(t.getDate() - 179)),
-    end: genEndDate()
-  },
-  last6Month: {
-    start: genStartDate((t) => t.setMonth(t.getMonth() - 5, 1)),
-    end: genEndDate((t) => t.setMonth(t.getMonth() + 1, 0))
-  },
-  year: {
-    start: genStartDate((t) => t.setMonth(0, 1)),
-    end: genEndDate((t) => t.setFullYear(t.getFullYear() + 1, 0, 0))
-  }
+  today: genPeriodTimes(),
+  yesterday: genPeriodTimes(
+    (t) => t.setDate(t.getDate() - 1),
+    (t) => t.setDate(t.getDate() - 1)
+  ),
+  week: genPeriodTimes(
+    (t, weekOffset) => t.setDate(t.getDate() - t.getDay() + weekOffset),
+    (t, weekOffset) => t.setDate(t.getDate() - t.getDay() + weekOffset + 6)
+  ),
+  lastWeek: genPeriodTimes(
+    (t, weekOffset) => t.setDate(t.getDate() - t.getDay() + weekOffset - 7),
+    (t, weekOffset) => t.setDate(t.getDate() - t.getDay() + weekOffset - 1)
+  ),
+  last7Days: genPeriodTimes((t) => t.setDate(t.getDate() - 6)),
+  month: genPeriodTimes(
+    (t) => t.setDate(1),
+    (t) => t.setMonth(t.getMonth() + 1, 0)
+  ),
+  last30Days: genPeriodTimes((t) => t.setDate(t.getDate() - 29)),
+  last180Days: genPeriodTimes((t) => t.setDate(t.getDate() - 179)),
+  last6Month: genPeriodTimes(
+    (t) => t.setMonth(t.getMonth() - 5, 1),
+    (t) => t.setMonth(t.getMonth() + 1, 0)
+  ),
+  year: genPeriodTimes(
+    (t) => t.setMonth(0, 1),
+    (t) => t.setFullYear(t.getFullYear() + 1, 0, 0)
+  )
 });
 export class Ele extends UiBase {
   constructor() {
@@ -141,13 +128,21 @@ export class Ele extends UiBase {
     ).join(""), backArrowSvg));
     __publicField(this, "_updatePeriodSelector", debounce(() => {
       var _a2, _b2;
+      this._periodSelector.weekStartAt = this.weekStartAt;
       if (((_b2 = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector(".menu.custom")) == null ? void 0 : _b2.style.display) === "none") {
         return;
       }
-      const defaultPeriod = quickPeriodTimes().last30Days;
       const ele = this._periodSelector;
-      ele.timeStart = defaultPeriod.start;
-      ele.timeEnd = defaultPeriod.end;
+      const startTime = this.startTime;
+      const endTime = this.endTime;
+      if (startTime !== "" && endTime !== "") {
+        ele.timeStart = startTime;
+        ele.timeEnd = endTime;
+      } else {
+        const defaultPeriod = quickPeriodTimes(this.weekStartAt).last30Days;
+        ele.timeStart = defaultPeriod.start;
+        ele.timeEnd = defaultPeriod.end;
+      }
       ele.showCalendarDatePoint();
     }, 0));
     __publicField(this, "_renderTz", debounce(() => {
@@ -180,7 +175,7 @@ export class Ele extends UiBase {
       if (name === "radio") {
         const v = value;
         if (v === "custom") return;
-        const t = quickPeriodTimes()[v];
+        const t = quickPeriodTimes(this.weekStartAt)[v];
         this.dispatchEvent(
           "time-changed",
           !t ? { type: "all" } : {
@@ -196,9 +191,7 @@ export class Ele extends UiBase {
     __publicField(this, "_onDoneBtnClick", (_e2) => {
       const selector = this._periodSelector;
       this._showMenu("top");
-      this.shadowRoot.querySelector(
-        'input[name="radio"][value="custom"]'
-      ).checked = true;
+      this.quickKey = "custom";
       this.dispatchEvent(
         "time-changed",
         {
@@ -209,6 +202,9 @@ export class Ele extends UiBase {
         true
       );
     });
+    __publicField(this, "genPeriodTimes", (startFn, endFn, t = /* @__PURE__ */ new Date()) => {
+      return genPeriodTimes(startFn, endFn, t, this.weekStartAt);
+    });
     this._applyTemplate();
   }
   static get observedAttributes() {
@@ -254,9 +250,37 @@ export class Ele extends UiBase {
     return this._getAttr("week-start-at", "sun");
   }
   set weekStartAt(val) {
-    if (weekKey.includes(val)) return;
+    if (!weekKey.includes(val)) return;
     this.setAttribute("week-start-at", val);
   }
+  get startTime() {
+    const v = this._getAttr("start-time", "");
+    if (v === "") return "";
+    return new Date(Number.isNaN(+v) ? v : +v);
+  }
+  set startTime(val) {
+    if (val === "") {
+      this.removeAttribute("start-time");
+      return;
+    }
+    const v = new Date(val);
+    if (Number.isNaN(+v)) return;
+    this.setAttribute("time-start", +v + "");
+  }
+  get endTime() {
+    const v = this._getAttr("end-time", "" + this.startTime);
+    if (v === "") return "";
+    return new Date(Number.isNaN(+v) ? v : +v);
+  }
+  set endTime(val) {
+    if (val === "") {
+      this.removeAttribute("end-time");
+      return;
+    }
+    const v = new Date(val);
+    if (Number.isNaN(+v)) return;
+    this.setAttribute("time-end", +v + "");
+  }
   get _periodSelector() {
     return this.shadowRoot.querySelector(
       "dt-period-selector"
@@ -267,6 +291,7 @@ export class Ele extends UiBase {
     if (!super.connectedCallback()) return;
     this._renderTz();
     this._updateRadio();
+    this._updatePeriodSelector();
     (_a2 = this.shadowRoot.querySelector(".tz-trigger")) == null ? void 0 : _a2.addEventListener(
       "click",
       this._onTzTriggerClick
@@ -331,6 +356,13 @@ export class Ele extends UiBase {
     if (name === "quick-key") {
       this._updateRadio();
     }
+    if (name === "week-start-at") {
+      this._updatePeriodSelector();
+    }
+    if (name === "start-time" || name === "end-time") {
+      if (this.quickKey !== "custom") return;
+      this._updatePeriodSelector();
+    }
   }
   _showMenu(type) {
     var _a2;

package/dist/components/{period-selector/date-nav.d.ts → yyyymm-nav/index.d.ts}

@@ -1,4 +1,4 @@
-import { type BaseAttrs, type Emit2EventMap, UiBase } from '../../components/web-component-base';
+import { type BaseAttrs, type Emit2EventMap, UiBase } from '../web-component-base';
 export interface Attrs extends BaseAttrs {
     millisecond: number;
     /**
@@ -24,10 +24,8 @@ export interface Attrs extends BaseAttrs {
 }
 export interface Emits {
     change: {
-        oldStartTime: Date;
-        oldEndTime: Date;
-        newStartTime: Date;
-        newEndTime: Date;
+        oldTime: Date;
+        newTime: Date;
     };
     'popover-open-change': boolean;
 }
@@ -38,7 +36,7 @@ export type EventMap = Emit2EventMap<Emits>;
  * 存在一个 titleFormatter 方法，可以重写该方法以自定义年月标题的回显格式。
  */
 export declare class Ele extends UiBase<Attrs, Emits> {
-    static readonly tagName: "dt-date-nav";
+    static readonly tagName: "dt-yyyymm-nav";
     static get observedAttributes(): string[];
     protected _style: string;
     protected _template: string;

package/dist/components/{period-selector/date-nav.mjs → yyyymm-nav/index.mjs}

@@ -4,10 +4,10 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
 var _a, _b;
+import { css, debounce, html } from "../../utils.mjs";
 import {
   UiBase
-} from "../../components/web-component-base/index.mjs";
-import { css, debounce, html } from "../../utils.mjs";
+} from "../web-component-base/index.mjs";
 const styleStr = css(_a || (_a = __template(["\n.wrapper {\n  display: block;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  overflow: hidden;\n}\n.wrapper.show-list .btns {\n  display: none;\n}\n\n.btns {\n  display: flex;\n  align-items: center;\n}\n\n.btn {\n  width: 25px;\n  height: 25px;\n  cursor: pointer;\n  background: 50%/16px 16px no-repeat;\n  --icon-arrow-left: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='currentColor'%3E%3Cpath d='M11.687 1.703a.5.5 0 0 0-.707 0L4.852 7.83a.505.505 0 0 0-.045.05.5.5 0 0 0-.051.752l6.128 6.128a.5.5 0 0 0 .707-.707L5.817 8.28l5.87-5.87a.5.5 0 0 0 0-.707Z'/%3E%3C/svg%3E\");\n  --icon-arrow-left-double: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='currentColor'%3E%3Cpath d='M9.037 1.98a.5.5 0 1 1 .707.707l-5.87 5.87 5.774 5.774a.5.5 0 1 1-.707.707L2.813 8.911a.5.5 0 0 1 .051-.752.505.505 0 0 1 .045-.051L9.037 1.98ZM13.037 1.98a.5.5 0 0 1 .707.707l-5.87 5.87 5.774 5.774a.5.5 0 1 1-.707.707L6.813 8.911a.5.5 0 0 1 .051-.752.505.505 0 0 1 .045-.051l6.128-6.128Z'/%3E%3C/svg%3E\");\n  --icon-arrow-right: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='currentColor'%3E%3Cpath d='M5.256 1.703a.5.5 0 0 1 .707 0l6.128 6.128a.493.493 0 0 1 .045.05.5.5 0 0 1 .051.752l-6.128 6.128a.5.5 0 0 1-.707-.707l5.774-5.774-5.87-5.87a.5.5 0 0 1 0-.707Z'/%3E%3C/svg%3E\");\n  --icon-arrow-right-double: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='currentColor'%3E%3Cpath d='M7.963 1.703a.5.5 0 0 0-.707.707l5.87 5.87-5.774 5.774a.5.5 0 0 0 .707.707l6.128-6.128a.5.5 0 0 0-.051-.751.493.493 0 0 0-.045-.051L7.963 1.703ZM3.963 1.703a.5.5 0 0 0-.707.707l5.87 5.87-5.774 5.774a.5.5 0 0 0 .707.707l6.128-6.128a.5.5 0 0 0-.051-.751.493.493 0 0 0-.045-.051L3.963 1.703Z'/%3E%3C/svg%3E\");\n  background-image: var(--bg-img);\n  border-radius: 50%;\n}\n.btn:hover {\n  background-color: #eee;\n}\n:host(:not([show-ctrl-btn-year-add])) .btn.add.year, :host(:not([show-ctrl-btn-year-sub])) .btn.sub.year, :host(:not([show-ctrl-btn-month-add])) .btn.add.month, :host(:not([show-ctrl-btn-month-sub])) .btn.sub.month {\n  display: none;\n}\n.btn.sub {\n  --bg-img: var(--icon-arrow-left);\n}\n:host([show-ctrl-btn-month-add]) .btn.sub.add.year, :host([show-ctrl-btn-month-sub]) .btn.sub.sub.year {\n  --bg-img: var(--icon-arrow-left-double);\n}\n.btn.add {\n  --bg-img: var(--icon-arrow-right);\n}\n:host([show-ctrl-btn-month-add]) .btn.add.add.year, :host([show-ctrl-btn-month-sub]) .btn.add.sub.year {\n  --bg-img: var(--icon-arrow-right-double);\n}\n\ndt-yyyymmdd-list-grp {\n  width: 100%;\n}\ndt-yyyymmdd-list-grp::part(list) {\n  scroll-behavior: smooth;\n}\ndt-yyyymmdd-list-grp::part(col label) {\n  display: none;\n}\n\ndt-popover {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.title-wrapper {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  cursor: pointer;\n  margin: 10px 0;\n  min-height: 25px;\n  padding: 0 10px;\n  border-radius: 2px;\n  user-select: none;\n}\n.title-wrapper:hover {\n  background-color: #eee;\n}\n\n.title-arrow {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='currentColor'%3E%3Cpath d='m8.02 10.54 3.96-4.4a.583.583 0 0 0-.433-.973h-7.88a.583.583 0 0 0-.434.973l3.94 4.378c.216.24.585.26.824.044l.022-.021Z'/%3E%3C/svg%3E\") no-repeat center center;\n}\n\ndt-popover[open] .title-arrow {\n  transform: rotate(180deg);\n}\n"])));
 import { Ele as PopoverEle } from "../popover/index.mjs";
 PopoverEle.define();
@@ -28,9 +28,9 @@ export class Ele extends UiBase {
       ).millisecond = ms;
       root.querySelector(".title").textContent = this.titleFormatter(ms);
     }, 0));
-    __publicField(this, "_onTitleToggle", ({
-      detail: isOpen
-    }) => {
+    __publicField(this, "_onTitleToggle", (e) => {
+      const isOpen = e.detail;
+      e.stopPropagation();
       this.shadowRoot.querySelector(".wrapper").classList.toggle(
         "show-list",
         isOpen
@@ -42,6 +42,7 @@ export class Ele extends UiBase {
     });
     __publicField(this, "_onItemSelect", (e) => {
       if (!(e.target instanceof YyyyMmDdListGrpEle)) return;
+      e.stopPropagation();
       this.millisecond = e.target.millisecond;
     });
     __publicField(this, "_onBtnClick", (e) => {
@@ -147,15 +148,13 @@ export class Ele extends UiBase {
       this.dispatchEvent(
         "change",
         {
-          oldStartTime: /* @__PURE__ */ new Date(+oldValue),
-          oldEndTime: /* @__PURE__ */ new Date(+oldValue),
-          newStartTime: /* @__PURE__ */ new Date(+newValue),
-          newEndTime: /* @__PURE__ */ new Date(+newValue)
+          oldTime: /* @__PURE__ */ new Date(+oldValue),
+          newTime: /* @__PURE__ */ new Date(+newValue)
         },
         true
       );
     }
   }
 }
-__publicField(Ele, "tagName", "dt-date-nav");
+__publicField(Ele, "tagName", "dt-yyyymm-nav");
 Ele.define();

package/dist/components/yyyymmdd-list-grp/index.mjs

@@ -3,19 +3,19 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
-var _a;
-import { debounce, html } from "../../utils.mjs";
+var _a, _b;
+import { css, debounce, html } from "../../utils.mjs";
 import { Ele as NumListEle } from "../num-list/index.mjs";
 NumListEle.define();
 import {
   UiBase
 } from "../web-component-base/index.mjs";
-const styleStr = "";
+const styleStr = css(_a || (_a = __template(["\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  gap: 15px;\n}\n\n.cols {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  height: 0;\n  justify-content: space-between;\n  gap: 2px;\n}\n\n.col {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.col > span {\n  text-align: center;\n  display: inline-block;\n  line-height: 27px;\n}\n\ndt-num-list {\n  flex: 1;\n}\n"])));
 export class Ele extends UiBase {
   constructor() {
     super();
     __publicField(this, "_style", styleStr);
-    __publicField(this, "_template", html(_a || (_a = __template(['\n        <div class="cols" part="cols">\n            <div class="col year" part="col year">\n                <span part="col label year">Year</span>\n                <dt-num-list part="list year" class="year"></dt-num-list>\n            </div>\n            <div class="col month" part="col month">\n                <span part="col label month">Month</span>\n                <dt-num-list part="list month" class="month" min-num="1" max-num="12"></dt-num-list>\n            </div>\n            <div class="col day" part="col day">\n                <span part="col label day">Day</span>\n                <dt-num-list part="list day" class="day" min-num="1" max-num="31"></dt-num-list>\n            </div>\n        </div>\n    ']))));
+    __publicField(this, "_template", html(_b || (_b = __template(['\n        <div class="cols" part="cols">\n            <div class="col year" part="col year">\n                <span part="col label year">Year</span>\n                <dt-num-list part="list year" class="year"></dt-num-list>\n            </div>\n            <div class="col month" part="col month">\n                <span part="col label month">Month</span>\n                <dt-num-list part="list month" class="month" min-num="1" max-num="12"></dt-num-list>\n            </div>\n            <div class="col day" part="col day">\n                <span part="col label day">Day</span>\n                <dt-num-list part="list day" class="day" min-num="1" max-num="31"></dt-num-list>\n            </div>\n        </div>\n    ']))));
     __publicField(this, "_renderCols", debounce(() => {
       if (!this.isConnected) return;
       const { colOrder } = this;
@@ -28,7 +28,7 @@ export class Ele extends UiBase {
       colsContainer.append(...orderedCols);
     }, 0));
     __publicField(this, "_updateGranularity", debounce(() => {
-      var _a2, _b;
+      var _a2, _b2;
       if (!this.isConnected) return;
       const { maxGranularity, minGranularity } = this;
       const colsContainer = this.shadowRoot.querySelector(".cols");
@@ -37,7 +37,7 @@ export class Ele extends UiBase {
       const dEle = this.shadowRoot.querySelector(".col.day");
       const granularityMap = { year: 3, month: 2, day: 1 };
       let maxG = (_a2 = granularityMap[maxGranularity]) != null ? _a2 : 1;
-      let minG = (_b = granularityMap[minGranularity]) != null ? _b : 3;
+      let minG = (_b2 = granularityMap[minGranularity]) != null ? _b2 : 3;
       if (maxG < minG) [maxG, minG] = [minG, maxG];
       yEle.style.display = maxG >= 3 && minG <= 3 ? "" : "none";
       mEle.style.display = maxG >= 2 && minG <= 2 ? "" : "none";

package/dist/index.d.ts

@@ -4,4 +4,5 @@ export * as DtHhMmSsMsListGrp from './components/hhmmss-ms-list-grp';
 export * as DtYyyyMmDdListGrp from './components/yyyymmdd-list-grp';
 export * as DtQuickSelector from './components/quick-selector';
 export * as DtPopover from './components/popover';
+export * as DtDataTimeSelector from './components/date-time-selector';
 export { i18n as dtI18n, type Lang as DtLang, type I18n as DtI18n } from './i18n';

package/dist/index.mjs

@@ -10,6 +10,8 @@ import * as DtQuickSelector from "./components/quick-selector/index.mjs";
 export { DtQuickSelector };
 import * as DtPopover from "./components/popover/index.mjs";
 export { DtPopover };
+import * as DtDataTimeSelector from "./components/date-time-selector/index.mjs";
+export { DtDataTimeSelector };
 export {
   i18n as dtI18n
 } from "./i18n.mjs";

package/package.json

@@ -17,7 +17,7 @@
         "unbuild": "3.6.0",
         "vitest": "3.2.4"
     },
-    "version": "2.0.0-alpha.0",
+    "version": "2.0.0-alpha.2",
     "type": "module",
     "private": false,
     "exports": {
@@ -36,5 +36,5 @@
         "template",
         "public"
     ],
-    "gitHead": "f1cb5c6dd0527bc198534874de8c224bf7a15eba"
+    "gitHead": "6dd8a158176b175cf723d37e851e9b41fdfcbefb"
 }

package/src/components/calendar/index.ts

@@ -146,7 +146,7 @@ export interface Attrs extends BaseAttrs {
     /**
      * The start time of the calendar display range.
      * @type {`string | number`} A value that can be passed to the Date constructor.
-     * @default 'current-time'
+     * @default 'showing-time'
      */
     'time-start'?: string | number;
     /**
@@ -253,7 +253,7 @@ export class Ele extends UiBase<Attrs, Emits> {
         return this._getAttr('week-start-at', 'sun');
     }
     public set weekStartAt(val: Weeks) {
-        if (weekKey.includes(val)) return;
+        if (!weekKey.includes(val)) return;
         this.setAttribute('week-start-at', val);
     }
     public get showOtherMonth() {