element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -69,12 +69,12 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     readonly total?: unknown;
     readonly itemSize?: unknown;
 } & {
+    data: any[];
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
-    className: string;
     total: number;
+    className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -84,17 +84,17 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     initScrollOffset: number;
     itemSize: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | ItemSize>, never, never>;
 } & {
-    width?: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     style?: import("../../../../utils/types").StyleValue | undefined;
+    width?: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     estimatedItemSize?: number | undefined;
 }> & {
     onScroll?: ((...args: any[]) => any) | undefined;
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
+    data: any[];
+    style: import("../../../../utils/types").StyleValue;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    style: import("../../../../utils/types").StyleValue;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -45,8 +45,8 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     readonly totalColumn?: unknown;
     readonly totalRow?: unknown;
 } & {
-    height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     data: any[];
+    height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     className: string;
@@ -63,17 +63,17 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     totalColumn: number;
     totalRow: number;
 } & {
-    width?: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     style?: import("../../../../utils/types").StyleValue | undefined;
+    width?: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     estimatedColumnWidth?: number | undefined;
     estimatedRowHeight?: number | undefined;
 }> & {
     onScroll?: ((...args: any[]) => any) | undefined;
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
-    width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    style: import("../../../../utils/types").StyleValue;
     data: any[];
+    style: import("../../../../utils/types").StyleValue;
+    width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -68,12 +68,12 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     readonly total?: unknown;
     readonly itemSize?: unknown;
 } & {
+    data: any[];
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
-    className: string;
     total: number;
+    className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
@@ -83,17 +83,17 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     initScrollOffset: number;
     itemSize: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
 } & {
-    width?: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     style?: import("../../../../utils/types").StyleValue | undefined;
+    width?: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     estimatedItemSize?: number | undefined;
 }> & {
     onScroll?: ((...args: any[]) => any) | undefined;
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
+    data: any[];
+    style: import("../../../../utils/types").StyleValue;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
-    style: import("../../../../utils/types").StyleValue;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/defaults.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     version: string;
-    install: (app: import("vue").App<any>, opts: import("../utils/config").InstallOptions) => void;
+    install: (app: import("vue").App<any>, opts: import("./utils/config").InstallOptions) => void;
 };
 export default _default;

package/es/defaults.mjs

@@ -1,4 +1,4 @@
-import makeInstaller from './make-installer.mjs';
+import { makeInstaller } from './make-installer.mjs';
 import Components from './component.mjs';
 import Plugins from './plugin.mjs';
 

package/es/defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.mjs","sources":["../../../packages/element-plus/defaults.ts"],"sourcesContent":["import makeInstaller from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"names":[],"mappings":";;;;AAIA,gBAAe,cAAc,CAAC,GAAG,YAAY,GAAG;;;;"}
+{"version":3,"file":"defaults.mjs","sources":["../../../packages/element-plus/defaults.ts"],"sourcesContent":["import { makeInstaller } from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"names":[],"mappings":";;;;AAIA,gBAAe,cAAc,CAAC,GAAG,YAAY,GAAG;;;;"}

package/es/directives/click-outside/index.mjs

@@ -1,7 +1,7 @@
 import { on } from '../../utils/dom.mjs';
 import isServer from '../../utils/isServer.mjs';
 
-const nodeList = new Map();
+const nodeList = /* @__PURE__ */ new Map();
 let startClick;
 if (!isServer) {
   on(document, "mousedown", (e) => startClick = e);

package/es/directives/click-outside/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/click-outside/index.ts"],"sourcesContent":["import { on } from '@element-plus/utils/dom'\nimport isServer from '@element-plus/utils/isServer'\n\nimport type {\n  ComponentPublicInstance,\n  DirectiveBinding,\n  ObjectDirective,\n} from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\n\ntype DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void\ntype FlushList = Map<\n  HTMLElement,\n  {\n    documentHandler: DocumentHandler\n    bindingFn: (...args: unknown[]) => unknown\n  }[]\n>\n\nconst nodeList: FlushList = new Map()\n\nlet startClick: MouseEvent\n\nif (!isServer) {\n  on(document, 'mousedown', (e: MouseEvent) => (startClick = e))\n  on(document, 'mouseup', (e: MouseEvent) => {\n    for (const handlers of nodeList.values()) {\n      for (const { documentHandler } of handlers) {\n        documentHandler(e, startClick)\n      }\n    }\n  })\n}\n\nfunction createDocumentHandler(\n  el: HTMLElement,\n  binding: DirectiveBinding\n): DocumentHandler {\n  let excludes: HTMLElement[] = []\n  if (Array.isArray(binding.arg)) {\n    excludes = binding.arg\n  } else if ((binding.arg as unknown) instanceof HTMLElement) {\n    // due to current implementation on binding type is wrong the type casting is necessary here\n    excludes.push(binding.arg as unknown as HTMLElement)\n  }\n  return function (mouseup, mousedown) {\n    const popperRef = (\n      binding.instance as ComponentPublicInstance<{\n        popperRef: Nullable<HTMLElement>\n      }>\n    ).popperRef\n    const mouseUpTarget = mouseup.target as Node\n    const mouseDownTarget = mousedown?.target as Node\n    const isBound = !binding || !binding.instance\n    const isTargetExists = !mouseUpTarget || !mouseDownTarget\n    const isContainedByEl =\n      el.contains(mouseUpTarget) || el.contains(mouseDownTarget)\n    const isSelf = el === mouseUpTarget\n\n    const isTargetExcluded =\n      (excludes.length &&\n        excludes.some((item) => item?.contains(mouseUpTarget))) ||\n      (excludes.length && excludes.includes(mouseDownTarget as HTMLElement))\n    const isContainedByPopper =\n      popperRef &&\n      (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget))\n    if (\n      isBound ||\n      isTargetExists ||\n      isContainedByEl ||\n      isSelf ||\n      isTargetExcluded ||\n      isContainedByPopper\n    ) {\n      return\n    }\n    binding.value(mouseup, mousedown)\n  }\n}\n\nconst ClickOutside: ObjectDirective = {\n  beforeMount(el: HTMLElement, binding: DirectiveBinding) {\n    // there could be multiple handlers on the element\n    if (!nodeList.has(el)) {\n      nodeList.set(el, [])\n    }\n\n    nodeList.get(el).push({\n      documentHandler: createDocumentHandler(el, binding),\n      bindingFn: binding.value,\n    })\n  },\n  updated(el: HTMLElement, binding: DirectiveBinding) {\n    if (!nodeList.has(el)) {\n      nodeList.set(el, [])\n    }\n\n    const handlers = nodeList.get(el)\n    const oldHandlerIndex = handlers.findIndex(\n      (item) => item.bindingFn === binding.oldValue\n    )\n    const newHandler = {\n      documentHandler: createDocumentHandler(el, binding),\n      bindingFn: binding.value,\n    }\n\n    if (oldHandlerIndex >= 0) {\n      // replace the old handler to the new handler\n      handlers.splice(oldHandlerIndex, 1, newHandler)\n    } else {\n      handlers.push(newHandler)\n    }\n  },\n  unmounted(el: HTMLElement) {\n    // remove all listeners when a component unmounted\n    nodeList.delete(el)\n  },\n}\n\nexport default ClickOutside\n"],"names":[],"mappings":";;;AAmBA,MAAM,WAAsB,IAAI;AAEhC,IAAI;AAEJ,IAAI,CAAC,UAAU;AACb,KAAG,UAAU,aAAa,CAAC,MAAmB,aAAa;AAC3D,KAAG,UAAU,WAAW,CAAC,MAAkB;AACzC,eAAW,YAAY,SAAS,UAAU;AACxC,iBAAW,EAAE,qBAAqB,UAAU;AAC1C,wBAAgB,GAAG;AAAA;AAAA;AAAA;AAAA;AAM3B,+BACE,IACA,SACiB;AACjB,MAAI,WAA0B;AAC9B,MAAI,MAAM,QAAQ,QAAQ,MAAM;AAC9B,eAAW,QAAQ;AAAA,aACT,QAAQ,eAA2B,aAAa;AAE1D,aAAS,KAAK,QAAQ;AAAA;AAExB,SAAO,SAAU,SAAS,WAAW;AACnC,UAAM,YACJ,QAAQ,SAGR;AACF,UAAM,gBAAgB,QAAQ;AAC9B,UAAM,kBAAkB,uCAAW;AACnC,UAAM,UAAU,CAAC,WAAW,CAAC,QAAQ;AACrC,UAAM,iBAAiB,CAAC,iBAAiB,CAAC;AAC1C,UAAM,kBACJ,GAAG,SAAS,kBAAkB,GAAG,SAAS;AAC5C,UAAM,SAAS,OAAO;AAEtB,UAAM,mBACH,SAAS,UACR,SAAS,KAAK,CAAC,SAAS,6BAAM,SAAS,mBACxC,SAAS,UAAU,SAAS,SAAS;AACxC,UAAM,sBACJ,wBACW,SAAS,kBAAkB,UAAU,SAAS;AAC3D,QACE,WACA,kBACA,mBACA,UACA,oBACA,qBACA;AACA;AAAA;AAEF,YAAQ,MAAM,SAAS;AAAA;AAAA;MAIrB,eAAgC;AAAA,EACpC,YAAY,IAAiB,SAA2B;AAEtD,QAAI,CAAC,SAAS,IAAI,KAAK;AACrB,eAAS,IAAI,IAAI;AAAA;AAGnB,aAAS,IAAI,IAAI,KAAK;AAAA,MACpB,iBAAiB,sBAAsB,IAAI;AAAA,MAC3C,WAAW,QAAQ;AAAA;AAAA;AAAA,EAGvB,QAAQ,IAAiB,SAA2B;AAClD,QAAI,CAAC,SAAS,IAAI,KAAK;AACrB,eAAS,IAAI,IAAI;AAAA;AAGnB,UAAM,WAAW,SAAS,IAAI;AAC9B,UAAM,kBAAkB,SAAS,UAC/B,CAAC,SAAS,KAAK,cAAc,QAAQ;AAEvC,UAAM,aAAa;AAAA,MACjB,iBAAiB,sBAAsB,IAAI;AAAA,MAC3C,WAAW,QAAQ;AAAA;AAGrB,QAAI,mBAAmB,GAAG;AAExB,eAAS,OAAO,iBAAiB,GAAG;AAAA,WAC/B;AACL,eAAS,KAAK;AAAA;AAAA;AAAA,EAGlB,UAAU,IAAiB;AAEzB,aAAS,OAAO;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/click-outside/index.ts"],"sourcesContent":["import { on } from '@element-plus/utils/dom'\nimport isServer from '@element-plus/utils/isServer'\n\nimport type {\n  ComponentPublicInstance,\n  DirectiveBinding,\n  ObjectDirective,\n} from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\n\ntype DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void\ntype FlushList = Map<\n  HTMLElement,\n  {\n    documentHandler: DocumentHandler\n    bindingFn: (...args: unknown[]) => unknown\n  }[]\n>\n\nconst nodeList: FlushList = new Map()\n\nlet startClick: MouseEvent\n\nif (!isServer) {\n  on(document, 'mousedown', (e: MouseEvent) => (startClick = e))\n  on(document, 'mouseup', (e: MouseEvent) => {\n    for (const handlers of nodeList.values()) {\n      for (const { documentHandler } of handlers) {\n        documentHandler(e, startClick)\n      }\n    }\n  })\n}\n\nfunction createDocumentHandler(\n  el: HTMLElement,\n  binding: DirectiveBinding\n): DocumentHandler {\n  let excludes: HTMLElement[] = []\n  if (Array.isArray(binding.arg)) {\n    excludes = binding.arg\n  } else if ((binding.arg as unknown) instanceof HTMLElement) {\n    // due to current implementation on binding type is wrong the type casting is necessary here\n    excludes.push(binding.arg as unknown as HTMLElement)\n  }\n  return function (mouseup, mousedown) {\n    const popperRef = (\n      binding.instance as ComponentPublicInstance<{\n        popperRef: Nullable<HTMLElement>\n      }>\n    ).popperRef\n    const mouseUpTarget = mouseup.target as Node\n    const mouseDownTarget = mousedown?.target as Node\n    const isBound = !binding || !binding.instance\n    const isTargetExists = !mouseUpTarget || !mouseDownTarget\n    const isContainedByEl =\n      el.contains(mouseUpTarget) || el.contains(mouseDownTarget)\n    const isSelf = el === mouseUpTarget\n\n    const isTargetExcluded =\n      (excludes.length &&\n        excludes.some((item) => item?.contains(mouseUpTarget))) ||\n      (excludes.length && excludes.includes(mouseDownTarget as HTMLElement))\n    const isContainedByPopper =\n      popperRef &&\n      (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget))\n    if (\n      isBound ||\n      isTargetExists ||\n      isContainedByEl ||\n      isSelf ||\n      isTargetExcluded ||\n      isContainedByPopper\n    ) {\n      return\n    }\n    binding.value(mouseup, mousedown)\n  }\n}\n\nconst ClickOutside: ObjectDirective = {\n  beforeMount(el: HTMLElement, binding: DirectiveBinding) {\n    // there could be multiple handlers on the element\n    if (!nodeList.has(el)) {\n      nodeList.set(el, [])\n    }\n\n    nodeList.get(el).push({\n      documentHandler: createDocumentHandler(el, binding),\n      bindingFn: binding.value,\n    })\n  },\n  updated(el: HTMLElement, binding: DirectiveBinding) {\n    if (!nodeList.has(el)) {\n      nodeList.set(el, [])\n    }\n\n    const handlers = nodeList.get(el)\n    const oldHandlerIndex = handlers.findIndex(\n      (item) => item.bindingFn === binding.oldValue\n    )\n    const newHandler = {\n      documentHandler: createDocumentHandler(el, binding),\n      bindingFn: binding.value,\n    }\n\n    if (oldHandlerIndex >= 0) {\n      // replace the old handler to the new handler\n      handlers.splice(oldHandlerIndex, 1, newHandler)\n    } else {\n      handlers.push(newHandler)\n    }\n  },\n  unmounted(el: HTMLElement) {\n    // remove all listeners when a component unmounted\n    nodeList.delete(el)\n  },\n}\n\nexport default ClickOutside\n"],"names":[],"mappings":";;;AAmBA,MAAM,+BAA0B;AAEhC,IAAI;AAEJ,IAAI,CAAC,UAAU;AACb,KAAG,UAAU,aAAa,CAAC,MAAmB,aAAa;AAC3D,KAAG,UAAU,WAAW,CAAC,MAAkB;AACzC,eAAW,YAAY,SAAS,UAAU;AACxC,iBAAW,EAAE,qBAAqB,UAAU;AAC1C,wBAAgB,GAAG;AAAA;AAAA;AAAA;AAAA;AAM3B,+BACE,IACA,SACiB;AACjB,MAAI,WAA0B;AAC9B,MAAI,MAAM,QAAQ,QAAQ,MAAM;AAC9B,eAAW,QAAQ;AAAA,aACT,QAAQ,eAA2B,aAAa;AAE1D,aAAS,KAAK,QAAQ;AAAA;AAExB,SAAO,SAAU,SAAS,WAAW;AACnC,UAAM,YACJ,QAAQ,SAGR;AACF,UAAM,gBAAgB,QAAQ;AAC9B,UAAM,kBAAkB,uCAAW;AACnC,UAAM,UAAU,CAAC,WAAW,CAAC,QAAQ;AACrC,UAAM,iBAAiB,CAAC,iBAAiB,CAAC;AAC1C,UAAM,kBACJ,GAAG,SAAS,kBAAkB,GAAG,SAAS;AAC5C,UAAM,SAAS,OAAO;AAEtB,UAAM,mBACH,SAAS,UACR,SAAS,KAAK,CAAC,SAAS,6BAAM,SAAS,mBACxC,SAAS,UAAU,SAAS,SAAS;AACxC,UAAM,sBACJ,wBACW,SAAS,kBAAkB,UAAU,SAAS;AAC3D,QACE,WACA,kBACA,mBACA,UACA,oBACA,qBACA;AACA;AAAA;AAEF,YAAQ,MAAM,SAAS;AAAA;AAAA;MAIrB,eAAgC;AAAA,EACpC,YAAY,IAAiB,SAA2B;AAEtD,QAAI,CAAC,SAAS,IAAI,KAAK;AACrB,eAAS,IAAI,IAAI;AAAA;AAGnB,aAAS,IAAI,IAAI,KAAK;AAAA,MACpB,iBAAiB,sBAAsB,IAAI;AAAA,MAC3C,WAAW,QAAQ;AAAA;AAAA;AAAA,EAGvB,QAAQ,IAAiB,SAA2B;AAClD,QAAI,CAAC,SAAS,IAAI,KAAK;AACrB,eAAS,IAAI,IAAI;AAAA;AAGnB,UAAM,WAAW,SAAS,IAAI;AAC9B,UAAM,kBAAkB,SAAS,UAC/B,CAAC,SAAS,KAAK,cAAc,QAAQ;AAEvC,UAAM,aAAa;AAAA,MACjB,iBAAiB,sBAAsB,IAAI;AAAA,MAC3C,WAAW,QAAQ;AAAA;AAGrB,QAAI,mBAAmB,GAAG;AAExB,eAAS,OAAO,iBAAiB,GAAG;AAAA,WAC/B;AACL,eAAS,KAAK;AAAA;AAAA;AAAA,EAGlB,UAAU,IAAiB;AAEzB,aAAS,OAAO;AAAA;AAAA;;;;"}

package/es/hooks/index.d.ts

@@ -1,18 +1,17 @@
-export { default as useAttrs } from './use-attrs';
-export { default as useEvents } from './use-events';
-export { default as useLockScreen } from './use-lockscreen';
-export { default as useRestoreActive } from './use-restore-active';
-export { default as useModal } from './use-modal';
-export { default as useMigrating } from './use-migrating';
-export { default as useFocus } from './use-focus';
-export { default as useThrottleRender } from './use-throttle-render';
-export { default as usePreventGlobal } from './use-prevent-global';
-export { default as useTeleport } from './use-teleport';
-export { default as useTimeout } from './use-timeout';
+export * from './use-attrs';
+export * from './use-common-props';
+export * from './use-focus';
+export * from './use-form-item';
+export * from './use-global-config';
+export * from './use-locale';
+export * from './use-lockscreen';
+export * from './use-modal';
 export * from './use-model-toggle';
 export * from './use-popper';
-export * from './use-css-var';
-export * from './use-locale';
-export * from './use-form-item';
+export * from './use-prevent-global';
+export * from './use-prop';
+export * from './use-restore-active';
 export * from './use-same-target';
-export * from './use-global-config';
+export * from './use-teleport';
+export * from './use-throttle-render';
+export * from './use-timeout';

package/es/hooks/index.mjs

@@ -1,19 +1,18 @@
-export { default as useAttrs } from './use-attrs/index.mjs';
-export { default as useEvents } from './use-events/index.mjs';
-export { default as useLockScreen } from './use-lockscreen/index.mjs';
-export { default as useRestoreActive } from './use-restore-active/index.mjs';
-export { default as useModal } from './use-modal/index.mjs';
-export { default as useMigrating } from './use-migrating/index.mjs';
-export { default as useFocus } from './use-focus/index.mjs';
-export { default as useThrottleRender } from './use-throttle-render/index.mjs';
-export { default as usePreventGlobal } from './use-prevent-global/index.mjs';
-export { default as useTeleport } from './use-teleport/index.mjs';
-export { default as useTimeout } from './use-timeout/index.mjs';
+export { useAttrs } from './use-attrs/index.mjs';
+export { useDisabled, useSize, useSizeProp } from './use-common-props/index.mjs';
+export { useFocus } from './use-focus/index.mjs';
+export { useFormItem } from './use-form-item/index.mjs';
+export { useGlobalConfig } from './use-global-config/index.mjs';
+export { buildTranslator, localeContextKey, localeProviderMaker, provideLocale, translate, useLocale, useLocaleProps } from './use-locale/index.mjs';
+export { useLockscreen } from './use-lockscreen/index.mjs';
+export { useModal } from './use-modal/index.mjs';
 export { useModelToggle, useModelToggleEmits, useModelToggleProps } from './use-model-toggle/index.mjs';
 export { DARK_EFFECT, LIGHT_EFFECT, usePopperControlProps, usePopperHook, usePopperProps } from './use-popper/index.mjs';
-export { themeVarsKey, useCssVar, useThemeVars } from './use-css-var/index.mjs';
-export { LocaleInjectionKey, localeProviderMaker, useLocale, useLocaleInject, useLocaleProps } from './use-locale/index.mjs';
-export { useFormItem, useFormItemProps } from './use-form-item/index.mjs';
+export { usePreventGlobal } from './use-prevent-global/index.mjs';
+export { useProp } from './use-prop/index.mjs';
+export { useRestoreActive } from './use-restore-active/index.mjs';
 export { useSameTarget } from './use-same-target/index.mjs';
-export { useGlobalConfig } from './use-global-config/index.mjs';
+export { useTeleport } from './use-teleport/index.mjs';
+export { useThrottleRender } from './use-throttle-render/index.mjs';
+export { useTimeout } from './use-timeout/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/es/hooks/use-attrs/index.d.ts

@@ -3,5 +3,5 @@ interface Params {
     excludeListeners?: boolean;
     excludeKeys?: string[];
 }
-declare const _default: (params?: Params) => ComputedRef<Record<string, unknown>>;
-export default _default;
+export declare const useAttrs: (params?: Params) => ComputedRef<Record<string, unknown>>;
+export {};

package/es/hooks/use-attrs/index.mjs

@@ -4,7 +4,7 @@ import { debugWarn } from '../../utils/error.mjs';
 
 const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
 const LISTENER_PREFIX = /^on[A-Z]/;
-var useAttrs = (params = {}) => {
+const useAttrs = (params = {}) => {
   const { excludeListeners = false, excludeKeys = [] } = params;
   const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS);
   const instance = getCurrentInstance();
@@ -18,5 +18,5 @@ var useAttrs = (params = {}) => {
   });
 };
 
-export { useAttrs as default };
+export { useAttrs };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-attrs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-attrs/index.ts"],"sourcesContent":["import { getCurrentInstance, computed } from 'vue'\nimport fromPairs from 'lodash/fromPairs'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { ComputedRef } from 'vue'\n\ninterface Params {\n  excludeListeners?: boolean\n  excludeKeys?: string[]\n}\n\nconst DEFAULT_EXCLUDE_KEYS = ['class', 'style']\nconst LISTENER_PREFIX = /^on[A-Z]/\n\nexport default (params: Params = {}): ComputedRef<Record<string, unknown>> => {\n  const { excludeListeners = false, excludeKeys = [] } = params\n  const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS)\n\n  const instance = getCurrentInstance()\n  if (!instance) {\n    debugWarn(\n      'use-attrs',\n      'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function'\n    )\n    return computed(() => ({}))\n  }\n\n  return computed(() =>\n    fromPairs(\n      Object.entries(instance.proxy?.$attrs!).filter(\n        ([key]) =>\n          !allExcludeKeys.includes(key) &&\n          !(excludeListeners && LISTENER_PREFIX.test(key))\n      )\n    )\n  )\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,uBAAuB,CAAC,SAAS;AACvC,MAAM,kBAAkB;AAExB,eAAe,CAAC,SAAiB,OAA6C;AAC5E,QAAM,EAAE,mBAAmB,OAAO,cAAc,OAAO;AACvD,QAAM,iBAAiB,YAAY,OAAO;AAE1C,QAAM,WAAW;AACjB,MAAI,CAAC,UAAU;AACb,cACE,aACA;AAEF,WAAO,SAAS;AAAO;AAGzB,SAAO,SAAS,MAAG;AA3BrB;AA4BI,qBACE,OAAO,QAAQ,eAAS,UAAT,mBAAgB,QAAS,OACtC,CAAC,CAAC,SACA,CAAC,eAAe,SAAS,QACzB,sBAAsB,gBAAgB,KAAK;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-attrs/index.ts"],"sourcesContent":["import { getCurrentInstance, computed } from 'vue'\nimport fromPairs from 'lodash/fromPairs'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { ComputedRef } from 'vue'\n\ninterface Params {\n  excludeListeners?: boolean\n  excludeKeys?: string[]\n}\n\nconst DEFAULT_EXCLUDE_KEYS = ['class', 'style']\nconst LISTENER_PREFIX = /^on[A-Z]/\n\nexport const useAttrs = (\n  params: Params = {}\n): ComputedRef<Record<string, unknown>> => {\n  const { excludeListeners = false, excludeKeys = [] } = params\n  const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS)\n\n  const instance = getCurrentInstance()\n  if (!instance) {\n    debugWarn(\n      'use-attrs',\n      'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function'\n    )\n    return computed(() => ({}))\n  }\n\n  return computed(() =>\n    fromPairs(\n      Object.entries(instance.proxy?.$attrs!).filter(\n        ([key]) =>\n          !allExcludeKeys.includes(key) &&\n          !(excludeListeners && LISTENER_PREFIX.test(key))\n      )\n    )\n  )\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,uBAAuB,CAAC,SAAS;AACvC,MAAM,kBAAkB;MAEX,WAAW,CACtB,SAAiB,OACwB;AACzC,QAAM,EAAE,mBAAmB,OAAO,cAAc,OAAO;AACvD,QAAM,iBAAiB,YAAY,OAAO;AAE1C,QAAM,WAAW;AACjB,MAAI,CAAC,UAAU;AACb,cACE,aACA;AAEF,WAAO,SAAS;AAAO;AAGzB,SAAO,SAAS,MAAG;AA7BrB;AA8BI,qBACE,OAAO,QAAQ,eAAS,UAAT,mBAAgB,QAAS,OACtC,CAAC,CAAC,SACA,CAAC,eAAe,SAAS,QACzB,sBAAsB,gBAAgB,KAAK;AAAA;AAAA;;;;"}

package/es/hooks/use-common-props/index.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentSize } from 'element-plus/es/utils/types';
+import type { MaybeRef } from '@vueuse/core';
+export declare const useSizeProp: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "large" | "medium" | "mini", never>;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | '' | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => import("vue").ComputedRef<"" | ComponentSize>;
+export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/es/hooks/use-common-props/index.mjs

@@ -0,0 +1,31 @@
+import { ref, inject, computed, unref } from 'vue';
+import { useGlobalConfig as useGlobalConfig$1 } from '../../utils/util.mjs';
+import '../../tokens/index.mjs';
+import { buildProp, componentSize } from '../../utils/props.mjs';
+import '../index.mjs';
+import { useProp } from '../use-prop/index.mjs';
+import { useGlobalConfig } from '../use-global-config/index.mjs';
+import { elFormKey, elFormItemKey } from '../../tokens/form.mjs';
+
+const useSizeProp = buildProp({
+  type: String,
+  values: ["", ...componentSize],
+  default: ""
+});
+const useSize = (fallback, ignore = {}) => {
+  const emptyRef = ref(void 0);
+  const size = ignore.prop ? emptyRef : useProp("size");
+  const globalConfig = ignore.global ? emptyRef : useGlobalConfig("size");
+  const globalConfigLegacy = ignore.global ? { size: void 0 } : useGlobalConfig$1();
+  const form = ignore.form ? { size: void 0 } : inject(elFormKey, void 0);
+  const formItem = ignore.formItem ? { size: void 0 } : inject(elFormItemKey, void 0);
+  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || globalConfigLegacy.size || "");
+};
+const useDisabled = (fallback) => {
+  const disabled = useProp("disabled");
+  const form = inject(elFormKey, void 0);
+  return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
+};
+
+export { useDisabled, useSize, useSizeProp };
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-common-props/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-common-props/index.ts"],"sourcesContent":["import { ref, unref, inject, computed } from 'vue'\nimport { useGlobalConfig as useGlobalConfigLegacy } from '@element-plus/utils/util'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport { buildProp, componentSize } from '@element-plus/utils/props'\nimport { useProp, useGlobalConfig } from '..'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport const useSizeProp = buildProp({\n  type: String,\n  values: ['', ...componentSize],\n  default: '',\n} as const)\n\nexport const useSize = (\n  fallback?: MaybeRef<ComponentSize | '' | undefined>,\n  ignore: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>> = {}\n) => {\n  const emptyRef = ref(undefined)\n\n  const size = ignore.prop ? emptyRef : useProp<ComponentSize>('size')\n  const globalConfig = ignore.global ? emptyRef : useGlobalConfig('size')\n  const globalConfigLegacy = ignore.global\n    ? { size: undefined }\n    : useGlobalConfigLegacy()\n  const form = ignore.form ? { size: undefined } : inject(elFormKey, undefined)\n  const formItem = ignore.formItem\n    ? { size: undefined }\n    : inject(elFormItemKey, undefined)\n\n  return computed(\n    () =>\n      size.value ||\n      unref(fallback) ||\n      formItem?.size ||\n      form?.size ||\n      globalConfig.value ||\n      globalConfigLegacy.size ||\n      ''\n  )\n}\n\nexport const useDisabled = (fallback?: MaybeRef<boolean | undefined>) => {\n  const disabled = useProp<boolean>('disabled')\n  const form = inject(elFormKey, undefined)\n  return computed(\n    () => disabled.value || unref(fallback) || form?.disabled || false\n  )\n}\n"],"names":["useGlobalConfigLegacy"],"mappings":";;;;;;;;;MAQa,cAAc,UAAU;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ,CAAC,IAAI,GAAG;AAAA,EAChB,SAAS;AAAA;MAGE,UAAU,CACrB,UACA,SAA4E,OACzE;AACH,QAAM,WAAW,IAAI;AAErB,QAAM,OAAO,OAAO,OAAO,WAAW,QAAuB;AAC7D,QAAM,eAAe,OAAO,SAAS,WAAW,gBAAgB;AAChE,QAAM,qBAAqB,OAAO,SAC9B,EAAE,MAAM,WACRA;AACJ,QAAM,OAAO,OAAO,OAAO,EAAE,MAAM,WAAc,OAAO,WAAW;AACnE,QAAM,WAAW,OAAO,WACpB,EAAE,MAAM,WACR,OAAO,eAAe;AAE1B,SAAO,SACL,MACE,KAAK,SACL,MAAM,mDACI,uCACJ,SACN,aAAa,SACb,mBAAmB,QACnB;AAAA;MAIO,cAAc,CAAC,aAA6C;AACvE,QAAM,WAAW,QAAiB;AAClC,QAAM,OAAO,OAAO,WAAW;AAC/B,SAAO,SACL,MAAM,SAAS,SAAS,MAAM,2CAAmB,aAAY;AAAA;;;;"}

package/es/hooks/use-focus/index.d.ts

@@ -1,5 +1,4 @@
 import type { Ref } from 'vue';
-declare const _default: (el: Ref<HTMLElement>) => {
+export declare const useFocus: (el: Ref<HTMLElement>) => {
     focus: () => void;
 };
-export default _default;

package/es/hooks/use-focus/index.mjs

@@ -1,4 +1,4 @@
-var useFocus = (el) => {
+const useFocus = (el) => {
   return {
     focus: () => {
       var _a, _b;
@@ -7,5 +7,5 @@ var useFocus = (el) => {
   };
 };
 
-export { useFocus as default };
+export { useFocus };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-focus/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-focus/index.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport default (el: Ref<HTMLElement>) => {\n  return {\n    focus: () => {\n      el.value?.focus?.()\n    },\n  }\n}\n"],"names":[],"mappings":"AAEA,eAAe,CAAC,OAAyB;AACvC,SAAO;AAAA,IACL,OAAO,MAAM;AAJjB;AAKM,qBAAG,UAAH,mBAAU,UAAV;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-focus/index.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport const useFocus = (el: Ref<HTMLElement>) => {\n  return {\n    focus: () => {\n      el.value?.focus?.()\n    },\n  }\n}\n"],"names":[],"mappings":"MAEa,WAAW,CAAC,OAAyB;AAChD,SAAO;AAAA,IACL,OAAO,MAAM;AAJjB;AAKM,qBAAG,UAAH,mBAAU,UAAV;AAAA;AAAA;AAAA;;;;"}

package/es/hooks/use-form-item/index.d.ts

@@ -1,15 +1,4 @@
-import type { ExtractPropTypes } from 'vue';
-import type { MaybeRef } from '@vueuse/core';
-export declare const useFormItemProps: {
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
-    readonly disabled: BooleanConstructor;
-};
-export declare type UseFormItemProps = ExtractPropTypes<typeof useFormItemProps>;
-export declare type LocalFallbacks = {
-    size?: MaybeRef<UseFormItemProps['size'] | undefined>;
-    disabled?: MaybeRef<UseFormItemProps['disabled'] | undefined>;
-};
-export declare const useFormItem: ({ size, disabled }: LocalFallbacks) => {
-    size: import("vue").ComputedRef<any>;
-    disabled: import("vue").ComputedRef<boolean>;
+export declare const useFormItem: () => {
+    form: import("element-plus/es/tokens").ElFormContext | undefined;
+    formItem: import("element-plus/es/tokens").ElFormItemContext | undefined;
 };

package/es/hooks/use-form-item/index.mjs

@@ -1,34 +1,15 @@
-import { getCurrentInstance, inject, computed, unref } from 'vue';
+import { inject } from 'vue';
 import '../../tokens/index.mjs';
-import { buildProps } from '../../utils/props.mjs';
-import { useGlobalConfig } from '../../utils/util.mjs';
 import { elFormKey, elFormItemKey } from '../../tokens/form.mjs';
 
-const sizes = ["", "large", "medium", "small", "mini"];
-const useFormItemProps = buildProps({
-  size: {
-    type: String,
-    values: sizes,
-    default: ""
-  },
-  disabled: Boolean
-});
-const useFormItem = ({ size, disabled }) => {
-  var _a;
-  const vm = getCurrentInstance();
-  const $ELEMENT = useGlobalConfig();
-  const props = (_a = vm.proxy) == null ? void 0 : _a.$props;
+const useFormItem = () => {
   const form = inject(elFormKey, void 0);
   const formItem = inject(elFormItemKey, void 0);
   return {
-    size: computed(() => {
-      return props.size || unref(size) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || $ELEMENT.size || "";
-    }),
-    disabled: computed(() => {
-      return props.disabled === true || unref(disabled) || (form == null ? void 0 : form.disabled) || false;
-    })
+    form,
+    formItem
   };
 };
 
-export { useFormItem, useFormItemProps };
+export { useFormItem };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-form-item/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject, computed, getCurrentInstance, unref } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { buildProps } from '@element-plus/utils/props'\nimport { useGlobalConfig } from '@element-plus/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nconst sizes = ['', 'large', 'medium', 'small', 'mini'] as const\n\nexport const useFormItemProps = buildProps({\n  size: {\n    type: String,\n    values: sizes,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport type UseFormItemProps = ExtractPropTypes<typeof useFormItemProps>\n\nexport type LocalFallbacks = {\n  size?: MaybeRef<UseFormItemProps['size'] | undefined>\n  disabled?: MaybeRef<UseFormItemProps['disabled'] | undefined>\n}\n\nexport const useFormItem = ({ size, disabled }: LocalFallbacks) => {\n  const vm = getCurrentInstance()!\n  const $ELEMENT = useGlobalConfig()\n\n  // vm.props is not reactive so we use the reactive one here.\n  const props = vm.proxy?.$props as UseFormItemProps\n  const form = inject(elFormKey, undefined)\n  const formItem = inject(elFormItemKey, undefined)\n\n  return {\n    size: computed(() => {\n      // TODO, fallback to default size like 'medium/large' instead of empty string\n      return (\n        props.size ||\n        unref(size) ||\n        formItem?.size ||\n        form?.size ||\n        $ELEMENT.size ||\n        ''\n      )\n    }),\n    disabled: computed(() => {\n      return (\n        props.disabled === true || unref(disabled) || form?.disabled || false\n      )\n    }),\n  }\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,QAAQ,CAAC,IAAI,SAAS,UAAU,SAAS;MAElC,mBAAmB,WAAW;AAAA,EACzC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;MAUC,cAAc,CAAC,EAAE,MAAM,eAA+B;AA1BnE;AA2BE,QAAM,KAAK;AACX,QAAM,WAAW;AAGjB,QAAM,QAAQ,SAAG,UAAH,mBAAU;AACxB,QAAM,OAAO,OAAO,WAAW;AAC/B,QAAM,WAAW,OAAO,eAAe;AAEvC,SAAO;AAAA,IACL,MAAM,SAAS,MAAM;AAEnB,aACE,MAAM,QACN,MAAM,+CACI,uCACJ,SACN,SAAS,QACT;AAAA;AAAA,IAGJ,UAAU,SAAS,MAAM;AACvB,aACE,MAAM,aAAa,QAAQ,MAAM,2CAAmB,aAAY;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nexport const useFormItem = () => {\n  const form = inject(elFormKey, undefined)\n  const formItem = inject(elFormItemKey, undefined)\n  return {\n    form,\n    formItem,\n  }\n}\n"],"names":[],"mappings":";;;;MAGa,cAAc,MAAM;AAC/B,QAAM,OAAO,OAAO,WAAW;AAC/B,QAAM,WAAW,OAAO,eAAe;AACvC,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;;;;"}

package/es/hooks/use-global-config/index.d.ts

@@ -1 +1,4 @@
-export declare const useGlobalConfig: () => any;
+import type { Ref } from 'vue';
+import type { ConfigProviderContext } from 'element-plus/es/tokens';
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext>(key: K): Ref<ConfigProviderContext[K]>;
+export declare function useGlobalConfig(): ConfigProviderContext;

package/es/hooks/use-global-config/index.mjs

@@ -1,15 +1,15 @@
-import { inject } from 'vue';
+import { inject, toRef } from 'vue';
 import '../../tokens/index.mjs';
 import { configProviderContextKey } from '../../tokens/config-provider.mjs';
 
-const defaultConfig = {
-  button: {
-    autoInsertSpace: true
+function useGlobalConfig(key) {
+  const config = inject(configProviderContextKey, {});
+  if (key) {
+    return toRef(config, key);
+  } else {
+    return config;
   }
-};
-const useGlobalConfig = () => {
-  return inject(configProviderContextKey, defaultConfig);
-};
+}
 
 export { useGlobalConfig };
 //# sourceMappingURL=index.mjs.map

package/es/hooks/use-global-config/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { configProviderContextKey } from '@element-plus/tokens'\nimport type { ConfigProvdierContext } from '@element-plus/tokens'\n\nconst defaultConfig: ConfigProvdierContext = {\n  button: {\n    autoInsertSpace: true,\n  },\n}\n\nexport const useGlobalConfig = () => {\n  return inject(configProviderContextKey, defaultConfig)\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,gBAAuC;AAAA,EAC3C,QAAQ;AAAA,IACN,iBAAiB;AAAA;AAAA;MAIR,kBAAkB,MAAM;AACnC,SAAO,OAAO,0BAA0B;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject, toRef } from 'vue'\nimport { configProviderContextKey } from '@element-plus/tokens'\nimport type { Ref } from 'vue'\nimport type { ConfigProviderContext } from '@element-plus/tokens'\n\nexport function useGlobalConfig<K extends keyof ConfigProviderContext>(\n  key: K\n): Ref<ConfigProviderContext[K]>\nexport function useGlobalConfig(): ConfigProviderContext\nexport function useGlobalConfig(key?: keyof ConfigProviderContext) {\n  const config = inject(configProviderContextKey, {})\n  if (key) {\n    return toRef(config, key)\n  } else {\n    return config\n  }\n}\n"],"names":[],"mappings":";;;;yBASgC,KAAmC;AACjE,QAAM,SAAS,OAAO,0BAA0B;AAChD,MAAI,KAAK;AACP,WAAO,MAAM,QAAQ;AAAA,SAChB;AACL,WAAO;AAAA;AAAA;;;;"}

package/es/hooks/use-locale/index.d.ts

@@ -1,16 +1,20 @@
+import type { MaybeRef } from '@vueuse/core';
 import type { InjectionKey, Ref } from 'vue';
 import type { Language } from 'element-plus/es/locale';
-export declare const useLocaleProps: {
-    locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Language>, never, false, never, never>;
-};
-declare type Translator = (...args: any[]) => string;
+export declare type TranslatorOption = Record<string, string | number>;
+export declare type Translator = (path: string, option?: TranslatorOption) => string;
 export declare type LocaleContext = {
     locale: Ref<Language>;
     lang: Ref<string>;
     t: Translator;
 };
-export declare const LocaleInjectionKey: InjectionKey<LocaleContext>;
-export declare const useLocale: () => void;
+export declare const useLocaleProps: {
+    locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Language>, unknown, unknown, unknown, unknown>;
+};
+export declare const localeContextKey: InjectionKey<LocaleContext>;
+export declare const provideLocale: () => void;
+export declare const buildTranslator: (locale: MaybeRef<Language>) => Translator;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
 export declare const localeProviderMaker: (locale?: {
     name: string;
     el: {
@@ -256,7 +260,6 @@ export declare const localeProviderMaker: (locale?: {
             };
         };
     }>;
-    t: (...args: any[]) => string | undefined;
+    t: Translator;
 };
-export declare const useLocaleInject: () => LocaleContext;
-export {};
+export declare const useLocale: () => LocaleContext;

package/es/hooks/use-locale/index.mjs

@@ -1,76 +1,46 @@
-import { getCurrentInstance, computed, provide, ref, inject } from 'vue';
-import defaultLang from '../../locale/lang/en.mjs';
-import { buildProp, definePropType } from '../../utils/props.mjs';
+import { getCurrentInstance, computed, provide, unref, ref, inject } from 'vue';
+import get from 'lodash/get';
+import English from '../../locale/lang/en.mjs';
+import { buildProps, definePropType } from '../../utils/props.mjs';
 
-const useLocaleProps = {
-  locale: buildProp({
+const useLocaleProps = buildProps({
+  locale: {
     type: definePropType(Object)
-  })
-};
-const LocaleInjectionKey = "ElLocaleInjection";
-let localeObjCache;
-function translate(path, option, current) {
-  const paths = path.split(".");
-  let value;
-  for (let i = 0, j = paths.length; i < j; i++) {
-    const property = paths[i];
-    value = current[property];
-    if (i === j - 1)
-      return template(value, option);
-    if (!value)
-      return "";
-    current = value;
   }
-}
-const useLocale = () => {
+});
+const localeContextKey = Symbol("localeContextKey");
+let cache;
+const provideLocale = () => {
   const vm = getCurrentInstance();
   const props = vm.props;
-  const locale = computed(() => props.locale || defaultLang);
+  const locale = computed(() => props.locale || English);
   const lang = computed(() => locale.value.name);
-  const _translator = (...args) => {
-    const [path, option] = args;
-    return translate(path, option, locale.value);
-  };
-  const t = (...args) => {
-    return _translator(...args);
-  };
+  const t = buildTranslator(locale);
   const provides = {
     locale,
     lang,
     t
   };
-  localeObjCache = provides;
-  provide(LocaleInjectionKey, provides);
+  cache = provides;
+  provide(localeContextKey, provides);
 };
-function template(str, option) {
-  if (!str || !option)
-    return str;
-  return str.replace(/\{(\w+)\}/g, (_, key) => {
-    return option[key];
-  });
-}
-const localeProviderMaker = (locale = defaultLang) => {
+const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
+const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+  var _a;
+  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+});
+const localeProviderMaker = (locale = English) => {
   const lang = ref(locale.name);
   const localeRef = ref(locale);
   return {
     lang,
     locale: localeRef,
-    t: (...args) => {
-      const [path, option] = args;
-      return translate(path, option, localeRef.value);
-    }
+    t: buildTranslator(localeRef)
   };
 };
-const useLocaleInject = () => {
-  return inject(LocaleInjectionKey, localeObjCache || {
-    lang: ref(defaultLang.name),
-    locale: ref(defaultLang),
-    t: (...args) => {
-      const [path, option] = args;
-      return translate(path, option, defaultLang);
-    }
-  });
+const useLocale = () => {
+  return inject(localeContextKey, cache || localeProviderMaker(English));
 };
 
-export { LocaleInjectionKey, localeProviderMaker, useLocale, useLocaleInject, useLocaleProps };
+export { buildTranslator, localeContextKey, localeProviderMaker, provideLocale, translate, useLocale, useLocaleProps };
 //# sourceMappingURL=index.mjs.map