yc-design-vue 2.2.2 → 2.2.4

package/es/Calendar/CalendarYear.vue.js

@@ -1,14 +1,10 @@
-import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, toDisplayString, unref, createSlots, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, toDisplayString, createSlots, withCtx, renderSlot } 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
-import { generateMonthCalendar } from "../_shared/utils/time.js";
+import "../_shared/utils/time.js";
 import _sfc_main$1 from "./CalendarMonth.vue.js";
 /* empty css                   */
 const _hoisted_1 = { class: "yc-calendar-year" };
@@ -17,15 +13,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CalendarYear",
   props: {
     computedValue: {},
-    recordDate: {}
+    curYear: {}
   },
   emits: ["cell-click"],
   setup(__props) {
-    const props = __props;
-    const { computedValue, recordDate } = toRefs(props);
     const { t } = useI18n();
-    const calendar = ref([]);
-    const monthList = computed(() => {
+    const months = ref([
+      [1, 2, 3],
+      [4, 5, 6],
+      [7, 8, 9],
+      [10, 11, 12]
+    ]);
+    const monthHeaders = computed(() => {
       return [
         "January",
         "February",
@@ -41,57 +40,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "December"
       ].map((v) => t(`calendar.month.short.${v}`));
     });
-    watch(
-      () => recordDate.value.year,
-      () => {
-        const { year } = recordDate.value;
-        calendar.value = [];
-        const row = [];
-        for (let i = 1; i <= 12; i++) {
-          row.push(generateMonthCalendar(year, i));
-          if (row.length == 4) {
-            calendar.value.push([...row]);
-            row.splice(0);
-          }
-        }
-      },
-      {
-        immediate: true
-      }
-    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(calendar.value, (row, i) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (row, i) => {
           return openBlock(), createElementBlock("div", {
             key: i,
             class: "yc-calendar-year-row"
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(row, (col, i1) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(row, (month, i1) => {
               return openBlock(), createElementBlock("div", {
                 key: i1,
                 class: "yc-calendar-year-cell"
               }, [
-                createElementVNode("div", _hoisted_2, toDisplayString(monthList.value[i * 4 + i1]), 1),
+                createElementVNode("div", _hoisted_2, toDisplayString(monthHeaders.value[i * 4 + i1]), 1),
                 createVNode(_sfc_main$1, {
-                  "computed-value": unref(computedValue),
-                  calendar: col,
-                  "record-date": unref(recordDate),
+                  "cur-year": _ctx.curYear,
+                  "cur-month": month - 1,
+                  "computed-value": _ctx.computedValue,
                   small: "",
                   class: "yc-calendar-year-cell-body",
                   onCellClick: _cache[0] || (_cache[0] = (v) => _ctx.$emit("cell-click", v))
                 }, createSlots({ _: 2 }, [
                   _ctx.$slots.default ? {
                     name: "default",
-                    fn: withCtx(({ year, month, day }) => [
+                    fn: withCtx(({ year, month: month2, day }) => [
                       renderSlot(_ctx.$slots, "default", {
                         year,
-                        month,
+                        month: month2,
                         day
                       })
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1032, ["computed-value", "calendar", "record-date"])
+                ]), 1032, ["cur-year", "cur-month", "computed-value"])
               ]);
             }), 128))
           ]);

package/es/Calendar/hooks/useCalendar.d.ts

@@ -0,0 +1,7 @@
+export interface CalendarCellData {
+    label: string | number;
+    value: Date;
+}
+export default function useCalendar(): {
+    getDayOfMonth: (year: number, month: number, dayStartOfWeek?: number) => CalendarCellData[][];
+};

package/es/Calendar/hooks/useCalendar.js

@@ -0,0 +1,36 @@
+import "../../node_modules/b-tween/dist/b-tween.es.js";
+import dayjs from "../../node_modules/dayjs/dayjs.min.js";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../../_shared/utils/dom.js";
+import "vue";
+import "../../_shared/utils/locale.js";
+import "../../_shared/utils/time.js";
+function useCalendar() {
+  const getDayOfMonth = (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;
+  };
+  return {
+    getDayOfMonth
+  };
+}
+export {
+  useCalendar as default
+};

package/es/Card/Card.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, useSlots, computed, createElementBlock, openBlock, nor
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";

package/es/Card/CardMeta.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, useSlots, createElementBlock, openBlock, createElement
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Carousel/Carousel.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, ref, watch, onBeforeUnmount, createElementBlock, openB
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { isObject } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";

package/es/Carousel/CarouselArrow.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, toRefs, computed, createElementBlock, openBlock, norma
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Carousel/CarouselIndicator.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, createElementBlock, openBlock, normalizeClass, createC
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Carousel/hooks/useContext.d.ts

@@ -18,10 +18,19 @@ type MoveType = 'positive' | 'negative';
 export default function useCarouselContext(): {
     provide: (props: RecordType, emits: CarouselEmits) => {
         carouselItems: import('vue').ComputedRef<RecordType[]>;
-        computedCurrent: import('vue').WritableComputedRef<number, number>;
-        length: import('vue').ComputedRef<number>;
         autoPlay: Ref<import('..').AutoPlay, import('..').AutoPlay>;
         slideTo: (targetIndex: number) => Promise<void>;
+        length: import('vue').ComputedRef<number>;
+        computedCurrent: import('vue').WritableComputedRef<number, number>;
+        transitionTimingFunction: Ref<string, string>;
+        animationName: Ref<AnimationName, AnimationName>;
+        moveSpeed: Ref<number, number>;
+        direction: Ref<Direction, Direction>;
+        showArrow: Ref<ShowArrow, ShowArrow>;
+        arrowClass: Ref<ClassName, ClassName>;
+        moveType: Ref<MoveType, MoveType>;
+        preIndex: Ref<number, number>;
+        getValidIndex: (val: number) => number;
     };
     inject: () => CarouselContext;
 };

package/es/Carousel/hooks/useContext.js

@@ -2,10 +2,6 @@ import { toRefs, useSlots, computed, ref, provide, inject } 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 "../../node_modules/dayjs/plugin/duration.js";
-import "../../node_modules/dayjs/plugin/toObject.js";
-import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { sleep } from "../../_shared/utils/dom.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";
@@ -66,7 +62,7 @@ function useCarouselContext() {
       await sleep(moveSpeed.value);
       flag = false;
     };
-    provide(CAROUSEL_CONTEXT_KEY, {
+    const context = {
       length,
       computedCurrent,
       transitionTimingFunction,
@@ -78,11 +74,11 @@ function useCarouselContext() {
       moveType,
       preIndex,
       getValidIndex
-    });
+    };
+    provide(CAROUSEL_CONTEXT_KEY, context);
     return {
+      ...context,
       carouselItems,
-      computedCurrent,
-      length,
       autoPlay,
       slideTo
     };

package/es/Cascader/Cascader.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, ref, computed, createBlock, openBlock, unref, mergePro
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Cascader/CascaderIcon.vue.js

@@ -6,10 +6,6 @@ import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Cascader/CascaderOption.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock,
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { sleep } from "../_shared/utils/dom.js";
 import { isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";

package/es/Cascader/hooks/useContext.d.ts

@@ -29,24 +29,85 @@ export declare function findOptionByValueAndLevel(options: CascaderOption[], val
 export declare const getLeafNodes: (nodes: CascaderOptionProps[]) => CascaderOptionProps[];
 export default function useCascaderContext(): {
     provide: (props: RecordType, emits: CascaderEmits, inputRef: Ref<InputInstance | undefined>) => {
-        computedValue: import('vue').WritableComputedRef<CascaderValue, CascaderValue>;
-        computedInputValue: import('vue').WritableComputedRef<string, string>;
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
-        options: import('vue').ComputedRef<CascaderOptionProps[]>;
         optionMap: import('vue').ComputedRef<any>;
         selectOptions: import('vue').ComputedRef<RecordType[]>;
-        curLevel: Ref<number, number>;
-        curPath: Ref<number[], number[]>;
-        multiple: Ref<boolean, boolean>;
-        pathMode: Ref<boolean, boolean>;
         disabled: Ref<boolean, boolean>;
         allowClear: Ref<boolean, boolean>;
         allowSearch: Ref<boolean, boolean>;
         searchDelay: Ref<number, number>;
-        loading: Ref<boolean, boolean>;
         getValue: (value: CascaderOptionValue) => unknown;
+        computedValue: import('vue').WritableComputedRef<CascaderValue, CascaderValue>;
+        computedInputValue: import('vue').WritableComputedRef<string, string>;
+        options: import('vue').ComputedRef<CascaderOptionProps[]>;
+        totalOptions: Ref<{
+            label?: string | undefined;
+            value?: CascaderOptionValue | undefined;
+            render?: import('vue').RenderFunction | undefined;
+            disabled?: boolean | undefined;
+            tagProps?: {
+                color?: string | undefined;
+                size?: Exclude<import('../../_shared/type').Size, "mini"> | undefined;
+                bordered?: boolean | undefined;
+                visible?: boolean | undefined;
+                defaultVisible?: boolean | undefined;
+                loading?: boolean | undefined;
+                closable?: boolean | undefined;
+                checkable?: boolean | undefined;
+                checked?: boolean | undefined;
+                defaultChecked?: boolean | undefined;
+                nowrap?: boolean | undefined;
+            } | undefined;
+            children?: /*elided*/ any[] | undefined;
+            isLeaf?: boolean | undefined;
+        }[], CascaderOption[] | {
+            label?: string | undefined;
+            value?: CascaderOptionValue | undefined;
+            render?: import('vue').RenderFunction | undefined;
+            disabled?: boolean | undefined;
+            tagProps?: {
+                color?: string | undefined;
+                size?: Exclude<import('../../_shared/type').Size, "mini"> | undefined;
+                bordered?: boolean | undefined;
+                visible?: boolean | undefined;
+                defaultVisible?: boolean | undefined;
+                loading?: boolean | undefined;
+                closable?: boolean | undefined;
+                checkable?: boolean | undefined;
+                checked?: boolean | undefined;
+                defaultChecked?: boolean | undefined;
+                nowrap?: boolean | undefined;
+            } | undefined;
+            children?: /*elided*/ any[] | undefined;
+            isLeaf?: boolean | undefined;
+        }[]>;
+        searchOptions: import('vue').ComputedRef<{
+            label: string | undefined;
+            level?: number;
+            index?: number;
+            nodePath?: CascaderOptionProps[];
+            value?: CascaderOptionValue;
+            render?: import('vue').RenderFunction;
+            disabled?: boolean;
+            tagProps?: import('../..').TagProps;
+            children?: CascaderOption[];
+            isLeaf?: boolean;
+        }[]>;
+        curLevel: Ref<number, number>;
+        maxLevel: import('vue').ComputedRef<number>;
+        curPath: Ref<number[], number[]>;
+        expandTrigger: Ref<EventTrigger, EventTrigger>;
+        expandChild: Ref<boolean, boolean>;
+        pathMode: Ref<boolean, boolean>;
+        multiple: Ref<boolean, boolean>;
+        loading: Ref<boolean, boolean>;
+        slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        blur: () => void;
         getValueKey: (value: CascaderOptionValue | CascaderOptionValue[]) => string;
         getOption: (value: CascaderOptionValue | CascaderOptionValue[]) => CascaderOptionProps;
+        loadMore: LoadMore;
     };
     inject: () => CascaderContext;
 };

package/es/Cascader/hooks/useContext.js

@@ -2,10 +2,6 @@ import { toRefs, ref, computed, useSlots, watch, provide, inject } 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 "../../node_modules/dayjs/plugin/duration.js";
-import "../../node_modules/dayjs/plugin/toObject.js";
-import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../../_shared/utils/dom.js";
 import { isBoolean, isFunction, isArray, isObject } from "../../_shared/utils/is.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
@@ -259,7 +255,7 @@ function useCascaderContext() {
         deep: true
       }
     );
-    provide(CASCADER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedInputValue,
       options,
@@ -278,26 +274,18 @@ function useCascaderContext() {
       getValueKey,
       getOption,
       loadMore
-    });
+    };
+    provide(CASCADER_CONTEXT_KEY, context);
     return {
-      computedValue,
-      computedInputValue,
+      ...context,
       computedVisible,
-      options,
       optionMap,
       selectOptions,
-      curLevel,
-      curPath,
-      multiple,
-      pathMode,
       disabled,
       allowClear,
       allowSearch,
       searchDelay,
-      loading,
-      getValue,
-      getValueKey,
-      getOption
+      getValue
     };
   };
   const inject$1 = () => {

package/es/Cascader/index.css

@@ -1 +1 @@
-.yc-cascader-panel{overflow:hidden;height:200px;background-color:var(--color-bg-popup);border-radius:var(--border-radius-medium);border:1px solid var(--color-fill-3);box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-flex}.yc-cascader-panel .yc-cascader-panel-column{position:relative;min-width:120px;border-right:1px solid transparent;background-color:var(--color-bg-popup);display:inline-flex;flex-direction:column}.yc-cascader-panel .yc-cascader-panel-column:not(:last-child){border-right-color:var(--color-fill-3)}.yc-cascader-panel .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-y:auto}.yc-cascader-panel .yc-spin{height:100%;min-width:120px;display:flex;justify-content:center;align-items:center}.yc-cascader-panel .yc-cascader-empty .yc-empty{min-width:120px}.yc-cascader-search-panel{position:relative;width:100%}.yc-cascader-search-panel .yc-scrollbar{width:100%}.yc-cascader-search-panel .yc-cascader-empty{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.yc-cascader-option{cursor:pointer;position:relative;height:36px;padding-left:12px;min-width:100px;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:36px;transition:all .2s cubic-bezier(0, 0, 1, 1);display:flex;align-items:center;gap:8px}.yc-cascader-option:not(.yc-cascader-option-disabled):hover{background-color:var(--color-fill-2)}.yc-cascader-option .yc-checkbox{padding-left:0}.yc-cascader-option .yc-cascader-option-label{flex:1;padding-right:34px}.yc-cascader-option .yc-cascader-option-label .yc-icon{position:absolute;top:calc((100% - 12px) / 2);right:10px;color:var(--color-text-2);font-size:12px}.yc-cascader-option-selected{background-color:var(--color-fill-2)}.yc-cascader-option-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-cascader{width:100%;display:inline-flex;align-items:center}.yc-cascader .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-1)}.yc-cascader .yc-input-placeholder{color:var(--color-text-3)}.yc-cascader .yc-cascader-suffix-icon,.yc-cascader .yc-cascader-search-icon,.yc-cascader .yc-cascader-clear-icon,.yc-cascader .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-cascader-allow-search .yc-cascader-search-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-clear-icon,.yc-cascader-allow-search:focus-within .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-search-icon{display:block}.yc-cascader-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-cascader-allow-clear .yc-cascader-clear-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-search-icon,.yc-cascader-allow-clear:hover .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-clear-icon{display:flex}
+.yc-cascader-panel{overflow:hidden;height:200px;background-color:var(--color-bg-popup);border-radius:var(--border-radius-medium);border:1px solid var(--color-fill-3);box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-flex}.yc-cascader-panel .yc-cascader-panel-column{position:relative;min-width:120px;border-right:1px solid transparent;background-color:var(--color-bg-popup);display:inline-flex;flex-direction:column}.yc-cascader-panel .yc-cascader-panel-column:not(:last-child){border-right-color:var(--color-fill-3)}.yc-cascader-panel .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-y:auto}.yc-cascader-panel .yc-spin{height:100%;min-width:120px;display:flex;justify-content:center;align-items:center}.yc-cascader-panel .yc-cascader-empty .yc-empty{min-width:120px}.yc-cascader-search-panel{position:relative;width:100%}.yc-cascader-search-panel .yc-scrollbar{width:100%}.yc-cascader-search-panel .yc-cascader-empty{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.yc-cascader-option{cursor:pointer;position:relative;height:36px;padding-left:12px;min-width:100px;max-width:100%;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:36px;transition:all .2s cubic-bezier(0, 0, 1, 1);display:flex;align-items:center;gap:8px}.yc-cascader-option:not(.yc-cascader-option-disabled):hover{background-color:var(--color-fill-2)}.yc-cascader-option .yc-checkbox{padding-left:0}.yc-cascader-option .yc-cascader-option-label{flex:1;padding-right:34px}.yc-cascader-option .yc-cascader-option-label .yc-icon{position:absolute;top:calc((100% - 12px) / 2);right:10px;color:var(--color-text-2);font-size:12px}.yc-cascader-option-selected{background-color:var(--color-fill-2)}.yc-cascader-option-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-cascader{width:100%;display:inline-flex;align-items:center}.yc-cascader .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-1)}.yc-cascader .yc-input-placeholder{color:var(--color-text-3)}.yc-cascader .yc-cascader-suffix-icon,.yc-cascader .yc-cascader-search-icon,.yc-cascader .yc-cascader-clear-icon,.yc-cascader .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-cascader-allow-search .yc-cascader-search-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-clear-icon,.yc-cascader-allow-search:focus-within .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-search-icon{display:block}.yc-cascader-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-cascader-allow-clear .yc-cascader-clear-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-search-icon,.yc-cascader-allow-clear:hover .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-clear-icon{display:flex}

package/es/Checkbox/Checkbox.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBl
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { isUndefined } from "../_shared/utils/is.js";
 import { useControlValue } from "../_shared/utils/hooks.js";

package/es/Checkbox/hooks/useContext.js

@@ -2,10 +2,6 @@ import { toRefs, computed, provide, ref, inject } 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 "../../node_modules/dayjs/plugin/duration.js";
-import "../../node_modules/dayjs/plugin/toObject.js";
-import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../../_shared/utils/dom.js";
 import { isObject } from "../../_shared/utils/is.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";

package/es/Collapse/CollapseItem.vue.js

@@ -7,10 +7,6 @@ import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/Collapse/hooks/useContext.js

@@ -2,10 +2,6 @@ import { toRefs, useSlots, provide, inject, ref, computed } 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 "../../node_modules/dayjs/plugin/duration.js";
-import "../../node_modules/dayjs/plugin/toObject.js";
-import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../../_shared/utils/dom.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";

package/es/ColorPicker/ColorControl.vue.js

@@ -4,10 +4,6 @@ import { useDraggable } from "../node_modules/@vueuse/core/index.js";
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { sleep, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/ColorPicker/ColorInput.vue.js

@@ -3,10 +3,6 @@ import { parseColor } from "../_shared/utils/color.js";
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/ColorPicker/ColorList.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, createElementBlock, openBlock, createElementVNode, cre
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/ColorPicker/ColorPalette.vue.js

@@ -4,10 +4,6 @@ import { useElementBounding, useDraggable } from "../node_modules/@vueuse/core/i
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import { sleep, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/ColorPicker/ColorPanel.vue.js

@@ -2,10 +2,6 @@ import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, un
 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 "../node_modules/dayjs/plugin/duration.js";
-import "../node_modules/dayjs/plugin/toObject.js";
-import "../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";

package/es/ColorPicker/hooks/useContext.d.ts

@@ -18,9 +18,20 @@ type ColorPickerContext = {
 };
 export default function useColorPickerContext(): {
     provide: (props: RecordType, emits: ColorPickerEmits) => {
-        popupVisible: Ref<boolean, boolean>;
         size: import('vue').ComputedRef<any>;
+        emits: ColorPickerEmits;
+        popupVisible: Ref<boolean, boolean>;
         computedColor: import('vue').WritableComputedRef<string, string>;
+        baseColor: Ref<string, string>;
+        alpha: Ref<number, number>;
+        format: Ref<ColorFormat, ColorFormat>;
+        disabled: Ref<boolean, boolean>;
+        disabledAlpha: Ref<boolean, boolean>;
+        showHistory: Ref<boolean, boolean>;
+        showPreset: Ref<boolean, boolean>;
+        hideTrigger: Ref<boolean, boolean>;
+        presetColors: Ref<string[], string[]>;
+        historyColors: Ref<string[], string[]>;
     };
     inject: () => ColorPickerContext;
 };

package/es/ColorPicker/hooks/useContext.js

@@ -3,10 +3,6 @@ import { parseColor } from "../../_shared/utils/color.js";
 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 "../../node_modules/dayjs/plugin/duration.js";
-import "../../node_modules/dayjs/plugin/toObject.js";
-import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
-import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../../_shared/utils/dom.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
 import { useControlValue } from "../../_shared/utils/hooks.js";
@@ -51,7 +47,7 @@ function useColorPickerContext() {
     );
     const baseColor = ref(computedColor.value);
     const popupVisible = ref(false);
-    provide(COLOR_PICKER_CONTEXT_KEY, {
+    const context = {
       emits,
       popupVisible,
       computedColor,
@@ -65,11 +61,11 @@ function useColorPickerContext() {
       hideTrigger,
       presetColors,
       historyColors
-    });
+    };
+    provide(COLOR_PICKER_CONTEXT_KEY, context);
     return {
-      popupVisible,
-      size,
-      computedColor
+      ...context,
+      size
     };
   };
   const inject$1 = () => {