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

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

@@ -68,11 +68,11 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     readonly total?: unknown;
     readonly itemSize?: unknown;
 } & {
-    total: number;
     data: any[];
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    total: number;
     className: string;
     scrollbarAlwaysOn: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/scrollbar.d.ts

@@ -15,10 +15,10 @@ declare const ScrollBar: import("vue").DefineComponent<{
     readonly scrollFrom?: unknown;
     readonly visible?: unknown;
 } & {
-    total: number;
     visible: boolean;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     ratio: number;
+    total: number;
     clientSize: number;
     scrollFrom: number;
 } & {}> & {

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/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-attrs';
+export * from './use-common-props';
 export * from './use-focus';
 export * from './use-form-item';
 export * from './use-global-config';
@@ -8,6 +9,7 @@ export * from './use-modal';
 export * from './use-model-toggle';
 export * from './use-popper';
 export * from './use-prevent-global';
+export * from './use-prop';
 export * from './use-restore-active';
 export * from './use-same-target';
 export * from './use-teleport';

package/es/hooks/index.mjs

@@ -1,6 +1,7 @@
 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, useFormItemProps } from './use-form-item/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';
@@ -8,6 +9,7 @@ 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 { 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 { useTeleport } from './use-teleport/index.mjs';

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-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-form-item/index.d.ts

@@ -1,17 +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" | "large" | "medium" | "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,36 +1,15 @@
-import { getCurrentInstance, inject, computed, unref } from 'vue';
+import { inject } from 'vue';
 import '../../tokens/index.mjs';
-import { componentSize, buildProps } from '../../utils/props.mjs';
-import { useGlobalConfig } from '../../utils/util.mjs';
 import { elFormKey, elFormItemKey } from '../../tokens/form.mjs';
 
-const sizes = ["", ...componentSize];
-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, componentSize } 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 = ['', ...componentSize] as const\n\nexport const useFormItemProps = buildProps({\n  size: {\n    type: String,\n    values: sizes,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\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  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    form,\n    formItem,\n  }\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,QAAQ,CAAC,IAAI,GAAG;MAET,mBAAmB,WAAW;AAAA,EACzC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;MASC,cAAc,CAAC,EAAE,MAAM,aAA6B,OAAO;AAzBxE;AA0BE,QAAM,KAAK;AACX,QAAM,WAAW;AAEjB,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,IAGpE;AAAA,IACA;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: () => ConfigProvdierContext;
+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,13 +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: false
+function useGlobalConfig(key) {
+  const config = inject(configProviderContextKey, {});
+  if (key) {
+    return toRef(config, key);
+  } else {
+    return config;
   }
-};
-const useGlobalConfig = () => 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: false,\n  },\n}\n\nexport const useGlobalConfig = () =>\n  inject(configProviderContextKey, defaultConfig)\n"],"names":[],"mappings":";;;;AAIA,MAAM,gBAAuC;AAAA,EAC3C,QAAQ;AAAA,IACN,iBAAiB;AAAA;AAAA;MAIR,kBAAkB,MAC7B,OAAO,0BAA0B;;;;"}
+{"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,19 +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>, unknown, unknown, unknown, unknown>;
-};
-export declare type Translator = (path: string) => 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 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, locale: Language) => string;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
 export declare const localeProviderMaker: (locale?: {
     name: string;
     el: {

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

@@ -1,6 +1,6 @@
 import { getCurrentInstance, computed, provide, unref, ref, inject } from 'vue';
 import get from 'lodash/get';
-import defaultLang from '../../locale/lang/en.mjs';
+import English from '../../locale/lang/en.mjs';
 import { buildProps, definePropType } from '../../utils/props.mjs';
 
 const useLocaleProps = buildProps({
@@ -9,11 +9,11 @@ const useLocaleProps = buildProps({
   }
 });
 const localeContextKey = Symbol("localeContextKey");
-let localeContextCache;
+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 t = buildTranslator(locale);
   const provides = {
@@ -21,12 +21,15 @@ const provideLocale = () => {
     lang,
     t
   };
-  localeContextCache = provides;
+  cache = provides;
   provide(localeContextKey, provides);
 };
-const buildTranslator = (locale) => (path) => translate(path, unref(locale));
-const translate = (path, locale) => get(locale, path, "");
-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 {
@@ -36,7 +39,7 @@ const localeProviderMaker = (locale = defaultLang) => {
   };
 };
 const useLocale = () => {
-  return inject(localeContextKey, localeContextCache || localeProviderMaker(defaultLang));
+  return inject(localeContextKey, cache || localeProviderMaker(English));
 };
 
 export { buildTranslator, localeContextKey, localeProviderMaker, provideLocale, translate, useLocale, useLocaleProps };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport get from 'lodash/get'\nimport English from '@element-plus/locale/lang/en'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { InjectionKey, Ref } from 'vue'\nimport type { Language } from '@element-plus/locale'\n\nexport const useLocaleProps = buildProps({\n  locale: {\n    type: definePropType<Language>(Object),\n  },\n})\n\nexport type Translator = (path: string) => string\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const localeContextKey: InjectionKey<LocaleContext> =\n  Symbol('localeContextKey')\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nlet localeContextCache: LocaleContext\n\nexport const provideLocale = () => {\n  const vm = getCurrentInstance()!\n  const props = vm.props as {\n    locale: Language\n  }\n  const locale = computed(() => props.locale || English)\n  const lang = computed(() => locale.value.name)\n\n  const t = buildTranslator(locale)\n  const provides: LocaleContext = {\n    locale,\n    lang,\n    t,\n  }\n\n  // this could be broken if someone tries to do following:\n\n  /**\n   * <config-provider :locale=\"lang1\">\n   *   <config-provider :locale=\"lang2\">\n   *     Something calls modal component.\n   *   </config-provider>\n   * </config-provider>\n   */\n  localeContextCache = provides\n  provide(localeContextKey, provides)\n}\n\nexport const buildTranslator =\n  (locale: MaybeRef<Language>): Translator =>\n  (path) =>\n    translate(path, unref(locale))\n\nexport const translate = (path: string, locale: Language): string =>\n  get(locale, path, '')\n\nexport const localeProviderMaker = (locale = English) => {\n  const lang = ref(locale.name)\n  const localeRef = ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(localeRef),\n  }\n}\n\nexport const useLocale = () => {\n  return inject(\n    localeContextKey,\n    localeContextCache || localeProviderMaker(English)\n  )\n}\n"],"names":["English"],"mappings":";;;;;MAQa,iBAAiB,WAAW;AAAA,EACvC,QAAQ;AAAA,IACN,MAAM,eAAyB;AAAA;AAAA;MAWtB,mBACX,OAAO;AAKT,IAAI;MAES,gBAAgB,MAAM;AACjC,QAAM,KAAK;AACX,QAAM,QAAQ,GAAG;AAGjB,QAAM,SAAS,SAAS,MAAM,MAAM,UAAUA;AAC9C,QAAM,OAAO,SAAS,MAAM,OAAO,MAAM;AAEzC,QAAM,IAAI,gBAAgB;AAC1B,QAAM,WAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA;AAYF,uBAAqB;AACrB,UAAQ,kBAAkB;AAAA;MAGf,kBACX,CAAC,WACD,CAAC,SACC,UAAU,MAAM,MAAM;MAEb,YAAY,CAAC,MAAc,WACtC,IAAI,QAAQ,MAAM;MAEP,sBAAsB,CAAC,SAASA,gBAAY;AACvD,QAAM,OAAO,IAAI,OAAO;AACxB,QAAM,YAAY,IAAI;AACtB,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,GAAG,gBAAgB;AAAA;AAAA;MAIV,YAAY,MAAM;AAC7B,SAAO,OACL,kBACA,sBAAsB,oBAAoBA;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport get from 'lodash/get'\nimport English from '@element-plus/locale/lang/en'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { InjectionKey, Ref } from 'vue'\nimport type { Language } from '@element-plus/locale'\n\nexport type TranslatorOption = Record<string, string | number>\nexport type Translator = (path: string, option?: TranslatorOption) => string\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const useLocaleProps = buildProps({\n  locale: {\n    type: definePropType<Language>(Object),\n  },\n})\n\nexport const localeContextKey: InjectionKey<LocaleContext> =\n  Symbol('localeContextKey')\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nlet cache: LocaleContext\n\nexport const provideLocale = () => {\n  const vm = getCurrentInstance()!\n  const props = vm.props as {\n    locale: Language\n  }\n  const locale = computed(() => props.locale || English)\n  const lang = computed(() => locale.value.name)\n\n  const t = buildTranslator(locale)\n  const provides: LocaleContext = {\n    locale,\n    lang,\n    t,\n  }\n\n  // this could be broken if someone tries to do following:\n\n  /**\n   * <config-provider :locale=\"lang1\">\n   *   <config-provider :locale=\"lang2\">\n   *     Something calls modal component.\n   *   </config-provider>\n   * </config-provider>\n   */\n  cache = provides\n  provide(localeContextKey, provides)\n}\n\nexport const buildTranslator =\n  (locale: MaybeRef<Language>): Translator =>\n  (path, option) =>\n    translate(path, option, unref(locale))\n\nexport const translate = (\n  path: string,\n  option: undefined | TranslatorOption,\n  locale: Language\n): string =>\n  (get(locale, path, path) as string).replace(\n    /\\{(\\w+)\\}/g,\n    (_, key) => `${option?.[key] ?? `{${key}}`}`\n  )\n\nexport const localeProviderMaker = (locale = English) => {\n  const lang = ref(locale.name)\n  const localeRef = ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(localeRef),\n  }\n}\n\nexport const useLocale = () => {\n  return inject(localeContextKey, cache || localeProviderMaker(English))\n}\n"],"names":[],"mappings":";;;;;MAgBa,iBAAiB,WAAW;AAAA,EACvC,QAAQ;AAAA,IACN,MAAM,eAAyB;AAAA;AAAA;MAItB,mBACX,OAAO;AAKT,IAAI;MAES,gBAAgB,MAAM;AACjC,QAAM,KAAK;AACX,QAAM,QAAQ,GAAG;AAGjB,QAAM,SAAS,SAAS,MAAM,MAAM,UAAU;AAC9C,QAAM,OAAO,SAAS,MAAM,OAAO,MAAM;AAEzC,QAAM,IAAI,gBAAgB;AAC1B,QAAM,WAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA;AAYF,UAAQ;AACR,UAAQ,kBAAkB;AAAA;MAGf,kBACX,CAAC,WACD,CAAC,MAAM,WACL,UAAU,MAAM,QAAQ,MAAM;MAErB,YAAY,CACvB,MACA,QACA,WAEC,IAAI,QAAQ,MAAM,MAAiB,QAClC,cACA,CAAC,GAAG,QAAK;AAtEb;AAsEgB,YAAG,uCAAS,SAAT,YAAiB,IAAI;AAAA;MAG3B,sBAAsB,CAAC,SAAS,YAAY;AACvD,QAAM,OAAO,IAAI,OAAO;AACxB,QAAM,YAAY,IAAI;AACtB,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,GAAG,gBAAgB;AAAA;AAAA;MAIV,YAAY,MAAM;AAC7B,SAAO,OAAO,kBAAkB,SAAS,oBAAoB;AAAA;;;;"}

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

@@ -1,12 +1,16 @@
 import { isRef, watch, onScopeDispose } from 'vue';
 import scrollbarWidth from '../../utils/scrollbar-width.mjs';
 import { throwError } from '../../utils/error.mjs';
-import { removeClass, hasClass, getStyle, addClass } from '../../utils/dom.mjs';
+import { hasClass, removeClass, getStyle, addClass } from '../../utils/dom.mjs';
+import isServer from '../../utils/isServer.mjs';
 
 const useLockscreen = (trigger) => {
   if (!isRef(trigger)) {
     throwError("[useLockscreen]", "You need to pass a ref param to this function");
   }
+  if (isServer || hasClass(document.body, "el-popup-parent--hidden")) {
+    return;
+  }
   let scrollBarWidth = 0;
   let withoutHiddenClass = false;
   let bodyPaddingRight = "0";

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-lockscreen/index.ts"],"sourcesContent":["import { watch, isRef, onScopeDispose } from 'vue'\n\nimport getScrollBarWidth from '@element-plus/utils/scrollbar-width'\nimport { throwError } from '@element-plus/utils/error'\nimport {\n  addClass,\n  removeClass,\n  hasClass,\n  getStyle,\n} from '@element-plus/utils/dom'\n\nimport type { Ref } from 'vue'\n\n/**\n * Hook that monitoring the ref value to lock or unlock the screen.\n * When the trigger became true, it assumes modal is now opened and vice versa.\n * @param trigger {Ref<boolean>}\n */\nexport const useLockscreen = (trigger: Ref<boolean>) => {\n  if (!isRef(trigger)) {\n    throwError(\n      '[useLockscreen]',\n      'You need to pass a ref param to this function'\n    )\n  }\n  let scrollBarWidth = 0\n  let withoutHiddenClass = false\n  let bodyPaddingRight = '0'\n  let computedBodyPaddingRight = 0\n\n  const cleanup = () => {\n    removeClass(document.body, 'el-popup-parent--hidden')\n    if (withoutHiddenClass) {\n      document.body.style.paddingRight = bodyPaddingRight\n    }\n  }\n  watch(trigger, (val) => {\n    if (!val) {\n      cleanup()\n      return\n    }\n\n    withoutHiddenClass = !hasClass(document.body, 'el-popup-parent--hidden')\n    if (withoutHiddenClass) {\n      bodyPaddingRight = document.body.style.paddingRight\n      computedBodyPaddingRight = parseInt(\n        getStyle(document.body, 'paddingRight'),\n        10\n      )\n    }\n    scrollBarWidth = getScrollBarWidth()\n    const bodyHasOverflow =\n      document.documentElement.clientHeight < document.body.scrollHeight\n    const bodyOverflowY = getStyle(document.body, 'overflowY')\n    if (\n      scrollBarWidth > 0 &&\n      (bodyHasOverflow || bodyOverflowY === 'scroll') &&\n      withoutHiddenClass\n    ) {\n      document.body.style.paddingRight = `${\n        computedBodyPaddingRight + scrollBarWidth\n      }px`\n    }\n    addClass(document.body, 'el-popup-parent--hidden')\n  })\n  onScopeDispose(() => cleanup())\n}\n"],"names":["getScrollBarWidth"],"mappings":";;;;;MAkBa,gBAAgB,CAAC,YAA0B;AACtD,MAAI,CAAC,MAAM,UAAU;AACnB,eACE,mBACA;AAAA;AAGJ,MAAI,iBAAiB;AACrB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AACvB,MAAI,2BAA2B;AAE/B,QAAM,UAAU,MAAM;AACpB,gBAAY,SAAS,MAAM;AAC3B,QAAI,oBAAoB;AACtB,eAAS,KAAK,MAAM,eAAe;AAAA;AAAA;AAGvC,QAAM,SAAS,CAAC,QAAQ;AACtB,QAAI,CAAC,KAAK;AACR;AACA;AAAA;AAGF,yBAAqB,CAAC,SAAS,SAAS,MAAM;AAC9C,QAAI,oBAAoB;AACtB,yBAAmB,SAAS,KAAK,MAAM;AACvC,iCAA2B,SACzB,SAAS,SAAS,MAAM,iBACxB;AAAA;AAGJ,qBAAiBA;AACjB,UAAM,kBACJ,SAAS,gBAAgB,eAAe,SAAS,KAAK;AACxD,UAAM,gBAAgB,SAAS,SAAS,MAAM;AAC9C,QACE,iBAAiB,yBACG,kBAAkB,aACtC,oBACA;AACA,eAAS,KAAK,MAAM,eAAe,GACjC,2BAA2B;AAAA;AAG/B,aAAS,SAAS,MAAM;AAAA;AAE1B,iBAAe,MAAM;AAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-lockscreen/index.ts"],"sourcesContent":["import { watch, isRef, onScopeDispose } from 'vue'\n\nimport getScrollBarWidth from '@element-plus/utils/scrollbar-width'\nimport { throwError } from '@element-plus/utils/error'\nimport {\n  addClass,\n  removeClass,\n  hasClass,\n  getStyle,\n} from '@element-plus/utils/dom'\nimport isServer from '@element-plus/utils/isServer'\n\nimport type { Ref } from 'vue'\n\n/**\n * Hook that monitoring the ref value to lock or unlock the screen.\n * When the trigger became true, it assumes modal is now opened and vice versa.\n * @param trigger {Ref<boolean>}\n */\nexport const useLockscreen = (trigger: Ref<boolean>) => {\n  if (!isRef(trigger)) {\n    throwError(\n      '[useLockscreen]',\n      'You need to pass a ref param to this function'\n    )\n  }\n  if (isServer || hasClass(document.body, 'el-popup-parent--hidden')) {\n    return\n  }\n\n  let scrollBarWidth = 0\n  let withoutHiddenClass = false\n  let bodyPaddingRight = '0'\n  let computedBodyPaddingRight = 0\n\n  const cleanup = () => {\n    removeClass(document.body, 'el-popup-parent--hidden')\n    if (withoutHiddenClass) {\n      document.body.style.paddingRight = bodyPaddingRight\n    }\n  }\n  watch(trigger, (val) => {\n    if (!val) {\n      cleanup()\n      return\n    }\n\n    withoutHiddenClass = !hasClass(document.body, 'el-popup-parent--hidden')\n    if (withoutHiddenClass) {\n      bodyPaddingRight = document.body.style.paddingRight\n      computedBodyPaddingRight = parseInt(\n        getStyle(document.body, 'paddingRight'),\n        10\n      )\n    }\n    scrollBarWidth = getScrollBarWidth()\n    const bodyHasOverflow =\n      document.documentElement.clientHeight < document.body.scrollHeight\n    const bodyOverflowY = getStyle(document.body, 'overflowY')\n    if (\n      scrollBarWidth > 0 &&\n      (bodyHasOverflow || bodyOverflowY === 'scroll') &&\n      withoutHiddenClass\n    ) {\n      document.body.style.paddingRight = `${\n        computedBodyPaddingRight + scrollBarWidth\n      }px`\n    }\n    addClass(document.body, 'el-popup-parent--hidden')\n  })\n  onScopeDispose(() => cleanup())\n}\n"],"names":["getScrollBarWidth"],"mappings":";;;;;;MAmBa,gBAAgB,CAAC,YAA0B;AACtD,MAAI,CAAC,MAAM,UAAU;AACnB,eACE,mBACA;AAAA;AAGJ,MAAI,YAAY,SAAS,SAAS,MAAM,4BAA4B;AAClE;AAAA;AAGF,MAAI,iBAAiB;AACrB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AACvB,MAAI,2BAA2B;AAE/B,QAAM,UAAU,MAAM;AACpB,gBAAY,SAAS,MAAM;AAC3B,QAAI,oBAAoB;AACtB,eAAS,KAAK,MAAM,eAAe;AAAA;AAAA;AAGvC,QAAM,SAAS,CAAC,QAAQ;AACtB,QAAI,CAAC,KAAK;AACR;AACA;AAAA;AAGF,yBAAqB,CAAC,SAAS,SAAS,MAAM;AAC9C,QAAI,oBAAoB;AACtB,yBAAmB,SAAS,KAAK,MAAM;AACvC,iCAA2B,SACzB,SAAS,SAAS,MAAM,iBACxB;AAAA;AAGJ,qBAAiBA;AACjB,UAAM,kBACJ,SAAS,gBAAgB,eAAe,SAAS,KAAK;AACxD,UAAM,gBAAgB,SAAS,SAAS,MAAM;AAC9C,QACE,iBAAiB,yBACG,kBAAkB,aACtC,oBACA;AACA,eAAS,KAAK,MAAM,eAAe,GACjC,2BAA2B;AAAA;AAG/B,aAAS,SAAS,MAAM;AAAA;AAE1B,iBAAe,MAAM;AAAA;;;;"}

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

@@ -0,0 +1,2 @@
+import type { ComputedRef } from 'vue';
+export declare const useProp: <T>(name: string) => ComputedRef<T | undefined>;

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

@@ -0,0 +1,12 @@
+import { getCurrentInstance, computed } from 'vue';
+
+const useProp = (name) => {
+  const vm = getCurrentInstance();
+  return computed(() => {
+    var _a, _b;
+    return (_b = (_a = vm.proxy) == null ? void 0 : _a.$props[name]) != null ? _b : void 0;
+  });
+};
+
+export { useProp };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-prop/index.ts"],"sourcesContent":["import { getCurrentInstance, computed } from 'vue'\nimport type { ComputedRef } from 'vue'\n\nexport const useProp = <T>(name: string): ComputedRef<T | undefined> => {\n  const vm = getCurrentInstance()!\n  return computed(() => vm.proxy?.$props[name] ?? undefined)\n}\n"],"names":[],"mappings":";;MAGa,UAAU,CAAI,SAA6C;AACtE,QAAM,KAAK;AACX,SAAO,SAAS,MAAG;AALrB;AAKwB,0BAAG,UAAH,mBAAU,OAAO,UAAjB,YAA0B;AAAA;AAAA;;;;"}

package/es/index.d.ts

@@ -2,7 +2,7 @@ export * from 'element-plus/es/components';
 export * from 'element-plus/es/directives';
 export * from 'element-plus/es/hooks';
 export * from 'element-plus/es/tokens';
-export { default as makeInstaller } from './make-installer';
+export { makeInstaller } from './make-installer';
 export { default } from './defaults';
 export declare const install: (app: import("vue").App<any>, opts: import("./utils/config").InstallOptions) => void;
 export declare const version: string;

package/es/index.mjs

@@ -4,7 +4,7 @@ import './components/index.mjs';
 import './directives/index.mjs';
 import './hooks/index.mjs';
 import './tokens/index.mjs';
-export { default as makeInstaller } from './make-installer.mjs';
+export { makeInstaller } from './make-installer.mjs';
 export { affixEmits, affixProps } from './components/affix/src/affix.mjs';
 export { ElAffix } from './components/affix/index.mjs';
 export { alertEmits, alertProps } from './components/alert/src/alert.mjs';
@@ -21,6 +21,7 @@ export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item
 export { ElBreadcrumb, ElBreadcrumbItem } from './components/breadcrumb/index.mjs';
 export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './components/button/src/button.mjs';
 export { ElButton, ElButtonGroup } from './components/button/index.mjs';
+export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
 export { ElCalendar } from './components/calendar/index.mjs';
 export { cardProps } from './components/card/src/card.mjs';
 export { ElCard } from './components/card/index.mjs';
@@ -46,6 +47,7 @@ export { dialogEmits, dialogProps } from './components/dialog/src/dialog.mjs';
 export { ElDialog } from './components/dialog/index.mjs';
 export { dividerProps } from './components/divider/src/divider.mjs';
 export { ElDivider } from './components/divider/index.mjs';
+export { drawerEmits, drawerProps } from './components/drawer/src/drawer.mjs';
 export { ElDrawer } from './components/drawer/index.mjs';
 export { ElDropdown, ElDropdownItem, ElDropdownMenu } from './components/dropdown/index.mjs';
 export { emptyProps } from './components/empty/src/empty.mjs';
@@ -82,6 +84,7 @@ export { default as renderPopper } from './components/popper/src/renderers/poppe
 export { default as renderTrigger } from './components/popper/src/renderers/trigger.mjs';
 export { default as renderArrow } from './components/popper/src/renderers/arrow.mjs';
 export { ElPopper } from './components/popper/index.mjs';
+export { progressProps } from './components/progress/src/progress.mjs';
 export { ElProgress } from './components/progress/index.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './components/radio/src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './components/radio/src/radio-group.mjs';
@@ -109,6 +112,7 @@ export { spaceProps } from './components/space/src/space.mjs';
 export { useSpace } from './components/space/src/use-space.mjs';
 export { ElSpace } from './components/space/index.mjs';
 export { ElStep, ElSteps } from './components/steps/index.mjs';
+export { switchEmits, switchProps } from './components/switch/src/switch.mjs';
 export { ElSwitch } from './components/switch/index.mjs';
 export { ElTable, ElTableColumn } from './components/table/index.mjs';
 export { tabsEmits, tabsProps } from './components/tabs/src/tabs.mjs';
@@ -138,7 +142,7 @@ export { default as FixedSizeGrid } from './components/virtual-list/src/componen
 export { default as DynamicSizeGrid } from './components/virtual-list/src/components/dynamic-size-grid.mjs';
 export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from './components/virtual-list/src/props.mjs';
 export { ElInfiniteScroll } from './components/infinite-scroll/index.mjs';
-export { default as ElLoading, ElLoadingDirective, ElLoadingService } from './components/loading/index.mjs';
+export { ElLoading, ElLoadingDirective, ElLoadingService } from './components/loading/index.mjs';
 export { messageEmits, messageProps, messageTypes } from './components/message/src/message.mjs';
 export { ElMessage } from './components/message/index.mjs';
 export { ElMessageBox } from './components/message-box/index.mjs';
@@ -151,8 +155,9 @@ export { default as TrapFocus } from './directives/trap-focus/index.mjs';
 export { default as Mousewheel } from './directives/mousewheel/index.mjs';
 export { default as Resize } from './directives/resize/index.mjs';
 export { useAttrs } from './hooks/use-attrs/index.mjs';
+export { useDisabled, useSize, useSizeProp } from './hooks/use-common-props/index.mjs';
 export { useFocus } from './hooks/use-focus/index.mjs';
-export { useFormItem, useFormItemProps } from './hooks/use-form-item/index.mjs';
+export { useFormItem } from './hooks/use-form-item/index.mjs';
 export { useGlobalConfig } from './hooks/use-global-config/index.mjs';
 export { buildTranslator, localeContextKey, localeProviderMaker, provideLocale, translate, useLocale, useLocaleProps } from './hooks/use-locale/index.mjs';
 export { useLockscreen } from './hooks/use-lockscreen/index.mjs';
@@ -160,6 +165,7 @@ export { useModal } from './hooks/use-modal/index.mjs';
 export { useModelToggle, useModelToggleEmits, useModelToggleProps } from './hooks/use-model-toggle/index.mjs';
 export { DARK_EFFECT, LIGHT_EFFECT, usePopperControlProps, usePopperHook, usePopperProps } from './hooks/use-popper/index.mjs';
 export { usePreventGlobal } from './hooks/use-prevent-global/index.mjs';
+export { useProp } from './hooks/use-prop/index.mjs';
 export { useRestoreActive } from './hooks/use-restore-active/index.mjs';
 export { useSameTarget } from './hooks/use-same-target/index.mjs';
 export { useTeleport } from './hooks/use-teleport/index.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MASa,UAAU,UAAU;MACpB,UAAU,UAAU;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\n\nexport { makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MASa,UAAU,UAAU;MACpB,UAAU,UAAU;;;;"}

package/es/locale/index.d.ts

@@ -5,8 +5,3 @@ export declare type Language = {
     name: string;
     el: TranslatePair;
 };
-export declare const i18n: (fn: (...args: any[]) => string) => void;
-export declare const restoreHandler: () => (...args: any[]) => string | undefined;
-export declare const t: (...args: any[]) => string;
-export declare const use: (l: Language) => void;
-export declare const setLocale: (l: Language) => void;

package/es/locale/index.mjs

@@ -1,54 +1,2 @@
-import dayjs from 'dayjs';
-import { debugWarn } from '../utils/error.mjs';
-import defaultLang from './lang/en.mjs';
 
-let lang = defaultLang;
-let i18nHandler = null;
-const i18n = (fn) => {
-  i18nHandler = fn;
-};
-const restoreHandler = () => i18nHandler = defaultTranslator;
-function template(str, option) {
-  if (!str || !option)
-    return str;
-  return str.replace(/\{(\w+)\}/g, (_, key) => {
-    return option[key];
-  });
-}
-const defaultTranslator = (...args) => {
-  const [path, option] = args;
-  let value;
-  const array = path.split(".");
-  let current = lang;
-  for (let i = 0, j = array.length; i < j; i++) {
-    const property = array[i];
-    value = current[property];
-    if (i === j - 1)
-      return template(value, option);
-    if (!value)
-      return "";
-    current = value;
-  }
-};
-const t = (...args) => {
-  if (i18nHandler) {
-    const translation = i18nHandler(...args);
-    return translation || defaultTranslator(...args);
-  }
-  return defaultTranslator(...args);
-};
-const use = (l) => {
-  debugWarn("deprecation", `:
-      The previous i18n usage is deprecated please update to
-      the new one to get reactive i18n translations, refer to:
-      https://element-plus.org/#/en-US/component/i18n
-    `);
-  lang = l || lang;
-  if (lang.name) {
-    dayjs.locale(lang.name);
-  }
-};
-const setLocale = use;
-
-export { i18n, restoreHandler, setLocale, t, use };
 //# sourceMappingURL=index.mjs.map

package/es/locale/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/locale/index.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport { debugWarn } from '@element-plus/utils/error'\nimport defaultLang from './lang/en'\n\nexport type TranslatePair = {\n  [key: string]: string | string[] | TranslatePair\n}\n\nexport type Language = {\n  name: string\n  el: TranslatePair\n}\n\nlet lang: Language = defaultLang as Language\n\nlet i18nHandler: null | ((...args: any[]) => string) = null\n\nexport const i18n = (fn: (...args: any[]) => string) => {\n  i18nHandler = fn\n}\n\nexport const restoreHandler = () => (i18nHandler = defaultTranslator)\n\nfunction template(str: string, option) {\n  if (!str || !option) return str\n\n  return str.replace(/\\{(\\w+)\\}/g, (_, key) => {\n    return option[key]\n  })\n}\n\nconst defaultTranslator = (...args: any[]) => {\n  const [path, option] = args\n  let value\n  const array = path.split('.')\n  let current = lang\n  for (let i = 0, j = array.length; i < j; i++) {\n    const property = array[i]\n    value = current[property]\n    if (i === j - 1) return template(value, option)\n    if (!value) return ''\n    current = value\n  }\n}\n\nexport const t = (...args: any[]): string => {\n  if (i18nHandler) {\n    const translation = i18nHandler(...args)\n    return translation || defaultTranslator(...args)\n  }\n  return defaultTranslator(...args)\n}\n\nexport const use = (l: Language): void => {\n  debugWarn(\n    'deprecation',\n    `:\n      The previous i18n usage is deprecated please update to\n      the new one to get reactive i18n translations, refer to:\n      https://element-plus.org/#/en-US/component/i18n\n    `\n  )\n\n  lang = l || lang\n  if (lang.name) {\n    dayjs.locale(lang.name)\n  }\n}\n\nexport const setLocale = use\n"],"names":[],"mappings":";;;;AAaA,IAAI,OAAiB;AAErB,IAAI,cAAmD;MAE1C,OAAO,CAAC,OAAmC;AACtD,gBAAc;AAAA;MAGH,iBAAiB,MAAO,cAAc;AAEnD,kBAAkB,KAAa,QAAQ;AACrC,MAAI,CAAC,OAAO,CAAC;AAAQ,WAAO;AAE5B,SAAO,IAAI,QAAQ,cAAc,CAAC,GAAG,QAAQ;AAC3C,WAAO,OAAO;AAAA;AAAA;AAIlB,MAAM,oBAAoB,IAAI,SAAgB;AAC5C,QAAM,CAAC,MAAM,UAAU;AACvB,MAAI;AACJ,QAAM,QAAQ,KAAK,MAAM;AACzB,MAAI,UAAU;AACd,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,IAAI,GAAG,KAAK;AAC5C,UAAM,WAAW,MAAM;AACvB,YAAQ,QAAQ;AAChB,QAAI,MAAM,IAAI;AAAG,aAAO,SAAS,OAAO;AACxC,QAAI,CAAC;AAAO,aAAO;AACnB,cAAU;AAAA;AAAA;MAID,IAAI,IAAI,SAAwB;AAC3C,MAAI,aAAa;AACf,UAAM,cAAc,YAAY,GAAG;AACnC,WAAO,eAAe,kBAAkB,GAAG;AAAA;AAE7C,SAAO,kBAAkB,GAAG;AAAA;MAGjB,MAAM,CAAC,MAAsB;AACxC,YACE,eACA;AAAA;AAAA;AAAA;AAAA;AAOF,SAAO,KAAK;AACZ,MAAI,KAAK,MAAM;AACb,UAAM,OAAO,KAAK;AAAA;AAAA;MAIT,YAAY;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/locale/lang/ca.mjs

@@ -72,7 +72,7 @@ var ca = {
     },
     pagination: {
       goto: "Anar a",
-      pagesize: "/pagina",
+      pagesize: "/p\xE0gina",
       total: "Total {total}",
       pageClassifier: ""
     },
@@ -112,7 +112,7 @@ var ca = {
       title: "Tornar"
     },
     popconfirm: {
-      confirmButtonText: "Si",
+      confirmButtonText: "S\xED",
       cancelButtonText: "No"
     }
   }

package/es/locale/lang/ca.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ca.mjs","sources":["../../../../../packages/locale/lang/ca.ts"],"sourcesContent":["export default {\n  name: 'ca',\n  el: {\n    colorpicker: {\n      confirm: 'Confirmar',\n      clear: 'Netejar',\n    },\n    datepicker: {\n      now: 'Ara',\n      today: 'Avui',\n      cancel: 'Cancel·lar',\n      clear: 'Netejar',\n      confirm: 'Confirmar',\n      selectDate: 'Seleccionar data',\n      selectTime: 'Seleccionar hora',\n      startDate: 'Data Inici',\n      startTime: 'Hora Inici',\n      endDate: 'Data Final',\n      endTime: 'Hora Final',\n      prevYear: 'Any anterior',\n      nextYear: 'Pròxim Any',\n      prevMonth: 'Mes anterior',\n      nextMonth: 'Pròxim Mes',\n      year: '',\n      month1: 'Gener',\n      month2: 'Febrer',\n      month3: 'Març',\n      month4: 'Abril',\n      month5: 'Maig',\n      month6: 'Juny',\n      month7: 'Juliol',\n      month8: 'Agost',\n      month9: 'Setembre',\n      month10: 'Octubre',\n      month11: 'Novembre',\n      month12: 'Desembre',\n      // week: 'setmana',\n      weeks: {\n        sun: 'Dg',\n        mon: 'Dl',\n        tue: 'Dt',\n        wed: 'Dc',\n        thu: 'Dj',\n        fri: 'Dv',\n        sat: 'Ds',\n      },\n      months: {\n        jan: 'Gen',\n        feb: 'Febr',\n        mar: 'Març',\n        apr: 'Abr',\n        may: 'Maig',\n        jun: 'Juny',\n        jul: 'Jul',\n        aug: 'Ag',\n        sep: 'Set',\n        oct: 'Oct',\n        nov: 'Nov',\n        dec: 'Des',\n      },\n    },\n    select: {\n      loading: 'Carregant',\n      noMatch: 'No hi ha dades que coincideixin',\n      noData: 'Sense Dades',\n      placeholder: 'Seleccionar',\n    },\n    cascader: {\n      noMatch: 'No hi ha dades que coincideixin',\n      loading: 'Carregant',\n      placeholder: 'Seleccionar',\n      noData: 'Sense Dades',\n    },\n    pagination: {\n      goto: 'Anar a',\n      pagesize: '/pagina',\n      total: 'Total {total}',\n      pageClassifier: '',\n    },\n    messagebox: {\n      confirm: 'Acceptar',\n      cancel: 'Cancel·lar',\n      error: 'Entrada invàlida',\n    },\n    upload: {\n      deleteTip: 'premi eliminar per descartar',\n      delete: 'Eliminar',\n      preview: 'Vista Prèvia',\n      continue: 'Continuar',\n    },\n    table: {\n      emptyText: 'Sense Dades',\n      confirmFilter: 'Confirmar',\n      resetFilter: 'Netejar',\n      clearFilter: 'Tot',\n      sumText: 'Tot',\n    },\n    tree: {\n      emptyText: 'Sense Dades',\n    },\n    transfer: {\n      noMatch: 'No hi ha dades que coincideixin',\n      noData: 'Sense Dades',\n      titles: ['Llista 1', 'Llista 2'],\n      filterPlaceholder: 'Introdueix la paraula clau',\n      noCheckedFormat: '{total} ítems',\n      hasCheckedFormat: '{checked}/{total} seleccionats',\n    },\n    image: {\n      error: 'HA FALLAT',\n    },\n    pageHeader: {\n      title: 'Tornar',\n    },\n    popconfirm: {\n      confirmButtonText: 'Si',\n      cancelButtonText: 'No',\n    },\n  },\n}\n"],"names":[],"mappings":"AAAA,SAAe;AAAA,EACb,MAAM;AAAA,EACN,IAAI;AAAA,IACF,aAAa;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,IAET,YAAY;AAAA,MACV,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MAET,OAAO;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA;AAAA,MAEP,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA;AAAA;AAAA,IAGT,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA;AAAA,IAEf,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,IAEV,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA;AAAA,IAElB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA;AAAA,IAET,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA;AAAA,IAEZ,OAAO;AAAA,MACL,WAAW;AAAA,MACX,eAAe;AAAA,MACf,aAAa;AAAA,MACb,aAAa;AAAA,MACb,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,WAAW;AAAA;AAAA,IAEb,UAAU;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ,CAAC,YAAY;AAAA,MACrB,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA;AAAA,IAEpB,OAAO;AAAA,MACL,OAAO;AAAA;AAAA,IAET,YAAY;AAAA,MACV,OAAO;AAAA;AAAA,IAET,YAAY;AAAA,MACV,mBAAmB;AAAA,MACnB,kBAAkB;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"ca.mjs","sources":["../../../../../packages/locale/lang/ca.ts"],"sourcesContent":["export default {\n  name: 'ca',\n  el: {\n    colorpicker: {\n      confirm: 'Confirmar',\n      clear: 'Netejar',\n    },\n    datepicker: {\n      now: 'Ara',\n      today: 'Avui',\n      cancel: 'Cancel·lar',\n      clear: 'Netejar',\n      confirm: 'Confirmar',\n      selectDate: 'Seleccionar data',\n      selectTime: 'Seleccionar hora',\n      startDate: 'Data Inici',\n      startTime: 'Hora Inici',\n      endDate: 'Data Final',\n      endTime: 'Hora Final',\n      prevYear: 'Any anterior',\n      nextYear: 'Pròxim Any',\n      prevMonth: 'Mes anterior',\n      nextMonth: 'Pròxim Mes',\n      year: '',\n      month1: 'Gener',\n      month2: 'Febrer',\n      month3: 'Març',\n      month4: 'Abril',\n      month5: 'Maig',\n      month6: 'Juny',\n      month7: 'Juliol',\n      month8: 'Agost',\n      month9: 'Setembre',\n      month10: 'Octubre',\n      month11: 'Novembre',\n      month12: 'Desembre',\n      // week: 'setmana',\n      weeks: {\n        sun: 'Dg',\n        mon: 'Dl',\n        tue: 'Dt',\n        wed: 'Dc',\n        thu: 'Dj',\n        fri: 'Dv',\n        sat: 'Ds',\n      },\n      months: {\n        jan: 'Gen',\n        feb: 'Febr',\n        mar: 'Març',\n        apr: 'Abr',\n        may: 'Maig',\n        jun: 'Juny',\n        jul: 'Jul',\n        aug: 'Ag',\n        sep: 'Set',\n        oct: 'Oct',\n        nov: 'Nov',\n        dec: 'Des',\n      },\n    },\n    select: {\n      loading: 'Carregant',\n      noMatch: 'No hi ha dades que coincideixin',\n      noData: 'Sense Dades',\n      placeholder: 'Seleccionar',\n    },\n    cascader: {\n      noMatch: 'No hi ha dades que coincideixin',\n      loading: 'Carregant',\n      placeholder: 'Seleccionar',\n      noData: 'Sense Dades',\n    },\n    pagination: {\n      goto: 'Anar a',\n      pagesize: '/pàgina',\n      total: 'Total {total}',\n      pageClassifier: '',\n    },\n    messagebox: {\n      confirm: 'Acceptar',\n      cancel: 'Cancel·lar',\n      error: 'Entrada invàlida',\n    },\n    upload: {\n      deleteTip: 'premi eliminar per descartar',\n      delete: 'Eliminar',\n      preview: 'Vista Prèvia',\n      continue: 'Continuar',\n    },\n    table: {\n      emptyText: 'Sense Dades',\n      confirmFilter: 'Confirmar',\n      resetFilter: 'Netejar',\n      clearFilter: 'Tot',\n      sumText: 'Tot',\n    },\n    tree: {\n      emptyText: 'Sense Dades',\n    },\n    transfer: {\n      noMatch: 'No hi ha dades que coincideixin',\n      noData: 'Sense Dades',\n      titles: ['Llista 1', 'Llista 2'],\n      filterPlaceholder: 'Introdueix la paraula clau',\n      noCheckedFormat: '{total} ítems',\n      hasCheckedFormat: '{checked}/{total} seleccionats',\n    },\n    image: {\n      error: 'HA FALLAT',\n    },\n    pageHeader: {\n      title: 'Tornar',\n    },\n    popconfirm: {\n      confirmButtonText: 'Sí',\n      cancelButtonText: 'No',\n    },\n  },\n}\n"],"names":[],"mappings":"AAAA,SAAe;AAAA,EACb,MAAM;AAAA,EACN,IAAI;AAAA,IACF,aAAa;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,IAET,YAAY;AAAA,MACV,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MAET,OAAO;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA;AAAA,MAEP,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA;AAAA;AAAA,IAGT,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA;AAAA,IAEf,UAAU;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,IAEV,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA;AAAA,IAElB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAO;AAAA;AAAA,IAET,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA;AAAA,IAEZ,OAAO;AAAA,MACL,WAAW;AAAA,MACX,eAAe;AAAA,MACf,aAAa;AAAA,MACb,aAAa;AAAA,MACb,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,WAAW;AAAA;AAAA,IAEb,UAAU;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ,CAAC,YAAY;AAAA,MACrB,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA;AAAA,IAEpB,OAAO;AAAA,MACL,OAAO;AAAA;AAAA,IAET,YAAY;AAAA,MACV,OAAO;AAAA;AAAA,IAET,YAAY;AAAA,MACV,mBAAmB;AAAA,MACnB,kBAAkB;AAAA;AAAA;AAAA;;;;"}

package/es/locale/lang/en.mjs

@@ -1,4 +1,4 @@
-var defaultLang = {
+var English = {
   name: "en",
   el: {
     colorpicker: {
@@ -121,5 +121,5 @@ var defaultLang = {
   }
 };
 
-export { defaultLang as default };
+export { English as default };
 //# sourceMappingURL=en.mjs.map