cosey 0.1.1-7 → 0.1.1

package/components/config-provider/override-element-plus.js

@@ -73,9 +73,9 @@ var stdin_default = getSimpleStyleHook("OverrideElementPlus", (token) => {
       "--el-bg-color": token.colorBgContainer,
       "--el-bg-color-page": token.colorBgLayout,
       // '--el-bg-color-overlay': '#ffffff',
-      // '--el-text-color-primary': token.colorText,
-      // '--el-text-color-regular': token.colorText,
-      // '--el-text-color-secondary': token.colorTextTertiary,
+      "--el-text-color-primary": token.colorText,
+      "--el-text-color-regular": token.colorText,
+      "--el-text-color-secondary": token.colorTextTertiary,
       "--el-text-color-placeholder": token.colorTextPlaceholder,
       "--el-text-color-disabled": token.colorTextDisabled,
       "--el-border-color": token.colorBorder,

package/components/copy/copy.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode } from 'vue';
 import stdin_default$1 from './style/index.js';
-import { useClipboard } from '@vueuse/core';
 import stdin_default$2 from '../icon/index.js';
+import { useClipboard } from '@vueuse/core';
+import { ElButton } from 'element-plus';
 import { useComponentConfig } from '../config-provider/config-provider.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
@@ -36,8 +37,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     } = useClipboard();
     __expose();
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_component_el_button, {
+      return openBlock(), createBlock(unref(ElButton), {
         link: "",
         class: normalizeClass([unref(hashId), unref(prefixCls), {
           "is-copied": unref(copied)

package/components/field/components/week/week.vue.js

@@ -1,7 +1,7 @@
 import { ElDatePicker } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import dayjs from 'dayjs';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
+import weekOfYear from 'dayjs/plugin/weekOfYear.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
 dayjs.extend(weekOfYear);

package/components/form/form.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent, inject, reactive, toRef, resolveComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createCommentVNode, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, inject, reactive, toRef, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createCommentVNode, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from 'vue';
 import { formProps, formBubbleContextSymbol } from './form.js';
-import { ElForm } from 'element-plus';
+import { ElForm, ElButton } from 'element-plus';
 import { useFormTemplate } from './useFormTemplate.js';
 import { Row as _Row } from '../row/index.js';
 import { OptionalWrapper as _OptionalWrapper } from '../optional-wrapper/index.js';
@@ -44,7 +44,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
     }));
     __expose(expose);
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createBlock(unref(ElForm), mergeProps({
         ref: "form"
       }, unref(elFormProps), {
@@ -64,7 +63,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
               reset: unref(reset),
               submit: unref(submit),
               submitting: unref(submitting)
-            }, () => [!_ctx.hideSubmit ? (openBlock(), createBlock(_component_el_button, mergeProps({
+            }, () => [!_ctx.hideSubmit ? (openBlock(), createBlock(unref(ElButton), mergeProps({
               key: 0,
               type: "primary"
             }, _ctx.submitProps, {
@@ -75,7 +74,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
               /* TEXT */)]),
               _: 1
               /* STABLE */
-            }, 16, ["loading"])) : createCommentVNode("v-if", true), !_ctx.hideReset ? (openBlock(), createBlock(_component_el_button, mergeProps({
+            }, 16, ["loading"])) : createCommentVNode("v-if", true), !_ctx.hideReset ? (openBlock(), createBlock(unref(ElButton), mergeProps({
               key: 1
             }, _ctx.resetProps, {
               onClick: unref(reset)

package/components/form/useBubbleTemplate.js

@@ -1,5 +1,6 @@
-import { ref, provide, createVNode, Fragment, resolveComponent, mergeProps, nextTick } from 'vue';
+import { ref, provide, createVNode, Fragment, mergeProps, nextTick } from 'vue';
 import { formBubbleContextSymbol } from './form.js';
+import { ElButton } from 'element-plus';
 import { useTwoWayBinding } from '../../hooks/useTwoWayBinding.js';
 import { createMergedExpose, defineTemplate } from '../../utils/vue.js';
 
@@ -63,14 +64,14 @@ function useBubbleTemplate(options) {
       cancel,
       confirm,
       submitting: !!formBubbleData.value?.submitting
-    }) : createVNode(Fragment, null, [!props.hideConfirm && createVNode(resolveComponent("el-button"), mergeProps({
+    }) : createVNode(Fragment, null, [!props.hideConfirm && createVNode(ElButton, mergeProps({
       "type": "primary"
     }, props.confirmProps, {
       "loading": formBubbleData.value?.submitting,
       "onClick": confirm
     }), {
       default: () => [props.confirmText]
-    }), !props.hideCancel && createVNode(resolveComponent("el-button"), mergeProps(props.cancelProps, {
+    }), !props.hideCancel && createVNode(ElButton, mergeProps(props.cancelProps, {
       "onClick": cancel
     }), {
       default: () => [props.cancelText]

package/components/form/useFormTemplate.d.ts

@@ -3,7 +3,7 @@ export interface UseFormTemplateOptions<T> {
     omittedProps?: (keyof T)[];
 }
 export declare function useFormTemplate<T extends FormProps, U extends FormExpose = FormExpose>(props: T, options?: UseFormTemplateOptions<T>): {
-    elFormProps: Omit<T, keyof T>;
+    elFormProps: import("@vueuse/core").ReactiveOmitReturn<T, keyof T>;
     expose: U;
     reset: () => void;
     resetFields: () => void;

package/components/form-list/form-list.vue.js

@@ -3,7 +3,7 @@ import { ElSpace, ElButton } from 'element-plus';
 import { cloneDeep, omit } from 'lodash-es';
 import { reactiveOmit } from '@vueuse/core';
 import { formListExposeKeys, defaultFormListProps } from './form-list.js';
-import stdin_default$2 from '../icon/icon.vue.js';
+import { Icon as _Icon } from '../icon/index.js';
 import { FormItem as _FormItem } from '../form/index.js';
 import { DndSort as _DndSort, DndSortItem as _DndSortItem } from '../dnd-sort/index.js';
 import { TransitionGroup as _TransitionGroup } from '../transition-group/index.js';
@@ -304,7 +304,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
                   "type": "danger",
                   "onClick": () => remove(index)
                 }, {
-                  default: () => [createVNode(stdin_default$2, {
+                  default: () => [createVNode(_Icon, {
                     "name": "mdi:trash-can-outline",
                     "size": "lg"
                   }, null)]
@@ -319,7 +319,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           "type": "primary",
           "onClick": handleAdd
         }, {
-          default: () => [createVNode(stdin_default$2, {
+          default: () => [createVNode(_Icon, {
             "name": "mdi:plus",
             "class": `${prefixCls.value}-plus-icon`
           }, null), props.addText]

package/components/form-list/index.d.ts

@@ -20,8 +20,8 @@ declare const _FormList: (<T extends import("./form-list").FormListRow = import(
         disabled?: boolean | undefined;
         readonly prop?: import("element-plus").FormItemProp | undefined;
         readonly error?: string | undefined;
-        readonly required?: boolean | undefined;
         placeholder?: string | undefined;
+        readonly required?: boolean | undefined;
         readonly?: boolean | undefined;
         readonly labelWidth?: (string | number) | undefined;
         readonly labelPosition?: ("" | "left" | "right" | "top") | undefined;

package/components/form-query/form-query.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent, useSlots, computed, ref, Fragment, provide, resolveComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createVNode, resolveDynamicComponent, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, isRef, cloneVNode, isVNode } from 'vue';
+import { defineComponent, useSlots, computed, ref, Fragment, provide, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createVNode, resolveDynamicComponent, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, isRef, cloneVNode, isVNode } from 'vue';
 import { formQueryProps, defaultMapSizeColNumber, formQueryContextSymbol } from './form-query.js';
-import { ElForm } from 'element-plus';
+import { ElForm, ElButton } from 'element-plus';
 import { FormItem as _FormItem } from '../form/index.js';
 import { Row as _Row } from '../row/index.js';
 import { Toggle as _Toggle } from '../toggle/index.js';
@@ -88,7 +88,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
     });
     __expose(expose);
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createBlock(unref(ElForm), mergeProps({
         ref: "form"
       }, unref(elFormProps), {
@@ -108,7 +107,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
               reset: unref(reset),
               submit: unref(submit),
               submitting: unref(submitting)
-            }, () => [createVNode(_component_el_button, {
+            }, () => [createVNode(unref(ElButton), {
               onClick: _cache[0] || (_cache[0] = () => unref(submit)()),
               type: "primary",
               loading: unref(submitting)
@@ -116,7 +115,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
               default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode(" \u67E5\u8BE2 ")])),
               _: 1
               /* STABLE */
-            }, 8, ["loading"]), createVNode(_component_el_button, {
+            }, 8, ["loading"]), createVNode(unref(ElButton), {
               onClick: unref(reset)
             }, {
               default: withCtx(() => _cache[3] || (_cache[3] = [createTextVNode("\u91CD\u7F6E")])),

package/components/table/table-column/table-column.vue.d.ts

@@ -7,9 +7,9 @@ declare const TableColumn: import("vue").DefineComponent<{
     type?: string | undefined;
     prop?: string | undefined;
     resizable?: boolean | undefined;
-    filters?: import("element-plus/es/components/table/src/table-column/defaults.mjs").Filters | undefined;
     formatter?: ((row: any, column: import("element-plus/es/components/table/src/table-column/defaults.mjs").TableColumnCtx<any>, cellValue: any, index: number) => import("vue").VNode | string) | undefined;
     className?: string | undefined;
+    filters?: import("element-plus/es/components/table/src/table-column/defaults.mjs").Filters | undefined;
     labelClassName?: string | undefined;
     property?: string | undefined;
     renderHeader?: ((data: {
@@ -47,9 +47,9 @@ declare const TableColumn: import("vue").DefineComponent<{
     type?: string | undefined;
     prop?: string | undefined;
     resizable?: boolean | undefined;
-    filters?: import("element-plus/es/components/table/src/table-column/defaults.mjs").Filters | undefined;
     formatter?: ((row: any, column: import("element-plus/es/components/table/src/table-column/defaults.mjs").TableColumnCtx<any>, cellValue: any, index: number) => import("vue").VNode | string) | undefined;
     className?: string | undefined;
+    filters?: import("element-plus/es/components/table/src/table-column/defaults.mjs").Filters | undefined;
     labelClassName?: string | undefined;
     property?: string | undefined;
     renderHeader?: ((data: {

package/components/table/table-column-editor/item.vue.js

@@ -2,6 +2,7 @@ import { defineComponent, computed, reactive, toRef, resolveComponent, createEle
 import '../../dnd-sort/index.js';
 import { Icon as _Icon } from '../../icon/index.js';
 import stdin_default$1 from './list.vue.js';
+import { ElButton } from 'element-plus';
 import { useDndSortItem } from '../../dnd-sort/useDndSortItem.js';
 import { useTreeCheckInject } from '../../../hooks/useTreeCheck.js';
 import { useComponentConfig } from '../../config-provider/config-provider.js';
@@ -49,7 +50,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createElementBlock("div", mergeProps({
         ref_key: "itemRef",
         ref: itemRef
@@ -79,7 +79,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       /* TEXT, CLASS */), !_ctx.isSub ? (openBlock(), createElementBlock("div", {
         key: 1,
         class: normalizeClass(`${unref(prefixCls)}-item-pins`)
-      }, [createVNode(_component_el_button, {
+      }, [createVNode(unref(ElButton), {
         link: "",
         style: {
           border: 0
@@ -96,7 +96,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         }, null, 8, ["name"])]),
         _: 1
         /* STABLE */
-      }, 8, ["type"]), createVNode(_component_el_button, {
+      }, 8, ["type"]), createVNode(unref(ElButton), {
         link: "",
         style: {
           border: 0,

package/components/table/table-column-editor/table-column-editor.vue.d.ts

@@ -1,6 +1,7 @@
 import { type TableColumnEditorProps } from './table-column-editor';
 import List from './list.vue';
 import { type TableColumnProps } from '../table-column/table-column';
+import { ElButton } from 'element-plus';
 declare const prefixCls: import("vue").ComputedRef<string>;
 declare const hashId: import("vue").Ref<string, string>;
 declare const visible: import("vue").Ref<boolean, boolean>;
@@ -225,6 +226,7 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 }>;
 declare const __VLS_self: import("vue").DefineComponent<TableColumnEditorProps, {
     List: typeof List;
+    ElButton: typeof ElButton;
     prefixCls: typeof prefixCls;
     hashId: typeof hashId;
     visible: typeof visible;

package/components/table/table-column-editor/table-column-editor.vue.js

@@ -2,6 +2,7 @@ import { defineComponent, mergeDefaults, useTemplateRef, ref, resolveComponent,
 import { defaultTableColumnEditorProps } from './table-column-editor.js';
 import stdin_default$2 from './list.vue.js';
 import stdin_default$1 from './style/index.js';
+import { ElButton } from 'element-plus';
 import { useComponentConfig } from '../../config-provider/config-provider.js';
 import { useTreeCheck } from '../../../hooks/useTreeCheck.js';
 import { mapTree, walkTree } from '../../../utils/tree.js';
@@ -102,7 +103,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
     return (_ctx, _cache) => {
       const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
-      const _component_el_button = resolveComponent("el-button");
       const _component_el_popover = resolveComponent("el-popover");
       return openBlock(), createBlock(_component_el_popover, mergeProps(_ctx.$props, {
         visible: visible.value,
@@ -142,7 +142,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           /* STABLE */
         }, 8, ["max-height"]), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-footer`)
-        }, [createVNode(_component_el_button, {
+        }, [createVNode(unref(ElButton), {
           size: "small",
           link: "",
           onClick: reset
@@ -150,7 +150,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode("\u6062\u590D\u9ED8\u8BA4")])),
           _: 1
           /* STABLE */
-        }), createElementVNode("div", _hoisted_1, [createVNode(_component_el_button, {
+        }), createElementVNode("div", _hoisted_1, [createVNode(unref(ElButton), {
           size: "small",
           link: "",
           onClick: cancel
@@ -158,7 +158,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => _cache[3] || (_cache[3] = [createTextVNode("\u53D6\u6D88")])),
           _: 1
           /* STABLE */
-        }), createVNode(_component_el_button, {
+        }), createVNode(unref(ElButton), {
           size: "small",
           link: "",
           type: "primary",

package/components/table/table.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, useSlots, computed, useTemplateRef, mergeProps, ref, watch, resolveComponent, resolveDirective, withDirectives, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, createElementVNode, createVNode, createBlock, renderSlot, withCtx, createSlots, Fragment, renderList, normalizeProps, guardReactiveProps } from 'vue';
 import { merge, cloneDeep, get } from 'lodash-es';
 import { tableProps, defaultTableConfig, elSlotsName, omittedTableProps, defaultPaginationProps, tableExposeKeys } from './table.js';
+import { useZIndex, ElButton } from 'element-plus';
 import stdin_default$6 from './table-column/table-column.vue.js';
 import stdin_default$5 from './table-column-editor/table-column-editor.vue.js';
 import stdin_default$2 from './table-query/table-query.vue.js';
@@ -8,7 +9,6 @@ import stdin_default$4 from './table-export/table-export.vue.js';
 import stdin_default$3 from '../icon/icon.vue.js';
 import { reactiveOmit } from '@vueuse/core';
 import { filterEmptyFormValue } from './utils.js';
-import { useZIndex } from 'element-plus';
 import stdin_default$1 from './style/index.js';
 import { useComponentConfig, useConfig } from '../config-provider/config-provider.js';
 import { useFetch } from '../../hooks/useFetch.js';
@@ -208,7 +208,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
     });
     __expose(expose);
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
       const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_table = resolveComponent("el-table");
       const _component_el_pagination = resolveComponent("el-pagination");
@@ -251,7 +250,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "show-after": 200,
         "hide-after": 0
       }, {
-        default: withCtx(() => [createVNode(_component_el_button, {
+        default: withCtx(() => [createVNode(unref(ElButton), {
           link: ""
         }, {
           default: withCtx(() => [createVNode(stdin_default$3, {
@@ -273,7 +272,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "show-after": 200,
         "hide-after": 0
       }, {
-        default: withCtx(() => [createVNode(_component_el_button, {
+        default: withCtx(() => [createVNode(unref(ElButton), {
           link: "",
           onClick: _cache[1] || (_cache[1] = $event => exportVisible.value = true)
         }, {
@@ -298,7 +297,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "show-after": 200,
         "hide-after": 0
       }, {
-        default: withCtx(() => [createVNode(_component_el_button, {
+        default: withCtx(() => [createVNode(unref(ElButton), {
           link: "",
           onClick: onFullScreen
         }, {
@@ -317,7 +316,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "show-after": 200,
         "hide-after": 0
       }, {
-        default: withCtx(() => [createVNode(_component_el_button, {
+        default: withCtx(() => [createVNode(unref(ElButton), {
           link: "",
           ref: "setting-ref"
         }, {

package/components/table-action/item.vue.d.ts

@@ -161,11 +161,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     link: boolean;
     tag: string | import("vue").Component;
     plain: boolean;
-    loading: boolean;
-    autofocus: boolean;
     nativeType: "button" | "reset" | "submit";
+    loading: boolean;
     loadingIcon: string | import("vue").Component;
     bg: boolean;
+    autofocus: boolean;
     autoInsertSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/table-action/item.vue.js

@@ -1,5 +1,6 @@
-import { defineComponent, computed, ref, resolveComponent, createElementBlock, createCommentVNode, openBlock, Fragment, createBlock, normalizeProps, mergeProps, withCtx, createVNode, createTextVNode, unref, normalizeStyle, toDisplayString } from 'vue';
+import { defineComponent, computed, ref, resolveComponent, createElementBlock, createCommentVNode, openBlock, Fragment, createBlock, normalizeProps, mergeProps, withCtx, createVNode, unref, createTextVNode, normalizeStyle, toDisplayString } from 'vue';
 import { omit } from 'lodash-es';
+import { ElButton } from 'element-plus';
 import { tableActionItemProps } from './item.js';
 import stdin_default$1 from '../icon/icon.vue.js';
 import { useToken } from '../theme/util/useToken.js';
@@ -33,14 +34,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
       cancel(e);
     };
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
       const _component_el_popconfirm = resolveComponent("el-popconfirm");
       return !_ctx.hidden ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [_ctx.popconfirm ? (openBlock(), createBlock(_component_el_popconfirm, normalizeProps(mergeProps({
         key: 0
       }, _ctx.popconfirm)), {
-        reference: withCtx(() => [createVNode(_component_el_button, mergeProps(unref(omit)(buttonProps.value, "popconfirm"), {
+        reference: withCtx(() => [createVNode(unref(ElButton), mergeProps(unref(omit)(buttonProps.value, "popconfirm"), {
           style: {
             "margin": "0"
           }
@@ -60,14 +60,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
         actions: withCtx(({
           confirm,
           cancel
-        }) => [createVNode(_component_el_button, {
+        }) => [createVNode(unref(ElButton), {
           size: "small",
           onClick: event => onCancel(event, cancel)
         }, {
           default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" \u5426 ")])),
           _: 2
           /* DYNAMIC */
-        }, 1032, ["onClick"]), createVNode(_component_el_button, {
+        }, 1032, ["onClick"]), createVNode(unref(ElButton), {
           type: "danger",
           size: "small",
           loading: loading.value,
@@ -80,7 +80,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         _: 1
         /* STABLE */
       }, 16
-      /* FULL_PROPS */)) : (openBlock(), createBlock(_component_el_button, mergeProps({
+      /* FULL_PROPS */)) : (openBlock(), createBlock(unref(ElButton), mergeProps({
         key: 1
       }, buttonProps.value, {
         style: {

package/components/theme/extractStyle.js

@@ -1,6 +1,7 @@
 import { renderToString } from 'vue/server-renderer';
 import { StyleProvider, StyleCache } from './StyleContext.js';
-import { h } from 'vue';
+import { createSSRApp, h } from 'vue';
+import ElementPlus, { ID_INJECTION_KEY, ZINDEX_INJECTION_KEY } from 'element-plus';
 import { isString } from '../../utils/is.js';
 
 function extractCacheStyle(cache) {
@@ -14,7 +15,18 @@ function extractCacheStyle(cache) {
 }
 function extractStyle(node) {
   const cache = new StyleCache();
-  renderToString(h(StyleProvider, { cache }, () => node));
+  const app = createSSRApp({
+    setup() {
+      return () => {
+        return h(StyleProvider, { cache }, () => node);
+      };
+    }
+  });
+  app.use(ElementPlus);
+  app.provide(ID_INJECTION_KEY, { prefix: 1024, current: 0 });
+  app.provide(ZINDEX_INJECTION_KEY, { current: 0 });
+  app.config.warnHandler = () => null;
+  renderToString(app);
   const styleText = extractCacheStyle(cache);
   return styleText;
 }

package/components/toggle/toggle.vue.js

@@ -1,4 +1,5 @@
-import { defineComponent, ref, watch, computed, resolveComponent, createBlock, openBlock, withCtx, createTextVNode, createVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, watch, computed, createBlock, openBlock, unref, withCtx, createTextVNode, createVNode, toDisplayString } from 'vue';
+import { ElButton } from 'element-plus';
 import stdin_default$1 from '../icon/icon.vue.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
@@ -30,8 +31,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       emit("update:modelValue", innerValue.value);
     };
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_component_el_button, {
+      return openBlock(), createBlock(unref(ElButton), {
         type: "primary",
         link: "",
         onClick: handleClick

package/components/transition-group/transition-group.d.ts

@@ -1,6 +1,6 @@
 import { type TransitionGroupProps as VueTransitionGroupProps } from 'vue';
 export interface TransitionGroupProps extends VueTransitionGroupProps {
-    effect: 'slide' | 'flip' | 'fade' | (string & {});
+    effect?: 'slide' | 'flip' | 'fade' | (string & {});
 }
 export interface TransitionGroupSlots {
     default?: (props: Record<string, any>) => any;

package/components/transition-group/transition-group.vue.js

@@ -12,7 +12,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
   props: {
     effect: {
       type: [String, Object],
-      required: true,
+      required: false,
       default: "fade"
     },
     name: {

package/components/upload/upload-item.vue.js

@@ -1,4 +1,5 @@
 import { defineComponent, computed, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, createCommentVNode, Transition, withCtx, createElementVNode, createBlock, toDisplayString, createTextVNode } from 'vue';
+import { ElButton } from 'element-plus';
 import { MediaCard as _MediaCard } from '../media-card/index.js';
 import stdin_default$1 from '../icon/icon.vue.js';
 import { useComponentConfig } from '../config-provider/config-provider.js';
@@ -46,7 +47,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const mergedTitle = computed(() => isString(props.file.url) ? props.file.url : "");
     return (_ctx, _cache) => {
       const _component_el_progress = resolveComponent("el-progress");
-      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`${unref(prefixCls)}-item`)
       }, [createVNode(unref(_MediaCard), {
@@ -83,7 +83,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           /* STABLE */
         }, 8, ["percentage", "status"]), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-actions`)
-        }, [_ctx.file.status === "loading" ? (openBlock(), createBlock(_component_el_button, {
+        }, [_ctx.file.status === "loading" ? (openBlock(), createBlock(unref(ElButton), {
           key: 0,
           link: "",
           size: "small",
@@ -93,7 +93,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => _cache[4] || (_cache[4] = [createTextVNode(" \u53D6\u6D88\u4E0A\u4F20 ")])),
           _: 1
           /* STABLE */
-        })) : createCommentVNode("v-if", true), _ctx.file.status === "error" ? (openBlock(), createBlock(_component_el_button, {
+        })) : createCommentVNode("v-if", true), _ctx.file.status === "error" ? (openBlock(), createBlock(unref(ElButton), {
           key: 1,
           link: "",
           size: "small",
@@ -106,7 +106,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: withCtx(() => _cache[5] || (_cache[5] = [createTextVNode(" \u91CD\u65B0\u4E0A\u4F20 ")])),
           _: 1
           /* STABLE */
-        })) : createCommentVNode("v-if", true), createVNode(_component_el_button, {
+        })) : createCommentVNode("v-if", true), createVNode(unref(ElButton), {
           link: "",
           size: "small",
           type: "primary",

package/config/root-config-provider.vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, computed, provide, reactive, resolveComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createVNode, renderSlot } from 'vue';
 import { getAlgorithm } from './root-config-provider.js';
+import { useLayoutStore } from '../store/layout.js';
 import { useGlobalConfig } from './index.js';
 import 'element-plus/dist/index.css';
 import 'element-plus/theme-chalk/dark/css-vars.css';
@@ -8,7 +9,6 @@ import { useLocaleProvide } from '../hooks/useLocale.js';
 import { useUploadProvide } from '../components/upload-context.js';
 import { containerContextKey } from '../components/container/container.js';
 import { ConfigProvider as _ConfigProvider } from '../components/config-provider/index.js';
-import { useLayoutStore } from '../store/layout.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{

package/hooks/useLockScroll.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 /**
  * 禁止页面滚动
  *

package/hooks/usePersist.d.ts

@@ -1,5 +1,5 @@
 import Persist from '@gunny/persist';
-import { InjectionKey } from 'vue';
+import { type InjectionKey } from 'vue';
 export declare const persistContextKey: InjectionKey<Persist>;
 export declare const createPersist: (name: string, type: "local" | "session") => Persist;
 /**

package/hooks/useRectObserver.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 export declare function useRectObserver(targetRef: Ref<Element | null | undefined>, callback: (rect: DOMRect) => void): {
     run: () => void;
     stop: () => void;

package/hooks/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 /**
  * 观察元素的尺寸变化
  */

package/hooks/useTimeout.d.ts

@@ -1 +1,6 @@
-export declare function useTimeout(callback: (...args: any[]) => any): readonly [(duration: number) => void, () => void, () => boolean];
+import { type MaybeRefOrGetter } from 'vue';
+export declare function useTimeout<Callback extends (...args: any[]) => any>(callback: Callback, interval: MaybeRefOrGetter<number>): {
+    isPending: Readonly<import("vue").ShallowRef<boolean, boolean>>;
+    start: (...args: Parameters<Callback> | []) => void;
+    stop: () => void;
+};

package/hooks/useTimeout.js

@@ -1,27 +1,32 @@
-import { onUnmounted } from 'vue';
+import { shallowRef, onUnmounted, shallowReadonly, toValue } from 'vue';
 
-function useTimeout(callback) {
+function useTimeout(callback, interval) {
   let timer;
-  const cancel = () => {
+  const isPending = shallowRef(false);
+  const stop = () => {
     if (timer) {
       clearTimeout(timer);
       timer = null;
+      isPending.value = false;
     }
   };
-  const doSomethingLater = (duration) => {
-    cancel();
+  const start = (...args) => {
+    stop();
+    isPending.value = true;
     timer = setTimeout(() => {
       timer = null;
-      callback();
-    }, duration);
-  };
-  const isWaitingToDoSomething = () => {
-    return !!timer;
+      isPending.value = false;
+      callback(...args);
+    }, toValue(interval));
   };
   onUnmounted(() => {
-    cancel();
+    stop();
   });
-  return [doSomethingLater, cancel, isWaitingToDoSomething];
+  return {
+    isPending: shallowReadonly(isPending),
+    start,
+    stop
+  };
 }
 
 export { useTimeout };