yc-design-vue 2.2.2 → 2.2.3

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

@@ -11,11 +11,11 @@ type AnchorContext = {
 export default function useAnchorContext(): {
     provide: (props: RecordType, listRef: Ref<HTMLDivElement | undefined>) => {
         hrefs: import('vue').ComputedRef<any[]>;
-        curHref: Ref<string, string>;
         changeHash: Ref<boolean, boolean>;
         smooth: Ref<boolean, boolean>;
         boundary: Ref<number | "center" | "end" | "start" | "nearest", number | "center" | "end" | "start" | "nearest">;
         lineLess: Ref<boolean, boolean>;
+        curHref: Ref<string, string>;
         scrollContainer: import('vue').ComputedRef<HTMLElement | undefined>;
     };
     inject: () => AnchorContext;

package/es/Anchor/hooks/useContext.js

@@ -39,22 +39,18 @@ function useAnchorContext() {
     const scrollContainer = computed(() => {
       return isUndefined(_scrollContainer.value) ? findFirstScrollableParent(listRef.value) : getElement(_scrollContainer.value);
     });
-    provide(ANCHOR_CONTEXT_KEY, {
+    const context = {
       changeHash,
       smooth,
       boundary,
       lineLess,
       curHref,
       scrollContainer
-    });
+    };
+    provide(ANCHOR_CONTEXT_KEY, context);
     return {
-      hrefs,
-      curHref,
-      changeHash,
-      smooth,
-      boundary,
-      lineLess,
-      scrollContainer
+      ...context,
+      hrefs
     };
   };
   const inject$1 = () => {

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

@@ -66,7 +66,7 @@ function useCarouselContext() {
       await sleep(moveSpeed.value);
       flag = false;
     };
-    provide(CAROUSEL_CONTEXT_KEY, {
+    const context = {
       length,
       computedCurrent,
       transitionTimingFunction,
@@ -78,11 +78,11 @@ function useCarouselContext() {
       moveType,
       preIndex,
       getValidIndex
-    });
+    };
+    provide(CAROUSEL_CONTEXT_KEY, context);
     return {
+      ...context,
       carouselItems,
-      computedCurrent,
-      length,
       autoPlay,
       slideTo
     };

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

@@ -259,7 +259,7 @@ function useCascaderContext() {
         deep: true
       }
     );
-    provide(CASCADER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedInputValue,
       options,
@@ -278,26 +278,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/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

@@ -51,7 +51,7 @@ function useColorPickerContext() {
     );
     const baseColor = ref(computedColor.value);
     const popupVisible = ref(false);
-    provide(COLOR_PICKER_CONTEXT_KEY, {
+    const context = {
       emits,
       popupVisible,
       computedColor,
@@ -65,11 +65,11 @@ function useColorPickerContext() {
       hideTrigger,
       presetColors,
       historyColors
-    });
+    };
+    provide(COLOR_PICKER_CONTEXT_KEY, context);
     return {
-      popupVisible,
-      size,
-      computedColor
+      ...context,
+      size
     };
   };
   const inject$1 = () => {

package/es/DatePicker/PickerRange.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/DatePicker/PickerRange.vue.js

@@ -0,0 +1,15 @@
+import { defineComponent, createElementBlock, openBlock } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RangePicker"
+  },
+  __name: "PickerRange",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/DatePicker/PickerRange.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./PickerRange.vue.js";
+export {
+  _sfc_main as default
+};

package/es/DatePicker/YcDatePicker.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/DatePicker/YcDatePicker.vue.js

@@ -0,0 +1,15 @@
+import { defineComponent, createElementBlock, openBlock } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DatePicker"
+  },
+  __name: "YcDatePicker",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/DatePicker/YcDatePicker.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./YcDatePicker.vue.js";
+export {
+  _sfc_main as default
+};

package/es/DatePicker/YcMonthPicker.vue.d.ts

@@ -0,0 +1,64 @@
+import { MonthPickerProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MonthPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (visible: boolean) => any;
+    clear: () => any;
+    select: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "update:modelValue": (value: import('./type').DatePickerValue) => any;
+    "update:pickerValue": (value: import('./type').DatePickerValue) => any;
+    ok: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "picker-value-change": (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
+    "select-shortcut": (shortcut: import('./type').ShortcutType) => any;
+}, string, import('vue').PublicProps, Readonly<MonthPickerProps> & Readonly<{
+    onChange?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
+    "onUpdate:pickerValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
+    onOk?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onPicker-value-change"?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
+    "onSelect-shortcut"?: ((shortcut: import('./type').ShortcutType) => any) | undefined;
+}>, {
+    error: boolean;
+    size: import('..').Size;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    disabled: boolean;
+    position: import('./type').DatePickerPosition;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    placeholder: string;
+    locale: Record<string, any>;
+    modelValue: import('./type').DatePickerValue;
+    defaultValue: import('./type').DatePickerValue;
+    allowClear: boolean;
+    readonly: boolean;
+    triggerProps: import('..').TriggerProps;
+    hideTrigger: boolean;
+    format: string;
+    valueFormat: import('./type').ValueFormat;
+    showConfirmBtn: boolean;
+    abbreviation: boolean;
+    shortcutsPosition: import('./type').ShortcutsPosition;
+    shortcuts: import('./type').ShortcutType[];
+    previewShortcut: boolean;
+    disabledInput: boolean;
+    disabledDate: import('./type').DisabledDate;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/DatePicker/YcMonthPicker.vue.js

@@ -0,0 +1,234 @@
+import { defineComponent, useSlots, computed, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, renderSlot, toDisplayString, renderList, normalizeStyle, normalizeClass } from "vue";
+import usePicker from "./hooks/userPicker.js";
+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 "../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";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                   */
+import _sfc_main$3 from "../_shared/icons/IconDoubleLeft.vue.js";
+import _sfc_main$4 from "../_shared/icons/IconDoubleRight.vue.js";
+import PickerCell from "./component/PickerCell.vue.js";
+import _sfc_main$2 from "./component/PickerPanel.vue.js";
+/* empty css                           */
+import PickerInput from "./component/PickerInput.vue.js";
+import _sfc_main$1 from "./YcYearPicker.vue.js";
+/* empty css                  */
+const _hoisted_1 = { class: "yc-panel-month" };
+const _hoisted_2 = { class: "yc-picker-header" };
+const _hoisted_3 = { class: "yc-picker-header-title" };
+const _hoisted_4 = { class: "yc-picker-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MonthPicker",
+    inheritAttrs: false
+  },
+  __name: "YcMonthPicker",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: "" },
+    locale: { default: () => ({}) },
+    hideTrigger: { type: Boolean, default: false },
+    allowClear: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    size: { default: void 0 },
+    shortcuts: { default: () => [] },
+    shortcutsPosition: { default: "bottom" },
+    position: { default: "bl" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: false },
+    triggerProps: { default: () => ({}) },
+    unmountOnClose: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    disabledDate: { type: Function, default: void 0 },
+    disabledTime: {},
+    pickerValue: {},
+    defaultPickerValue: {},
+    popupContainer: { default: void 0 },
+    valueFormat: { default: "YYYY-MM" },
+    format: { default: "YYYY-MM" },
+    previewShortcut: { type: Boolean, default: true },
+    showConfirmBtn: { type: Boolean, default: false },
+    disabledInput: { type: Boolean, default: false },
+    abbreviation: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "update:popupVisible", "update:pickerValue", "change", "select", "ok", "picker-value-change", "popup-visible-change", "clear", "select-shortcut"],
+  setup(__props, { emit: __emit }) {
+    const $slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const {
+      computedValue,
+      showYearPicker,
+      curYear,
+      locale,
+      abbreviation,
+      DefinePanel,
+      ReusePanel,
+      t,
+      getDateFromFormat,
+      handleConfirm,
+      handleSelect,
+      handleShortcut
+    } = usePicker({
+      props,
+      emits
+    });
+    const monthData = computed(() => {
+      const months = [
+        ["January", "February", "March"],
+        ["April", "May", "June"],
+        ["July", "August", "September"],
+        ["October", "November", "December"]
+      ];
+      let month = 0;
+      return months.map((row) => {
+        return row.map((name) => {
+          var _a;
+          const key = `datePicker.month.${abbreviation.value ? "short" : "long"}.${name}`;
+          return {
+            label: ((_a = locale.value) == null ? void 0 : _a[key]) || t(key),
+            value: new Date(curYear.value, month++, 1)
+          };
+        });
+      });
+    });
+    const isSelected = (val) => {
+      const date = getDateFromFormat(computedValue.value);
+      if (!date) return false;
+      return date.getFullYear() == val.getFullYear() && date.getMonth() == val.getMonth();
+    };
+    const isToday = (date) => {
+      return date.getMonth() == dayjs().month() && date.getFullYear() == dayjs().year();
+    };
+    watch(
+      () => computedValue.value,
+      (val) => {
+        const date = val ? getDateFromFormat(val) : /* @__PURE__ */ new Date();
+        curYear.value = date.getFullYear();
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(DefinePanel), null, {
+          default: withCtx(() => [
+            unref(showYearPicker) ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              "model-value": `${unref(curYear)}`,
+              "hide-trigger": "",
+              "value-format": "YYYY",
+              onChange: _cache[0] || (_cache[0] = (_, date) => {
+                curYear.value = date.getFullYear();
+                showYearPicker.value = false;
+              })
+            }, null, 8, ["model-value"])) : (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              locale: unref(locale),
+              "preview-shortcut": _ctx.previewShortcut,
+              shortcuts: _ctx.shortcuts,
+              "shortcuts-position": _ctx.shortcutsPosition,
+              "confirm-btn-disabled": !unref(computedValue),
+              "show-confirm-btn": _ctx.showConfirmBtn,
+              onConfirm: unref(handleConfirm),
+              onShortcutSelect: unref(handleShortcut)
+            }, createSlots({
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[1] || (_cache[1] = ($event) => curYear.value--)
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-prev-double", {}, () => [
+                        createVNode(unref(_sfc_main$3))
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_3, [
+                      createElementVNode("div", {
+                        class: "yc-picker-header-label",
+                        onClick: _cache[2] || (_cache[2] = ($event) => showYearPicker.value = true)
+                      }, toDisplayString(unref(curYear)), 1)
+                    ]),
+                    createElementVNode("div", {
+                      class: "yc-picker-header-icon",
+                      onClick: _cache[3] || (_cache[3] = ($event) => curYear.value++)
+                    }, [
+                      renderSlot(_ctx.$slots, "icon-next-double", {}, () => [
+                        createVNode(unref(_sfc_main$4))
+                      ])
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_4, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(monthData.value, (row, i) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: i,
+                        class: "yc-picker-row"
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(row, ({ value: date, label }, k) => {
+                          var _a;
+                          return openBlock(), createBlock(PickerCell, {
+                            key: k,
+                            "is-selected": isSelected(date),
+                            "is-today": isToday(date),
+                            disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
+                            value: label,
+                            "cell-in-view": "",
+                            onClick: ($event) => unref(handleSelect)(date)
+                          }, createSlots({ _: 2 }, [
+                            $slots.cell ? {
+                              name: "cell",
+                              fn: withCtx(() => [
+                                renderSlot(_ctx.$slots, "cell", { date })
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1032, ["is-selected", "is-today", "disabled", "value", "onClick"]);
+                        }), 128))
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ]),
+              _: 2
+            }, [
+              $slots.extra ? {
+                name: "extra",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "extra")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "onConfirm", "onShortcutSelect"]))
+          ]),
+          _: 3
+        }),
+        !_ctx.hideTrigger ? (openBlock(), createBlock(PickerInput, {
+          key: 0,
+          class: normalizeClass(_ctx.$attrs.class),
+          style: normalizeStyle(_ctx.$attrs.style),
+          type: "month"
+        }, {
+          content: withCtx(() => [
+            createVNode(unref(ReusePanel))
+          ]),
+          _: 1
+        }, 8, ["class", "style"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/DatePicker/YcMonthPicker.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./YcMonthPicker.vue.js";
+/* empty css                   */
+export {
+  _sfc_main as default
+};