yc-design-vue 2.2.4 → 2.2.6

package/es/_shared/icons/IconDoubleRight.vue2.js

@@ -1,4 +1,27 @@
-import _sfc_main from "./IconDoubleRight.vue.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/b-tween/dist/b-tween.es.js";
+import "../../node_modules/dayjs/dayjs.min.js";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/locale.js";
+import "../utils/time.js";
+/* empty css                                  */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconDoubleRight",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "m11.143 38.1 14.142-14.142L11.143 9.816M22.456 38.1l14.142-14.142L22.456 9.816" }, null, -1)
+        ])]),
+        _: 1
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue.js

@@ -1,4 +1,27 @@
-import _sfc_main from "./IconSeparator.vue2.js";
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/b-tween/dist/b-tween.es.js";
+import "../../node_modules/dayjs/dayjs.min.js";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/locale.js";
+import "../utils/time.js";
+/* empty css                                  */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
+        ])]),
+        _: 1
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue2.js

@@ -1,27 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/b-tween/dist/b-tween.es.js";
-import "../../node_modules/dayjs/dayjs.min.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../utils/dom.js";
-import "../utils/locale.js";
-import "../utils/time.js";
-/* empty css                                  */
-/* empty css                                       */
-import _sfc_main$1 from "../components/Icon/index.vue3.js";
-/* empty css                           */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSeparator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [..._cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
-        ])]),
-        _: 1
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSeparator.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/utils/time.d.ts

@@ -1,3 +1,23 @@
 import { dayjs } from './dependencies';
+import { DayStartOfWeek } from '../../DatePicker';
+export type YearData = {
+    label: string;
+    value: Date;
+};
+export interface DayData {
+    label: string | number;
+    value: Date;
+}
+export interface WeekData {
+    label: number;
+    value: Date;
+    time: DayData[];
+}
 export declare const isValidTimeRange: (beginDate: string, endDate: string, format: string) => boolean;
+export declare const getRangeOfYear: (curYear: number) => {
+    range: YearData[][];
+    startYear: number;
+};
+export declare const getWeeksOfMonth: (year: number, month: number, startOfWeek?: DayStartOfWeek) => WeekData[];
+export declare const getDaysOfMonth: (year: number, month: number, dayStartOfWeek?: number) => DayData[][];
 export declare const formatSeconds: (time: number, format: string, type?: dayjs.UnitType) => string;

package/es/_shared/utils/time.js

@@ -5,7 +5,9 @@ import duration from "../../node_modules/dayjs/plugin/duration.js";
 import toObject from "../../node_modules/dayjs/plugin/toObject.js";
 import isSameOrAfter from "../../node_modules/dayjs/plugin/isSameOrAfter.js";
 import isSameOrBefore from "../../node_modules/dayjs/plugin/isSameOrBefore.js";
+import isoWeek from "../../node_modules/dayjs/plugin/isoWeek.js";
 import "../../node_modules/dayjs/locale/en.js";
+dayjs.extend(isoWeek);
 dayjs.extend(isSameOrAfter);
 dayjs.extend(isSameOrBefore);
 dayjs.extend(toObject);
@@ -15,10 +17,82 @@ const isValidTimeRange = (beginDate, endDate, format) => {
   const end = dayjs(endDate, format).locale("en", { weekStart: 1 });
   return begin.isBefore(end);
 };
+const getRangeOfYear = (curYear) => {
+  const decadeStartYear = Math.floor(curYear / 10) * 10;
+  const startYear = decadeStartYear - 1;
+  const flatYearArray = Array.from({ length: 12 }, (_, i) => {
+    const year = startYear + i;
+    return {
+      label: year.toString(),
+      value: dayjs().year(year).startOf("year").toDate()
+    };
+  });
+  const grid = [];
+  const columns = 3;
+  for (let i = 0; i < flatYearArray.length; i += columns) {
+    const chunk = flatYearArray.slice(i, i + columns);
+    grid.push(chunk);
+  }
+  return {
+    range: grid,
+    startYear: decadeStartYear
+  };
+};
+const getWeeksOfMonth = (year, month, startOfWeek = 0) => {
+  const firstDayOfMonth = dayjs(new Date(year, month, 1));
+  const weekData = [];
+  const dayOfWeekOfFirst = firstDayOfMonth.toDate().getDay();
+  const offset = (dayOfWeekOfFirst - startOfWeek + 7) % 7;
+  let currentDay = firstDayOfMonth.subtract(offset, "day");
+  for (let i = 0; i < 6; i++) {
+    const daysOfWeek = [];
+    const weekRowStartDate = currentDay;
+    for (let j = 0; j < 7; j++) {
+      daysOfWeek.push({
+        label: String(currentDay.date()),
+        value: currentDay.toDate()
+      });
+      currentDay = currentDay.add(1, "day");
+    }
+    const representativeDayOfWeek = weekRowStartDate.add(3, "day");
+    const correctIsoWeek = representativeDayOfWeek.isoWeek();
+    const mondayOfCorrectIsoWeek = representativeDayOfWeek.startOf("isoWeek").toDate();
+    weekData.push({
+      label: correctIsoWeek,
+      value: mondayOfCorrectIsoWeek,
+      time: daysOfWeek
+    });
+  }
+  return weekData;
+};
+const getDaysOfMonth = (year, month, dayStartOfWeek = 0) => {
+  const firstDayOfMonth = dayjs(new Date(year, month, 1));
+  const firstDayOfWeek = firstDayOfMonth.day();
+  const daysFromPrevMonth = (firstDayOfWeek - dayStartOfWeek + 7) % 7;
+  const totalCalendarDays = 42;
+  const calendar = [];
+  for (let i = 0; i < totalCalendarDays; i++) {
+    const dayOffset = i - daysFromPrevMonth;
+    const date = firstDayOfMonth.add(dayOffset, "day");
+    const rowIndex = Math.floor(i / 7);
+    const colIndex = i % 7;
+    if (colIndex === 0) {
+      calendar[rowIndex] = [];
+    }
+    calendar[rowIndex][colIndex] = {
+      label: date.date(),
+      value: date.toDate()
+    };
+  }
+  return calendar;
+};
 const formatSeconds = (time, format, type = "milliseconds") => {
   return dayjs.duration(time, type).format(format);
 };
 export {
   formatSeconds,
+  getDaysOfMonth,
+  getRangeOfYear,
+  getWeeksOfMonth,
   isValidTimeRange
 };

package/es/index.d.ts

@@ -424,8 +424,8 @@ declare const YcDesignVue: {
             value: number;
             start: boolean;
             title: string;
-            easeing: string;
             format: string;
+            easeing: string;
             valueStyle: import('vue').CSSProperties;
             now: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -441,8 +441,8 @@ declare const YcDesignVue: {
             value: number;
             start: boolean;
             title: string;
-            easeing: string;
             format: string;
+            easeing: string;
             valueStyle: import('vue').CSSProperties;
             now: number;
         }>;
@@ -457,8 +457,8 @@ declare const YcDesignVue: {
         value: number;
         start: boolean;
         title: string;
-        easeing: string;
         format: string;
+        easeing: string;
         valueStyle: import('vue').CSSProperties;
         now: number;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -527,17 +527,17 @@ declare const YcDesignVue: {
             allowClear: boolean;
             readonly: boolean;
             triggerProps: import('./Trigger').TriggerProps;
-            hideTrigger: boolean;
             format: string;
             pickerValue: import('./DatePicker').DatePickerValue;
             defaultPickerValue: import('./DatePicker').DatePickerValue;
             valueFormat: import('./DatePicker').ValueFormat;
             showConfirmBtn: boolean;
+            disabledDate: import('./DatePicker').DisabledDate;
             shortcutsPosition: import('./DatePicker').ShortcutsPosition;
             shortcuts: import('./DatePicker').ShortcutType[];
             previewShortcut: boolean;
             disabledInput: boolean;
-            disabledDate: import('./DatePicker').DisabledDate;
+            hideTrigger: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -572,17 +572,17 @@ declare const YcDesignVue: {
             allowClear: boolean;
             readonly: boolean;
             triggerProps: import('./Trigger').TriggerProps;
-            hideTrigger: boolean;
             format: string;
             pickerValue: import('./DatePicker').DatePickerValue;
             defaultPickerValue: import('./DatePicker').DatePickerValue;
             valueFormat: import('./DatePicker').ValueFormat;
             showConfirmBtn: boolean;
+            disabledDate: import('./DatePicker').DisabledDate;
             shortcutsPosition: import('./DatePicker').ShortcutsPosition;
             shortcuts: import('./DatePicker').ShortcutType[];
             previewShortcut: boolean;
             disabledInput: boolean;
-            disabledDate: import('./DatePicker').DisabledDate;
+            hideTrigger: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -625,17 +625,17 @@ declare const YcDesignVue: {
         allowClear: boolean;
         readonly: boolean;
         triggerProps: import('./Trigger').TriggerProps;
-        hideTrigger: boolean;
         format: string;
         pickerValue: import('./DatePicker').DatePickerValue;
         defaultPickerValue: import('./DatePicker').DatePickerValue;
         valueFormat: import('./DatePicker').ValueFormat;
         showConfirmBtn: boolean;
+        disabledDate: import('./DatePicker').DisabledDate;
         shortcutsPosition: import('./DatePicker').ShortcutsPosition;
         shortcuts: import('./DatePicker').ShortcutType[];
         previewShortcut: boolean;
         disabledInput: boolean;
-        disabledDate: import('./DatePicker').DisabledDate;
+        hideTrigger: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: any;
     });
@@ -678,18 +678,18 @@ declare const YcDesignVue: {
             allowClear: boolean;
             readonly: boolean;
             triggerProps: import('./Trigger').TriggerProps;
-            hideTrigger: boolean;
             format: string;
             pickerValue: import('./DatePicker').DatePickerValue;
             defaultPickerValue: import('./DatePicker').DatePickerValue;
             valueFormat: import('./DatePicker').ValueFormat;
             showConfirmBtn: boolean;
             abbreviation: boolean;
+            disabledDate: import('./DatePicker').DisabledDate;
             shortcutsPosition: import('./DatePicker').ShortcutsPosition;
             shortcuts: import('./DatePicker').ShortcutType[];
             previewShortcut: boolean;
             disabledInput: boolean;
-            disabledDate: import('./DatePicker').DisabledDate;
+            hideTrigger: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -724,18 +724,18 @@ declare const YcDesignVue: {
             allowClear: boolean;
             readonly: boolean;
             triggerProps: import('./Trigger').TriggerProps;
-            hideTrigger: boolean;
             format: string;
             pickerValue: import('./DatePicker').DatePickerValue;
             defaultPickerValue: import('./DatePicker').DatePickerValue;
             valueFormat: import('./DatePicker').ValueFormat;
             showConfirmBtn: boolean;
             abbreviation: boolean;
+            disabledDate: import('./DatePicker').DisabledDate;
             shortcutsPosition: import('./DatePicker').ShortcutsPosition;
             shortcuts: import('./DatePicker').ShortcutType[];
             previewShortcut: boolean;
             disabledInput: boolean;
-            disabledDate: import('./DatePicker').DisabledDate;
+            hideTrigger: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -778,18 +778,18 @@ declare const YcDesignVue: {
         allowClear: boolean;
         readonly: boolean;
         triggerProps: import('./Trigger').TriggerProps;
-        hideTrigger: boolean;
         format: string;
         pickerValue: import('./DatePicker').DatePickerValue;
         defaultPickerValue: import('./DatePicker').DatePickerValue;
         valueFormat: import('./DatePicker').ValueFormat;
         showConfirmBtn: boolean;
         abbreviation: boolean;
+        disabledDate: import('./DatePicker').DisabledDate;
         shortcutsPosition: import('./DatePicker').ShortcutsPosition;
         shortcuts: import('./DatePicker').ShortcutType[];
         previewShortcut: boolean;
         disabledInput: boolean;
-        disabledDate: import('./DatePicker').DisabledDate;
+        hideTrigger: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: any;
     });
@@ -1619,6 +1619,7 @@ declare const YcDesignVue: {
             breakpoint: (collapsed: boolean) => any;
         }, import('vue').PublicProps, {
             width: number;
+            hideTrigger: boolean;
             breakpoint: import('./_shared/type').BreakpointName;
             collapsed: boolean;
             defaultCollapsed: boolean;
@@ -1626,7 +1627,6 @@ declare const YcDesignVue: {
             collapsible: boolean;
             collapsedWidth: number;
             reverseArrow: boolean;
-            hideTrigger: boolean;
             resizeDirections: import('./_shared/type').Position[];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -1641,6 +1641,7 @@ declare const YcDesignVue: {
             onBreakpoint?: ((collapsed: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             width: number;
+            hideTrigger: boolean;
             breakpoint: import('./_shared/type').BreakpointName;
             collapsed: boolean;
             defaultCollapsed: boolean;
@@ -1648,7 +1649,6 @@ declare const YcDesignVue: {
             collapsible: boolean;
             collapsedWidth: number;
             reverseArrow: boolean;
-            hideTrigger: boolean;
             resizeDirections: import('./_shared/type').Position[];
         }>;
         __isFragment?: never;
@@ -1664,6 +1664,7 @@ declare const YcDesignVue: {
         breakpoint: (collapsed: boolean) => any;
     }, string, {
         width: number;
+        hideTrigger: boolean;
         breakpoint: import('./_shared/type').BreakpointName;
         collapsed: boolean;
         defaultCollapsed: boolean;
@@ -1671,7 +1672,6 @@ declare const YcDesignVue: {
         collapsible: boolean;
         collapsedWidth: number;
         reverseArrow: boolean;
-        hideTrigger: boolean;
         resizeDirections: import('./_shared/type').Position[];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Layout').LayoutSiderSlots> & import('./Layout').LayoutSiderSlots;