@wfrog/vc-ui 1.3.1 → 1.4.0

package/dist/es/components/color-switcher/color-switcher.vue.d.ts

@@ -0,0 +1,122 @@
+import { IColorSwitcherProps } from './color-switcher';
+declare const _default: import('vue').DefineComponent<IColorSwitcherProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IColorSwitcherProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    size: string | number;
+    storageKey: string;
+    darkStorageKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    colorPickerRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly disabled: boolean;
+            readonly border: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
+            readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly showAlpha: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly border: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly showAlpha: boolean;
+            readonly modelValue?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown> | undefined;
+            readonly colorFormat?: string | undefined;
+            readonly predefine?: string[] | undefined;
+            "onUpdate:modelValue"?: ((val: string | null) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "modelValue" | "validateEvent" | "border" | "showAlpha">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", val: string | null) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+            readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, undefined, boolean>;
+            readonly border: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly showAlpha: BooleanConstructor;
+            readonly colorFormat: StringConstructor;
+            readonly disabled: BooleanConstructor;
+            readonly predefine: {
+                readonly type: import('vue').PropType<string[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        }>> & {
+            "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+        }, {
+            color: import('element-plus/es/components/color-picker-panel/src/utils/color.mjs').default;
+            inputRef: import('vue').Ref<import('element-plus').InputInstance | undefined>;
+            update: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (val: string | null) => void;
+        }, string, {
+            readonly disabled: boolean;
+            readonly border: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
+            readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly showAlpha: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        readonly disabled: boolean;
+        readonly border: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
+        readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly showAlpha: boolean;
+    }> & Omit<Readonly<globalThis.ExtractPropTypes<{
+        readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, undefined, boolean>;
+        readonly border: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly showAlpha: BooleanConstructor;
+        readonly colorFormat: StringConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly predefine: {
+            readonly type: import('vue').PropType<string[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly validateEvent: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    }>> & {
+        "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+    }, "color" | "disabled" | "modelValue" | "validateEvent" | "border" | "showAlpha" | "inputRef" | "update"> & import('vue').ShallowUnwrapRef<{
+        color: import('element-plus/es/components/color-picker-panel/src/utils/color.mjs').default;
+        inputRef: import('vue').Ref<import('element-plus').InputInstance | undefined>;
+        update: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            footer?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
+export default _default;

package/dist/es/components/color-switcher/index.css

@@ -0,0 +1,5 @@
+/* source: src/components/color-switcher/color-switcher.vue */
+.el-color-picker-panel{--el-colorpicker-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-colorpicker-bg-color);background:var(--el-colorpicker-bg-color);box-sizing:content-box;padding:12px;width:300px}.el-color-picker-panel.is-border{border:1px solid var(--el-border-color-lighter);border-radius:4px}.el-color-picker-panel__wrapper{margin-bottom:6px}.el-color-picker-panel__footer{display:flex;justify-content:space-between;margin-top:12px;text-align:right}.el-color-picker-panel__footer .el-input{color:#000000;font-size:12px;line-height:26px;width:160px}.el-color-picker-panel.is-disabled .el-color-hue-slider,.el-color-picker-panel.is-disabled .el-color-svpanel{cursor:not-allowed;opacity:.3}.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb{cursor:not-allowed}.el-color-picker-panel.is-disabled .el-color-alpha-slider,.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector{cursor:not-allowed;opacity:.3}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap;gap:8px}.el-color-predefine__color-selector{border:none;border-radius:var(--el-border-radius-base);cursor:pointer;height:20px;outline:none;overflow:hidden;padding:0;width:20px}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-predefine__color-selector>div{display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:#f00;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{background-image:linear-gradient(0deg,#000,rgba(0,0,0,0)),linear-gradient(90deg,#fff,rgba(255,255,255,0));height:180px;position:relative;width:280px}.el-color-svpanel__cursor{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:pointer;height:4px;position:absolute;transform:translate(-2px,-2px);width:4px}.el-color-svpanel__cursor:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb{cursor:not-allowed}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(255,255,255))}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-picker-panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker-panel{--el-color-picker-alpha-bg-a:#333333}._color-switcher_1n96n_1 {
+  display: inline-flex;
+  cursor: pointer;
+}

package/dist/es/components/color-switcher/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './color-switcher.vue';
+export declare const VcColorSwitcher: SFCWithInstall<typeof Component>;
+export default VcColorSwitcher;

package/dist/es/components/color-switcher/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './color-switcher.mjs';
+
+const VcColorSwitcher = withInstall(Component);
+
+export { VcColorSwitcher, VcColorSwitcher as default };

package/dist/es/components/cropper/cropper.mjs

@@ -1,19 +1,20 @@
 import './index.css'
-import { c as buildProps, q as isBoolean, u as useNamespace } from '../../chunk/DO-mBaf5.mjs';
-import { v as vLoading } from '../../chunk/BQyZW57B.mjs';
-import { E as ElSpace } from '../../chunk/C72pWnuz.mjs';
-import { E as ElButton } from '../../chunk/Dqk3gyUk.mjs';
+import { b as buildProps, u as useNamespace } from '../../chunk/By7FMB3I.mjs';
+import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
+import { E as ElSpace } from '../../chunk/w7VqVeWU.mjs';
+import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, unref, withCtx, resolveDynamicComponent, ref, useTemplateRef, shallowRef, watch, nextTick, onMounted, onUnmounted, withDirectives, isRef, createElementVNode, normalizeStyle, createVNode, createTextVNode } from 'vue';
 import { i as index$1 } from '../../chunk/BaJ7k5Lg.mjs';
 import '../../chunk/D9iEroQw.mjs';
 import { C as Component$1 } from '../dialog/dialog.mjs';
 import { defaultWindow } from '@vueuse/core';
-import { E as ElIcon } from '../../chunk/b9dx0jdT.mjs';
+import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
 import { i as iconPropType } from '../icon/icon2.mjs';
-import { _ as _export_sfc, w as withInstall } from '../../chunk/Dn-BFXcJ.mjs';
-import { u as useGlobalConfig } from '../../chunk/CCmEeM7D.mjs';
-import { u as useDeprecated } from '../../chunk/DFHjl3eL.mjs';
-import { d as debounce } from '../../chunk/BambM7zX.mjs';
+import { _ as _export_sfc, w as withInstall } from '../../chunk/dN0VcQc2.mjs';
+import { u as useGlobalConfig } from '../../chunk/B3GxuXVE.mjs';
+import { u as useDeprecated } from '../../chunk/yuIXvUxc.mjs';
+import { d as isBoolean } from '../../chunk/DViraU6I.mjs';
+import { d as debounce } from '../../chunk/Cdh3HNZa.mjs';
 import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
 
 const defaultImageOption = {
@@ -471,9 +472,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_7 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_8 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_7 as _, index as i };
+export { Component as C, __vite_glob_0_8 as _, index as i };

package/dist/es/components/cropper/cropper.vue.d.ts

@@ -8,13 +8,13 @@ declare const _default: import('vue').DefineComponent<ICropperProps, {
     getBlobData: typeof getBlobData;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     cancel: () => any;
-    init: () => any;
     "update:visible": (value: boolean) => any;
+    init: () => any;
     finished: (canvas: HTMLCanvasElement, blob: Blob) => any;
 }, string, import('vue').PublicProps, Readonly<ICropperProps> & Readonly<{
     onCancel?: (() => any) | undefined;
-    onInit?: (() => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onInit?: (() => any) | undefined;
     onFinished?: ((canvas: HTMLCanvasElement, blob: Blob) => any) | undefined;
 }>, {
     dialog: boolean;

package/dist/es/components/currency/currency.mjs

@@ -1,9 +1,9 @@
 import './index.css'
-import '../../chunk/DO-mBaf5.mjs';
-import '../../chunk/DFxeI_lP.mjs';
-import { E as ElSelect, a as ElOption } from '../../chunk/BQHHM_Gw.mjs';
-import '../../chunk/DcTh6n4x.mjs';
-import '../../chunk/DGGhWn1A.mjs';
+import '../../chunk/By7FMB3I.mjs';
+/* empty css                    */
+import { E as ElSelect, a as ElOption } from '../../chunk/DQi1QPak.mjs';
+import '../../chunk/D_Mvdscy.mjs';
+import '../../chunk/BfjuZmry.mjs';
 import { defineComponent, computed, ref, onBeforeMount, createBlock, openBlock, mergeProps, unref, isRef, createSlots, withCtx, createElementBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createTextVNode, normalizeClass, toDisplayString } from 'vue';
 import { _ as _sfc_main$1 } from '../flag/flag.mjs';
 import { C as Component$1 } from '../thousand-input/thousand-input.mjs';
@@ -177,9 +177,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_8 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_9 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
     __proto__: null,
     default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_8 as _ };
+export { Component as C, __vite_glob_0_9 as _ };

package/dist/es/components/dark-switcher/dark-switcher.d.ts

@@ -0,0 +1,10 @@
+import { BasicColorSchema } from '@vueuse/core';
+export interface IDarkSwitcherProps {
+    initialValue?: globalThis.MaybeRefOrGetter<BasicColorSchema>;
+    size?: string | number;
+    storageKey?: string;
+    duration?: number;
+}
+export interface IDarkSwitcherEmits {
+    (e: 'change', value: boolean): void;
+}

package/dist/es/components/dark-switcher/dark-switcher.mjs

@@ -0,0 +1,87 @@
+import './index.css'
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, nextTick } from 'vue';
+import { useDark, useToggle } from '@vueuse/core';
+import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dark-switcher",
+  props: {
+    initialValue: { default: "auto" },
+    size: { default: 28 },
+    storageKey: { default: "vc-dark" },
+    duration: { default: 850 }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const isDark = useDark({ storageKey: props.storageKey, initialValue: props.initialValue });
+    const toggleDark = useToggle(isDark);
+    const iconName = computed(() => isDark.value ? "carbon:sun" : "carbon:moon");
+    function handleToggle(e) {
+      const isAppearanceTransition = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      if (!isAppearanceTransition || !e) {
+        toggleDark();
+        return;
+      }
+      const x = e.clientX;
+      const y = e.clientY;
+      const endRadius = Math.hypot(
+        Math.max(x, innerWidth - x),
+        Math.max(y, innerHeight - y)
+      );
+      const transition = document.startViewTransition(async () => {
+        toggleDark();
+        await nextTick();
+      });
+      transition.ready.then(() => {
+        const clipPath = [
+          `circle(0px at ${x}px ${y}px)`,
+          `circle(${endRadius}px at ${x}px ${y}px)`
+        ];
+        const animate = document.documentElement.animate(
+          {
+            clipPath: isDark.value ? [...clipPath].reverse() : clipPath
+          },
+          {
+            duration: props.duration,
+            easing: "ease-in",
+            pseudoElement: isDark.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
+          }
+        );
+        animate.onfinish = () => {
+          transition.skipTransition();
+          emits("change", isDark.value);
+        };
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", {
+        class: normalizeClass(_ctx.$style["dark-switcher"])
+      }, [
+        createVNode(Component$1, {
+          name: unref(iconName),
+          size: __props.size,
+          onClick: handleToggle
+        }, null, 8, ["name", "size"])
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const style0 = {
+	"dark-switcher": "_dark-switcher_1siiv_9"
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_10 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_10 as _ };

package/dist/es/components/dark-switcher/dark-switcher.vue.d.ts

@@ -0,0 +1,12 @@
+import { IDarkSwitcherProps } from './dark-switcher';
+declare const _default: import('vue').DefineComponent<IDarkSwitcherProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<IDarkSwitcherProps> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    size: string | number;
+    duration: number;
+    storageKey: string;
+    initialValue: globalThis.MaybeRefOrGetter<import('@vueuse/core').BasicColorSchema>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/es/components/dark-switcher/index.css

@@ -0,0 +1,11 @@
+/* source: src/components/dark-switcher/dark-switcher.vue */
+html.dark::view-transition-old(root) {
+  z-index: 10000;
+}
+::view-transition-new(root), ::view-transition-old(root) {
+  animation: none !important;
+}
+._dark-switcher_1siiv_9 {
+  display: inline-flex;
+  cursor: pointer;
+}

package/dist/es/components/dark-switcher/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './dark-switcher.vue';
+export declare const VcDarkSwitcher: SFCWithInstall<typeof Component>;
+export default VcDarkSwitcher;

package/dist/es/components/dark-switcher/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './dark-switcher.mjs';
+
+const VcDarkSwitcher = withInstall(Component);
+
+export { VcDarkSwitcher, VcDarkSwitcher as default };

package/dist/es/components/daterange-picker/daterange-picker.mjs

@@ -1,28 +1,29 @@
-import { i as isArray, a as isEmpty, b as isDate, c as buildProps, d as definePropType, u as useNamespace, e as debugWarn, N as NOOP, f as isNumber, g as isUndefined, h as isString, j as isFunction } from '../../chunk/DO-mBaf5.mjs';
-import { E as ElInput } from '../../chunk/Vv8g5_A1.mjs';
-import { E as ElScrollbar } from '../../chunk/DcTh6n4x.mjs';
-import { E as ElButton } from '../../chunk/Dqk3gyUk.mjs';
-import { E as Ee, u as useTooltipContentProps, a as ElTooltip, c as castArray, e as extractFirst } from '../../chunk/DGGhWn1A.mjs';
+import { c as isArray, e as isDate, b as buildProps, d as definePropType, u as useNamespace, a as debugWarn, N as NOOP, i as isString, f as isFunction } from '../../chunk/By7FMB3I.mjs';
+import { E as ElInput } from '../../chunk/CKZGL4_3.mjs';
+import { E as ElScrollbar } from '../../chunk/D_Mvdscy.mjs';
+import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
+import { E as Ee, u as useTooltipContentProps, a as ElTooltip, c as castArray, e as extractFirst } from '../../chunk/BfjuZmry.mjs';
 import { ref, computed, defineComponent, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, mergeProps, useAttrs as useAttrs$1, inject, watch, nextTick, onBeforeUnmount, provide, createBlock, withCtx, withModifiers, createCommentVNode, resolveDynamicComponent, toDisplayString, onMounted, Fragment, renderList, createTextVNode, withDirectives, createVNode, Transition, withKeys, useSlots, toRef, vShow, getCurrentInstance, toRefs, isVNode, isRef } from 'vue';
 import { onClickOutside, unrefElement, useVModel } from '@vueuse/core';
-import { E as ElIcon } from '../../chunk/b9dx0jdT.mjs';
+import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
 import { CircleClose, Clock, Calendar, ArrowUp, ArrowDown, DArrowLeft, ArrowLeft, ArrowRight, DArrowRight } from '@element-plus/icons-vue';
-import { u as useLocale } from '../../chunk/plK2vnjp.mjs';
-import { u as useAriaProps, f as flatten } from '../../chunk/OVbHCQoq.mjs';
-import { _ as _export_sfc, w as withInstall } from '../../chunk/Dn-BFXcJ.mjs';
-import { g as getStyle, h as hasClass } from '../../chunk/C50_dziC.mjs';
-import { v as vRepeatClick } from '../../chunk/9qQNa4bM.mjs';
+import { a as isEmpty, b as isNumber, c as isUndefined } from '../../chunk/DViraU6I.mjs';
+import { u as useLocale } from '../../chunk/CJ0afvkJ.mjs';
+import { u as useAriaProps, f as flatten } from '../../chunk/DCS0eqqM.mjs';
+import { _ as _export_sfc, w as withInstall } from '../../chunk/dN0VcQc2.mjs';
+import { g as getStyle, h as hasClass } from '../../chunk/CQz3lhyS.mjs';
+import { v as vRepeatClick } from '../../chunk/Cjp0Czyu.mjs';
 import { U as UPDATE_MODEL_EVENT, C as CHANGE_EVENT } from '../../chunk/Ct6q2FXg.mjs';
-import { d as debounce } from '../../chunk/BambM7zX.mjs';
+import { d as debounce } from '../../chunk/Cdh3HNZa.mjs';
 import { g as getEventCode, E as EVENT_CODE } from '../../chunk/BTpNRPQW.mjs';
-import { C as ClickOutside } from '../../chunk/aX4SRHmD.mjs';
-import { u as useFormItem, a as useFormItemInputId, b as useFormDisabled, c as useFormSize } from '../../chunk/DEiqPcuO.mjs';
-import { i as isEqual } from '../../chunk/Dw-yyl2m.mjs';
-import { o as omit } from '../../chunk/DTpr71Gd.mjs';
-import { u as useSizeProp } from '../../chunk/C9ldJ8Hh.mjs';
-import { u as useEmptyValuesProps, a as useEmptyValues } from '../../chunk/CtYp4FB7.mjs';
-import { u as useAttrs } from '../../chunk/BJTCqgn1.mjs';
-import { u as useFocusController } from '../../chunk/Xk5kfdyT.mjs';
+import { C as ClickOutside } from '../../chunk/Cg-Krnly.mjs';
+import { u as useFormItem, b as useFormItemInputId, a as useFormDisabled, c as useFormSize } from '../../chunk/BvNFaD5d.mjs';
+import { i as isEqual } from '../../chunk/q2jRgbir.mjs';
+import { o as omit } from '../../chunk/e5i7OJY-.mjs';
+import { u as useSizeProp } from '../../chunk/CPCieLBG.mjs';
+import { u as useEmptyValuesProps, a as useEmptyValues } from '../../chunk/CK5Bluh4.mjs';
+import { u as useAttrs } from '../../chunk/DDR6UjaC.mjs';
+import { u as useFocusController } from '../../chunk/DAIuzoFs.mjs';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/dist/es/components/dialog/dialog.d.ts

@@ -7,7 +7,7 @@ export interface IDialogProps {
     height?: string | number;
     maxHeight?: string | number;
     fullscreenHeight?: string | number;
-    flex?: boolean;
     fullscreen?: boolean;
     boxPadding?: boolean;
+    padding?: number;
 }

package/dist/es/components/dialog/dialog.mjs

@@ -1,19 +1,19 @@
 import './index.css'
-import { u as useNamespace } from '../../chunk/DO-mBaf5.mjs';
-import { b as dialogContentEmits, c as dialogContentProps, e as dialogInjectionKey, d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay, f as useSameTarget } from '../../chunk/eN6VJ63C.mjs';
-import { E as ElScrollbar } from '../../chunk/DcTh6n4x.mjs';
-import { E as ElButton } from '../../chunk/Dqk3gyUk.mjs';
-import { ref, onMounted, watchEffect, onBeforeUnmount, defineComponent, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, useSlots, provide, Transition, mergeProps, withDirectives, createSlots, vShow, useCssVars, useCssModule, watch, isRef, createTextVNode } from 'vue';
+import { u as useNamespace } from '../../chunk/By7FMB3I.mjs';
+import { b as dialogContentEmits, c as dialogContentProps, e as dialogInjectionKey, d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay, f as useSameTarget } from '../../chunk/F2ph6lWu.mjs';
+import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
+import { ref, onMounted, watchEffect, onBeforeUnmount, defineComponent, inject, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, useSlots, provide, Transition, mergeProps, withDirectives, createSlots, vShow, useCssModule, watch, isRef, createTextVNode } from 'vue';
 import { CopyDocument, FullScreen, Close } from '@element-plus/icons-vue';
-import { C as Component$1 } from '../button/button.mjs';
+import { C as Component$2 } from '../button/button.mjs';
+import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
 import { useVModel, useToggle } from '@vueuse/core';
-import { F as FOCUS_TRAP_INJECTION_KEY, b as ElTeleport, d as ElFocusTrap } from '../../chunk/DGGhWn1A.mjs';
-import { E as ElIcon } from '../../chunk/b9dx0jdT.mjs';
-import { _ as _export_sfc, w as withInstall } from '../../chunk/Dn-BFXcJ.mjs';
-import { a as addUnit } from '../../chunk/C50_dziC.mjs';
+import { F as FOCUS_TRAP_INJECTION_KEY, b as ElTeleport, d as ElFocusTrap } from '../../chunk/BfjuZmry.mjs';
+import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
+import { _ as _export_sfc, w as withInstall } from '../../chunk/dN0VcQc2.mjs';
+import { a as addUnit } from '../../chunk/CQz3lhyS.mjs';
 import { C as CloseComponents } from '../icon/icon2.mjs';
-import { u as useLocale } from '../../chunk/plK2vnjp.mjs';
-import { u as useDeprecated } from '../../chunk/DFHjl3eL.mjs';
+import { u as useLocale } from '../../chunk/CJ0afvkJ.mjs';
+import { u as useDeprecated } from '../../chunk/yuIXvUxc.mjs';
 import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
 
 const useDraggable = (targetRef, dragRef, draggable, overflow) => {
@@ -414,16 +414,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lazy: { type: Boolean, default: true },
     height: {},
     maxHeight: {},
-    fullscreenHeight: { default: "calc(100vh - 146px)" },
-    flex: { type: Boolean, default: false },
+    fullscreenHeight: {},
     fullscreen: { type: Boolean, default: false },
-    boxPadding: { type: Boolean, default: true }
+    boxPadding: { type: Boolean, default: true },
+    padding: { default: 16 }
   },
   emits: ["update:modelValue", "closed"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v5830f752": _ctx.boxPadding ? "block" : "none"
-    }));
     const props = __props;
     const emits = __emit;
     const $style = useCssModule();
@@ -432,10 +429,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isFullscreen = ref(false);
     const toggleFullscreen = useToggle(isFullscreen);
     const Icon = computed(() => isFullscreen.value ? CopyDocument : FullScreen);
-    const scrollbarClassName = computed(() => ({
-      [$style.scrollbar]: true,
-      [$style.flex]: props.flex
-    }));
+    const myFullscreenHeight = computed(() => {
+      if (props.fullscreenHeight) {
+        return props.fullscreenHeight;
+      }
+      return props.showDefaultFooter ? "calc(100vh - 98px)" : "calc(100vh - 49px)";
+    });
+    const myMaxHeight = computed(() => {
+      if (isFullscreen.value || !props.maxHeight) {
+        return myFullscreenHeight.value;
+      }
+      return props.maxHeight;
+    });
     watch(dialogVisible, (val) => {
       if (val) {
         isFullscreen.value = props.fullscreen;
@@ -448,18 +453,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_ElButton = ElButton;
-      const _component_ElScrollbar = ElScrollbar;
       const _component_ElDialog = ElDialog;
       return unref(visible) || !__props.lazy ? (openBlock(), createBlock(_component_ElDialog, mergeProps({
         key: 0,
         modelValue: unref(dialogVisible),
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null)
       }, _ctx.$attrs, {
+        "append-to-body": "",
         "align-center": "",
         "show-close": false,
         fullscreen: unref(isFullscreen),
         "close-on-click-modal": false,
-        class: unref($style).main,
+        class: [unref($style).main, { [unref($style)["box-padding"]]: __props.boxPadding }],
         onClosed: handleClosed
       }), createSlots({
         header: withCtx(({ close, titleId, titleClass }) => [
@@ -493,36 +498,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)
         ]),
         default: withCtx(() => [
-          !unref(isFullscreen) && (__props.height || __props.maxHeight) ? (openBlock(), createBlock(_component_ElScrollbar, {
-            key: 0,
-            class: normalizeClass(unref(scrollbarClassName)),
+          createVNode(Component$1, {
+            "max-height": unref(myMaxHeight),
             height: __props.height,
-            "max-height": __props.maxHeight,
-            always: ""
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref($style)["body-container"])
-              }, [
-                renderSlot(_ctx.$slots, "default")
-              ], 2)
-            ]),
-            _: 3
-          }, 8, ["class", "height", "max-height"])) : (openBlock(), createBlock(_component_ElScrollbar, {
-            key: 1,
-            class: normalizeClass(unref(scrollbarClassName)),
-            "max-height": __props.fullscreenHeight,
-            always: ""
+            always: "",
+            "view-class": unref($style)["scrollbar-view"],
+            padding: __props.padding,
+            "fill-height": false
           }, {
             default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref($style)["body-container"])
-              }, [
-                renderSlot(_ctx.$slots, "default")
-              ], 2)
+              renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class", "max-height"]))
+          }, 8, ["max-height", "height", "view-class", "padding"])
         ]),
         _: 2
       }, [
@@ -530,7 +518,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "footer", {}, () => [
-              __props.showDefaultFooter ? (openBlock(), createBlock(Component$1, {
+              __props.showDefaultFooter ? (openBlock(), createBlock(Component$2, {
                 key: 0,
                 onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
               }, {
@@ -548,19 +536,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const main = "_main_zs7g5_1";
-const header = "_header_zs7g5_46";
-const title = "_title_zs7g5_65";
-const scrollbar = "_scrollbar_zs7g5_70";
-const flex = "_flex_zs7g5_78";
-const buttons = "_buttons_zs7g5_87";
+/* unplugin-vue-components disabled */const main = "_main_m9nss_1";
+const header = "_header_m9nss_48";
+const title = "_title_m9nss_77";
+const buttons = "_buttons_m9nss_86";
 const style0 = {
 	main: main,
 	header: header,
+	"box-padding": "_box-padding_m9nss_57",
 	title: title,
-	scrollbar: scrollbar,
-	flex: flex,
-	"body-container": "_body-container_zs7g5_83",
+	"scrollbar-view": "_scrollbar-view_m9nss_82",
 	buttons: buttons
 };
 
@@ -569,9 +554,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_13 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_15 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_13 as _ };
+export { Component as C, __vite_glob_0_15 as _ };