element-pe 1.0.8 → 1.0.9-alpha.12

package/lib/make-installer.js

@@ -18,12 +18,10 @@ const makeInstaller = (components = []) => {
     if (apps.includes(app))
       return;
     apps.push(app);
-    components.forEach((c) => {
-      app.use(c);
-    });
+    components.forEach((c) => app.use(c));
     if (option.locale) {
       const localeProvides = index.localeProviderMaker(opts.locale);
-      app.provide(index.LocaleInjectionKey, localeProvides);
+      app.provide(index.localeContextKey, localeProvides);
     }
     app.config.globalProperties.$ELEMENT = option;
     config.setConfig(option);
@@ -34,5 +32,5 @@ const makeInstaller = (components = []) => {
   };
 };
 
-exports["default"] = makeInstaller;
+exports.makeInstaller = makeInstaller;
 //# sourceMappingURL=make-installer.js.map

package/lib/make-installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"make-installer.js","sources":["../../../packages/element-plus/make-installer.ts"],"sourcesContent":["import { setConfig } from '@element-plus/utils/config'\nimport { LocaleInjectionKey, localeProviderMaker } from '@element-plus/hooks'\nimport { version } from './version'\n\nimport type { App, Plugin } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { InstallOptions } from '@element-plus/utils/config'\n\nconst makeInstaller = (components: Plugin[] = []) => {\n  const apps: App[] = []\n\n  const install = (app: App, opts: InstallOptions) => {\n    const defaultInstallOpt: InstallOptions = {\n      size: '' as ComponentSize,\n      zIndex: 2000,\n    }\n\n    const option = Object.assign(defaultInstallOpt, opts)\n    if (apps.includes(app)) return\n    apps.push(app)\n\n    components.forEach((c) => {\n      app.use(c)\n    })\n\n    if (option.locale) {\n      const localeProvides = localeProviderMaker(opts.locale)\n      app.provide(LocaleInjectionKey, localeProvides)\n    }\n\n    app.config.globalProperties.$ELEMENT = option\n    // app.provide() ? is this better? I think its not that flexible but worth implement\n    setConfig(option)\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n\nexport default makeInstaller\n"],"names":["localeProviderMaker","LocaleInjectionKey","version"],"mappings":";;;;;;;;;MAQM,gBAAgB,CAAC,aAAuB,OAAO;AACnD,QAAM,OAAc;AAEpB,QAAM,UAAU,CAAC,KAAU,SAAyB;AAClD,UAAM,oBAAoC;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA;AAGV,UAAM,SAAS,OAAO,OAAO,mBAAmB;AAChD,QAAI,KAAK,SAAS;AAAM;AACxB,SAAK,KAAK;AAEV,eAAW,QAAQ,CAAC,MAAM;AACxB,UAAI,IAAI;AAAA;AAGV,QAAI,OAAO,QAAQ;AACjB,YAAM,iBAAiBA,0BAAoB,KAAK;AAChD,UAAI,QAAQC,0BAAoB;AAAA;AAGlC,QAAI,OAAO,iBAAiB,WAAW;AAEvC,qBAAU;AAAA;AAGZ,SAAO;AAAA,aACLC;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"make-installer.js","sources":["../../../packages/element-plus/make-installer.ts"],"sourcesContent":["import { setConfig } from '@element-plus/utils/config'\nimport { localeContextKey, localeProviderMaker } from '@element-plus/hooks'\nimport { version } from './version'\n\nimport type { App, Plugin } from 'vue'\nimport type { InstallOptions } from '@element-plus/utils/config'\n\nexport const makeInstaller = (components: Plugin[] = []) => {\n  const apps: App[] = []\n\n  const install = (app: App, opts: InstallOptions) => {\n    const defaultInstallOpt: InstallOptions = {\n      size: '',\n      zIndex: 2000,\n    }\n\n    const option = Object.assign(defaultInstallOpt, opts)\n    if (apps.includes(app)) return\n    apps.push(app)\n\n    components.forEach((c) => app.use(c))\n\n    if (option.locale) {\n      const localeProvides = localeProviderMaker(opts.locale)\n      app.provide(localeContextKey, localeProvides)\n    }\n\n    app.config.globalProperties.$ELEMENT = option\n    // app.provide() ? is this better? I think its not that flexible but worth implement\n    setConfig(option)\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n"],"names":["localeProviderMaker","localeContextKey","version"],"mappings":";;;;;;;;;MAOa,gBAAgB,CAAC,aAAuB,OAAO;AAC1D,QAAM,OAAc;AAEpB,QAAM,UAAU,CAAC,KAAU,SAAyB;AAClD,UAAM,oBAAoC;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA;AAGV,UAAM,SAAS,OAAO,OAAO,mBAAmB;AAChD,QAAI,KAAK,SAAS;AAAM;AACxB,SAAK,KAAK;AAEV,eAAW,QAAQ,CAAC,MAAM,IAAI,IAAI;AAElC,QAAI,OAAO,QAAQ;AACjB,YAAM,iBAAiBA,0BAAoB,KAAK;AAChD,UAAI,QAAQC,wBAAkB;AAAA;AAGhC,QAAI,OAAO,iBAAiB,WAAW;AAEvC,qBAAU;AAAA;AAGZ,SAAO;AAAA,aACLC;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/plugin.d.ts

@@ -1,48 +1,3 @@
-declare const _default: ((import("vue").ObjectDirective<HTMLElement & {
-    ElInfiniteScroll: {
-        container: Window | HTMLElement;
-        containerEl: HTMLElement;
-        instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        delay: number;
-        lastScrollTop: number;
-        cb: () => void;
-        onScroll: () => void;
-        observer?: MutationObserver | undefined;
-    };
-}, () => void> & ((app: import("vue").App<any>, ...options: any[]) => any) & {
-    install?: ((app: import("vue").App<any>, ...options: any[]) => any) | undefined;
-}) | (import("vue").ObjectDirective<HTMLElement & {
-    ElInfiniteScroll: {
-        container: Window | HTMLElement;
-        containerEl: HTMLElement;
-        instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        delay: number;
-        lastScrollTop: number;
-        cb: () => void;
-        onScroll: () => void;
-        observer?: MutationObserver | undefined;
-    };
-}, () => void> & {
-    install: (app: import("vue").App<any>, ...options: any[]) => any;
-}) | {
-    install(app: import("vue").App<any>): void;
-    directive: {
-        mounted(el: import("../components/loading/src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-        updated(el: import("../components/loading/src/directive").ElementLoading, binding: import("vue").DirectiveBinding<any>): void;
-        unmounted(el: import("../components/loading/src/directive").ElementLoading): void;
-    };
-    service: (options?: import("element-pe/es/components/loading").ILoadingOptions) => import("element-pe/es/components/loading").ILoadingInstance;
-} | (import("element-pe/es/components/message").Message & ((app: import("vue").App<any>, ...options: any[]) => any) & {
-    install?: ((app: import("vue").App<any>, ...options: any[]) => any) | undefined;
-}) | (import("element-pe/es/components/message").Message & {
-    install: (app: import("vue").App<any>, ...options: any[]) => any;
-}) | (import("element-pe/es/components/message-box").IElMessageBox & ((app: import("vue").App<any>, ...options: any[]) => any) & {
-    install?: ((app: import("vue").App<any>, ...options: any[]) => any) | undefined;
-}) | (import("element-pe/es/components/message-box").IElMessageBox & {
-    install: (app: import("vue").App<any>, ...options: any[]) => any;
-}) | (import("element-pe/es/components/notification").Notify & ((app: import("vue").App<any>, ...options: any[]) => any) & {
-    install?: ((app: import("vue").App<any>, ...options: any[]) => any) | undefined;
-}) | (import("element-pe/es/components/notification").Notify & {
-    install: (app: import("vue").App<any>, ...options: any[]) => any;
-}))[];
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
 export default _default;

package/lib/plugin.js

@@ -11,7 +11,7 @@ var index$5 = require('./components/popover/index.js');
 
 var Plugins = [
   index.ElInfiniteScroll,
-  index$1["default"],
+  index$1.ElLoading,
   index$2.ElMessage,
   index$3.ElMessageBox,
   index$4.ElNotification,

package/lib/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../../packages/element-plus/plugin.ts"],"sourcesContent":["import { ElInfiniteScroll } from '@element-plus/components/infinite-scroll'\nimport { ElLoading } from '@element-plus/components/loading'\nimport { ElMessage } from '@element-plus/components/message'\nimport { ElMessageBox } from '@element-plus/components/message-box'\nimport { ElNotification } from '@element-plus/components/notification'\nimport { ElPopoverDirective } from '@element-plus/components/popover'\n\nexport default [\n  ElInfiniteScroll,\n  ElLoading,\n  ElMessage,\n  ElMessageBox,\n  ElNotification,\n  ElPopoverDirective,\n]\n"],"names":["ElInfiniteScroll","ElLoading","ElMessage","ElMessageBox","ElNotification","ElPopoverDirective"],"mappings":";;;;;;;;;;;AAOA,cAAe;AAAA,EACbA;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../../packages/element-plus/plugin.ts"],"sourcesContent":["import { ElInfiniteScroll } from '@element-plus/components/infinite-scroll'\nimport { ElLoading } from '@element-plus/components/loading'\nimport { ElMessage } from '@element-plus/components/message'\nimport { ElMessageBox } from '@element-plus/components/message-box'\nimport { ElNotification } from '@element-plus/components/notification'\nimport { ElPopoverDirective } from '@element-plus/components/popover'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  ElInfiniteScroll,\n  ElLoading,\n  ElMessage,\n  ElMessageBox,\n  ElNotification,\n  ElPopoverDirective,\n] as Plugin[]\n"],"names":["ElInfiniteScroll","ElLoading","ElMessage","ElMessageBox","ElNotification","ElPopoverDirective"],"mappings":";;;;;;;;;;;AASA,cAAe;AAAA,EACbA;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA;;;;"}

package/lib/tokens/button.d.ts

@@ -1,7 +1,7 @@
 import type { InjectionKey } from 'vue';
 import type { ButtonProps } from 'element-pe/es/components/button';
-export interface ElButtonGroupContext {
+export interface ButtonGroupContext {
     size?: ButtonProps['size'];
     type?: ButtonProps['type'];
 }
-export declare const elButtonGroupKey: InjectionKey<ElButtonGroupContext>;
+export declare const buttonGroupContextKey: InjectionKey<ButtonGroupContext>;

package/lib/tokens/button.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const elButtonGroupKey = Symbol();
+const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
-exports.elButtonGroupKey = elButtonGroupKey;
+exports.buttonGroupContextKey = buttonGroupContextKey;
 //# sourceMappingURL=button.js.map

package/lib/tokens/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../packages/tokens/button.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ButtonProps } from '@element-plus/components/button'\n\nexport interface ElButtonGroupContext {\n  size?: ButtonProps['size']\n  type?: ButtonProps['type']\n}\n\nexport const elButtonGroupKey: InjectionKey<ElButtonGroupContext> = Symbol()\n"],"names":[],"mappings":";;;;MASa,mBAAuD;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../packages/tokens/button.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ButtonProps } from '@element-plus/components/button'\n\nexport interface ButtonGroupContext {\n  size?: ButtonProps['size']\n  type?: ButtonProps['type']\n}\n\nexport const buttonGroupContextKey: InjectionKey<ButtonGroupContext> = Symbol(\n  'buttonGroupContextKey'\n)\n"],"names":[],"mappings":";;;;MASa,wBAA0D,OACrE;;;;"}

package/lib/tokens/config-provider.d.ts

@@ -1,4 +1,4 @@
-import type { configProviderProps } from 'element-pe/es/components/config-provider/config-provider';
+import type { configProviderProps } from 'element-pe/es/components/config-provider';
 import type { InjectionKey, ExtractPropTypes } from 'vue';
-export declare type ConfigProvdierContext = ExtractPropTypes<typeof configProviderProps>;
-export declare const configProviderContextKey: InjectionKey<ConfigProvdierContext>;
+export declare type ConfigProviderContext = ExtractPropTypes<typeof configProviderProps>;
+export declare const configProviderContextKey: InjectionKey<ConfigProviderContext>;

package/lib/tokens/config-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.js","sources":["../../../../packages/tokens/config-provider.ts"],"sourcesContent":["import type { configProviderProps } from '@element-plus/components/config-provider/config-provider'\nimport type { InjectionKey, ExtractPropTypes } from 'vue'\n\nexport type ConfigProvdierContext = ExtractPropTypes<typeof configProviderProps>\n\nexport const configProviderContextKey: InjectionKey<ConfigProvdierContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;MAKa,2BACX;;;;"}
+{"version":3,"file":"config-provider.js","sources":["../../../../packages/tokens/config-provider.ts"],"sourcesContent":["import type { configProviderProps } from '@element-plus/components/config-provider'\nimport type { InjectionKey, ExtractPropTypes } from 'vue'\n\nexport type ConfigProviderContext = ExtractPropTypes<typeof configProviderProps>\n\nexport const configProviderContextKey: InjectionKey<ConfigProviderContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;MAKa,2BACX;;;;"}

package/lib/tokens/form.d.ts

@@ -8,11 +8,14 @@ export interface ElFormContext {
     emit: (evt: string, ...args: any[]) => void;
     addField: (field: ElFormItemContext) => void;
     removeField: (field: ElFormItemContext) => void;
+    resetFields: () => void;
+    clearValidate: (props: string | string[]) => void;
+    validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
     labelSuffix: string;
     inline?: boolean;
     inlineMessage?: boolean;
     model?: Record<string, unknown>;
-    size?: string;
+    size?: ComponentSize;
     showMessage?: boolean;
     labelPosition?: string;
     labelWidth?: string | number;

package/lib/tokens/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../packages/tokens/form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport interface ElFormContext {\n  registerLabelWidth(width: number, oldWidth: number): void\n  deregisterLabelWidth(width: number): void\n  autoLabelWidth: string | undefined\n  emit: (evt: string, ...args: any[]) => void\n  addField: (field: ElFormItemContext) => void\n  removeField: (field: ElFormItemContext) => void\n  labelSuffix: string\n  inline?: boolean\n  inlineMessage?: boolean\n  model?: Record<string, unknown>\n  size?: string\n  showMessage?: boolean\n  labelPosition?: string\n  labelWidth?: string | number\n  rules?: Record<string, unknown>\n  statusIcon?: boolean\n  hideRequiredAsterisk?: boolean\n  disabled?: boolean\n}\n\nexport interface ValidateFieldCallback {\n  (isValid?: string, invalidFields?: ValidateFieldsError): void\n}\n\nexport interface ElFormItemContext {\n  prop?: string\n  size?: ComponentSize\n  validateState: string\n  $el: HTMLDivElement\n  validate(trigger: string, callback?: ValidateFieldCallback): void\n  updateComputedLabelWidth(width: number): void\n  evaluateValidationEnabled(): void\n  resetField(): void\n  clearValidate(): void\n}\n\nexport const elFormKey: InjectionKey<ElFormContext> = Symbol('elForm')\nexport const elFormItemKey: InjectionKey<ElFormItemContext> =\n  Symbol('elFormItem')\n"],"names":[],"mappings":";;;;MAyCa,YAAyC,OAAO;MAChD,gBACX,OAAO;;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../packages/tokens/form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport interface ElFormContext {\n  registerLabelWidth(width: number, oldWidth: number): void\n  deregisterLabelWidth(width: number): void\n  autoLabelWidth: string | undefined\n  emit: (evt: string, ...args: any[]) => void\n  addField: (field: ElFormItemContext) => void\n  removeField: (field: ElFormItemContext) => void\n  resetFields: () => void\n  clearValidate: (props: string | string[]) => void\n  validateField: (props: string | string[], cb: ValidateFieldCallback) => void\n  labelSuffix: string\n  inline?: boolean\n  inlineMessage?: boolean\n  model?: Record<string, unknown>\n  size?: ComponentSize\n  showMessage?: boolean\n  labelPosition?: string\n  labelWidth?: string | number\n  rules?: Record<string, unknown>\n  statusIcon?: boolean\n  hideRequiredAsterisk?: boolean\n  disabled?: boolean\n}\n\nexport interface ValidateFieldCallback {\n  (isValid?: string, invalidFields?: ValidateFieldsError): void\n}\n\nexport interface ElFormItemContext {\n  prop?: string\n  size?: ComponentSize\n  validateState: string\n  $el: HTMLDivElement\n  validate(trigger: string, callback?: ValidateFieldCallback): void\n  updateComputedLabelWidth(width: number): void\n  evaluateValidationEnabled(): void\n  resetField(): void\n  clearValidate(): void\n}\n\nexport const elFormKey: InjectionKey<ElFormContext> = Symbol('elForm')\nexport const elFormItemKey: InjectionKey<ElFormItemContext> =\n  Symbol('elFormItem')\n"],"names":[],"mappings":";;;;MA4Ca,YAAyC,OAAO;MAChD,gBACX,OAAO;;;;;"}

package/lib/tokens/index.d.ts

@@ -3,3 +3,6 @@ export * from './button';
 export * from './breadcrumb';
 export * from './pagination';
 export * from './config-provider';
+export * from './radio';
+export * from './tabs';
+export * from './scrollbar';

package/lib/tokens/index.js

@@ -7,13 +7,19 @@ var button = require('./button.js');
 var breadcrumb = require('./breadcrumb.js');
 var pagination = require('./pagination.js');
 var configProvider = require('./config-provider.js');
+var radio = require('./radio.js');
+var tabs = require('./tabs.js');
+var scrollbar = require('./scrollbar.js');
 
 
 
 exports.elFormItemKey = form.elFormItemKey;
 exports.elFormKey = form.elFormKey;
-exports.elButtonGroupKey = button.elButtonGroupKey;
+exports.buttonGroupContextKey = button.buttonGroupContextKey;
 exports.elBreadcrumbKey = breadcrumb.elBreadcrumbKey;
 exports.elPaginationKey = pagination.elPaginationKey;
 exports.configProviderContextKey = configProvider.configProviderContextKey;
+exports.radioGroupKey = radio.radioGroupKey;
+exports.tabsRootContextKey = tabs.tabsRootContextKey;
+exports.scrollbarContextKey = scrollbar.scrollbarContextKey;
 //# sourceMappingURL=index.js.map

package/lib/tokens/index.js.map

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

package/lib/tokens/radio.d.ts

@@ -0,0 +1,6 @@
+import type { RadioGroupProps } from 'element-pe/es/components';
+import type { InjectionKey } from 'vue';
+export interface RadioGroupContext extends RadioGroupProps {
+    changeEvent: (val: RadioGroupProps['modelValue']) => void;
+}
+export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

package/lib/tokens/radio.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const radioGroupKey = Symbol("radioGroupKey");
+
+exports.radioGroupKey = radioGroupKey;
+//# sourceMappingURL=radio.js.map

package/lib/tokens/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../../packages/tokens/radio.ts"],"sourcesContent":["import type { RadioGroupProps } from '@element-plus/components'\nimport type { InjectionKey } from 'vue'\n\nexport interface RadioGroupContext extends RadioGroupProps {\n  changeEvent: (val: RadioGroupProps['modelValue']) => void\n}\n\nexport const radioGroupKey: InjectionKey<RadioGroupContext> =\n  Symbol('radioGroupKey')\n"],"names":[],"mappings":";;;;MAOa,gBACX,OAAO;;;;"}

package/lib/tokens/scrollbar.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+export interface scrollbarContext {
+    scrollbarElement: HTMLDivElement;
+    wrapElement: HTMLDivElement;
+}
+export declare const scrollbarContextKey: InjectionKey<scrollbarContext>;

package/lib/tokens/scrollbar.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const scrollbarContextKey = Symbol("scrollbarContextKey");
+
+exports.scrollbarContextKey = scrollbarContextKey;
+//# sourceMappingURL=scrollbar.js.map

package/lib/tokens/scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.js","sources":["../../../../packages/tokens/scrollbar.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nexport interface scrollbarContext {\n  scrollbarElement: HTMLDivElement\n  wrapElement: HTMLDivElement\n}\n\nexport const scrollbarContextKey: InjectionKey<scrollbarContext> = Symbol(\n  'scrollbarContextKey'\n)\n"],"names":[],"mappings":";;;;MAOa,sBAAsD,OACjE;;;;"}

package/lib/tokens/tabs.d.ts

@@ -0,0 +1,17 @@
+import type { TabsProps, TabPaneProps } from 'element-pe/es/components/tabs';
+import type { ComponentInternalInstance, ComputedRef, Ref, InjectionKey, UnwrapRef, ShallowReactive } from 'vue';
+export declare type TabsPaneContext = UnwrapRef<{
+    uid: number;
+    instance: ShallowReactive<ComponentInternalInstance>;
+    props: TabPaneProps;
+    paneName: ComputedRef<string | undefined>;
+    active: ComputedRef<boolean>;
+    index: Ref<string | undefined>;
+    isClosable: ComputedRef<boolean>;
+}>;
+export interface TabsRootContext {
+    props: TabsProps;
+    currentName: Ref<string>;
+    updatePaneState: (pane: TabsPaneContext) => void;
+}
+export declare const tabsRootContextKey: InjectionKey<TabsRootContext>;

package/lib/tokens/tabs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const tabsRootContextKey = Symbol("tabsRootContextKey");
+
+exports.tabsRootContextKey = tabsRootContextKey;
+//# sourceMappingURL=tabs.js.map

package/lib/tokens/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../../packages/tokens/tabs.ts"],"sourcesContent":["import type { TabsProps, TabPaneProps } from '@element-plus/components/tabs'\nimport type {\n  ComponentInternalInstance,\n  ComputedRef,\n  Ref,\n  InjectionKey,\n  UnwrapRef,\n  ShallowReactive,\n} from 'vue'\n\nexport type TabsPaneContext = UnwrapRef<{\n  uid: number\n  instance: ShallowReactive<ComponentInternalInstance>\n  props: TabPaneProps\n  paneName: ComputedRef<string | undefined>\n  active: ComputedRef<boolean>\n  index: Ref<string | undefined>\n  isClosable: ComputedRef<boolean>\n}>\n\nexport interface TabsRootContext {\n  props: TabsProps\n  currentName: Ref<string>\n  updatePaneState: (pane: TabsPaneContext) => void\n}\n\nexport const tabsRootContextKey: InjectionKey<TabsRootContext> =\n  Symbol('tabsRootContextKey')\n"],"names":[],"mappings":";;;;MA0Ba,qBACX,OAAO;;;;"}

package/lib/utils/aria.d.ts

@@ -10,18 +10,56 @@ export declare const EVENT_CODE: {
     esc: string;
     delete: string;
     backspace: string;
+    numpadEnter: string;
 };
+/**
+ * Determine if the testing element is visible on screen no matter if its on the viewport or not
+ */
 export declare const isVisible: (element: HTMLElement) => boolean;
 export declare const obtainAllFocusableElements: (element: HTMLElement) => HTMLElement[];
+/**
+ * @desc Determine if target element is focusable
+ * @param element {HTMLElement}
+ * @returns {Boolean} true if it is focusable
+ */
 export declare const isFocusable: (element: HTMLElement) => boolean;
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
 export declare const attemptFocus: (element: HTMLElement) => boolean;
+/**
+ * Trigger an event
+ * mouseenter, mouseleave, mouseover, keyup, change, click, etc.
+ * @param  {HTMLElement} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
 export declare const triggerEvent: (elm: HTMLElement, name: string, ...opts: Array<boolean>) => HTMLElement;
 export declare const isLeaf: (el: HTMLElement) => boolean;
 export declare const getSibling: (el: HTMLElement, distance: number, elClass: string) => Nullable<Element>;
 export declare const focusNode: (el: any) => void;
 declare const Utils: {
     IgnoreUtilFocusChanges: boolean;
+    /**
+     * @desc Set focus on descendant nodes until the first focusable element is
+     *       found.
+     * @param {HTMLElement} element
+     *          DOM node for which to find the first focusable descendant.
+     * @returns {Boolean}
+     *  true if a focusable element is found and focus is set.
+     */
     focusFirstDescendant(element: HTMLElement): boolean;
+    /**
+     * @desc Find the last descendant node that is focusable.
+     * @param {HTMLElement} element
+     *          DOM node for which to find the last focusable descendant.
+     * @returns {Boolean}
+     *  true if a focusable element is found and focus is set.
+     */
     focusLastDescendant(element: HTMLElement): boolean;
 };
 export default Utils;

package/lib/utils/aria.js

@@ -12,7 +12,8 @@ const EVENT_CODE = {
   down: "ArrowDown",
   esc: "Escape",
   delete: "Delete",
-  backspace: "Backspace"
+  backspace: "Backspace",
+  numpadEnter: "NumpadEnter"
 };
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {

package/lib/utils/aria.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria.js","sources":["../../../../packages/utils/aria.ts"],"sourcesContent":["import type { Nullable } from '@element-plus/utils/types'\nexport const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n}\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  Utils.IgnoreUtilFocusChanges = true\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  Utils.IgnoreUtilFocusChanges = false\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n\nconst Utils = {\n  IgnoreUtilFocusChanges: false,\n  /**\n   * @desc Set focus on descendant nodes until the first focusable element is\n   *       found.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the first focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusFirstDescendant(element: HTMLElement): boolean {\n    for (let i = 0; i < element.childNodes.length; i++) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusFirstDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n  /**\n   * @desc Find the last descendant node that is focusable.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the last focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusLastDescendant(element: HTMLElement): boolean {\n    for (let i = element.childNodes.length - 1; i >= 0; i--) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusLastDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n}\n\nexport default Utils\n"],"names":[],"mappings":";;;;MACa,aAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA;AAGb,MAAM,8BAA8B;MAKvB,YAAY,CAAC,YAAyB;AACjD,MAAI,QAAQ,IAAI,aAAa;AAAQ,WAAO;AAC5C,QAAM,WAAW,iBAAiB;AAGlC,SAAO,SAAS,aAAa,UAAU,QAAQ,QAAQ,iBAAiB;AAAA;MAG7D,6BAA6B,CACxC,YACkB;AAClB,SAAO,MAAM,KACX,QAAQ,iBAA8B,8BACtC,OAAO,CAAC,SAAsB,YAAY,SAAS,UAAU;AAAA;MAQpD,cAAc,CAAC,YAAkC;AAC5D,MACE,QAAQ,WAAW,KAClB,QAAQ,aAAa,KAAK,QAAQ,aAAa,gBAAgB,MAChE;AACA,WAAO;AAAA;AAGT,MAAK,QAA8B,UAAU;AAC3C,WAAO;AAAA;AAGT,UAAQ,QAAQ;AAAA,SACT,KAAK;AAER,aACE,CAAC,CAAE,QAA8B,QAChC,QAA8B,QAAQ;AAAA;AAAA,SAGtC,SAAS;AACZ,aAAO,UACyB,SAAS,YACtC,QAA6B,SAAS;AAAA;AAAA,SAGtC;AAAA,SACA;AAAA,SACA,YAAY;AACf,aAAO;AAAA;AAAA,aAEA;AACP,aAAO;AAAA;AAAA;AAAA;MAYA,eAAe,CAAC,YAAkC;AApF/D;AAqFE,MAAI,CAAC,YAAY,UAAU;AACzB,WAAO;AAAA;AAET,QAAM,yBAAyB;AAE/B,gBAAQ,UAAR;AACA,QAAM,yBAAyB;AAC/B,SAAO,SAAS,kBAAkB;AAAA;MAUvB,eAAe,SAC1B,KACA,SACG,MACU;AACb,MAAI;AAEJ,MAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAU;AACpD,gBAAY;AAAA,aACH,KAAK,SAAS,QAAQ;AAC/B,gBAAY;AAAA,SACP;AACL,gBAAY;AAAA;AAEd,QAAM,MAAM,SAAS,YAAY;AAEjC,MAAI,UAAU,MAAM,GAAG;AACvB,MAAI,cAAc;AAClB,SAAO;AAAA;MAGI,SAAS,CAAC,OAAoB,CAAC,GAAG,aAAa;MAE/C,aAAa,CACxB,IACA,UACA,YACsB;AACtB,QAAM,EAAE,eAAe;AACvB,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,WAAW,WAAW,iBAAiB;AAC7C,QAAM,QAAQ,MAAM,UAAU,QAAQ,KAAK,UAAU;AACrD,SAAO,SAAS,QAAQ,aAAa;AAAA;MAG1B,YAAY,CAAC,OAAO;AAC/B,MAAI,CAAC;AAAI;AACT,KAAG;AACH,GAAC,OAAO,OAAO,GAAG;AAAA;MAGd,QAAQ;AAAA,EACZ,wBAAwB;AAAA,EASxB,qBAAqB,SAA+B;AAClD,aAAS,IAAI,GAAG,IAAI,QAAQ,WAAW,QAAQ,KAAK;AAClD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,qBAAqB,QAAQ;AAC3D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA,EAST,oBAAoB,SAA+B;AACjD,aAAS,IAAI,QAAQ,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AACvD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,oBAAoB,QAAQ;AAC1D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"aria.js","sources":["../../../../packages/utils/aria.ts"],"sourcesContent":["import type { Nullable } from '@element-plus/utils/types'\nexport const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n}\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  Utils.IgnoreUtilFocusChanges = true\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  Utils.IgnoreUtilFocusChanges = false\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n\nconst Utils = {\n  IgnoreUtilFocusChanges: false,\n  /**\n   * @desc Set focus on descendant nodes until the first focusable element is\n   *       found.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the first focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusFirstDescendant(element: HTMLElement): boolean {\n    for (let i = 0; i < element.childNodes.length; i++) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusFirstDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n  /**\n   * @desc Find the last descendant node that is focusable.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the last focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusLastDescendant(element: HTMLElement): boolean {\n    for (let i = element.childNodes.length - 1; i >= 0; i--) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusLastDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n}\n\nexport default Utils\n"],"names":[],"mappings":";;;;MACa,aAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA;AAGf,MAAM,8BAA8B;MAKvB,YAAY,CAAC,YAAyB;AACjD,MAAI,QAAQ,IAAI,aAAa;AAAQ,WAAO;AAC5C,QAAM,WAAW,iBAAiB;AAGlC,SAAO,SAAS,aAAa,UAAU,QAAQ,QAAQ,iBAAiB;AAAA;MAG7D,6BAA6B,CACxC,YACkB;AAClB,SAAO,MAAM,KACX,QAAQ,iBAA8B,8BACtC,OAAO,CAAC,SAAsB,YAAY,SAAS,UAAU;AAAA;MAQpD,cAAc,CAAC,YAAkC;AAC5D,MACE,QAAQ,WAAW,KAClB,QAAQ,aAAa,KAAK,QAAQ,aAAa,gBAAgB,MAChE;AACA,WAAO;AAAA;AAGT,MAAK,QAA8B,UAAU;AAC3C,WAAO;AAAA;AAGT,UAAQ,QAAQ;AAAA,SACT,KAAK;AAER,aACE,CAAC,CAAE,QAA8B,QAChC,QAA8B,QAAQ;AAAA;AAAA,SAGtC,SAAS;AACZ,aAAO,UACyB,SAAS,YACtC,QAA6B,SAAS;AAAA;AAAA,SAGtC;AAAA,SACA;AAAA,SACA,YAAY;AACf,aAAO;AAAA;AAAA,aAEA;AACP,aAAO;AAAA;AAAA;AAAA;MAYA,eAAe,CAAC,YAAkC;AArF/D;AAsFE,MAAI,CAAC,YAAY,UAAU;AACzB,WAAO;AAAA;AAET,QAAM,yBAAyB;AAE/B,gBAAQ,UAAR;AACA,QAAM,yBAAyB;AAC/B,SAAO,SAAS,kBAAkB;AAAA;MAUvB,eAAe,SAC1B,KACA,SACG,MACU;AACb,MAAI;AAEJ,MAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAU;AACpD,gBAAY;AAAA,aACH,KAAK,SAAS,QAAQ;AAC/B,gBAAY;AAAA,SACP;AACL,gBAAY;AAAA;AAEd,QAAM,MAAM,SAAS,YAAY;AAEjC,MAAI,UAAU,MAAM,GAAG;AACvB,MAAI,cAAc;AAClB,SAAO;AAAA;MAGI,SAAS,CAAC,OAAoB,CAAC,GAAG,aAAa;MAE/C,aAAa,CACxB,IACA,UACA,YACsB;AACtB,QAAM,EAAE,eAAe;AACvB,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,WAAW,WAAW,iBAAiB;AAC7C,QAAM,QAAQ,MAAM,UAAU,QAAQ,KAAK,UAAU;AACrD,SAAO,SAAS,QAAQ,aAAa;AAAA;MAG1B,YAAY,CAAC,OAAO;AAC/B,MAAI,CAAC;AAAI;AACT,KAAG;AACH,GAAC,OAAO,OAAO,GAAG;AAAA;MAGd,QAAQ;AAAA,EACZ,wBAAwB;AAAA,EASxB,qBAAqB,SAA+B;AAClD,aAAS,IAAI,GAAG,IAAI,QAAQ,WAAW,QAAQ,KAAK;AAClD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,qBAAqB,QAAQ;AAC3D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA,EAST,oBAAoB,SAA+B;AACjD,aAAS,IAAI,QAAQ,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AACvD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,oBAAoB,QAAQ;AAC1D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA;;;;;;;;;;;;;"}

package/lib/utils/color.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function calcColorChannels(c) {
-  let rawColor = c.replace("#", "");
+  let rawColor = c.trim().replace("#", "");
   if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {
     rawColor = rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2);
   }

package/lib/utils/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../../packages/utils/color.ts"],"sourcesContent":["export function calcColorChannels(c: string) {\n  let rawColor = c.replace('#', '')\n  if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {\n    rawColor =\n      rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2)\n  }\n  if (/^[0-9a-fA-F]{6}$/.test(rawColor)) {\n    return {\n      red: parseInt(rawColor.slice(0, 2), 16),\n      green: parseInt(rawColor.slice(2, 4), 16),\n      blue: parseInt(rawColor.slice(4, 6), 16),\n    }\n  }\n  return {\n    red: 255,\n    green: 255,\n    blue: 255,\n  }\n}\n\nexport function mixColor(color: string, percent = 0.2) {\n  let { red, green, blue } = calcColorChannels(color)\n  if (percent > 0) {\n    // shade given color\n    red *= 1 - percent\n    green *= 1 - percent\n    blue *= 1 - percent\n  } else {\n    // tint given color\n    const value = Math.abs(percent)\n    red += (255 - red) * Math.abs(percent)\n    green += (255 - green) * value\n    blue += (255 - blue) * value\n  }\n  return `rgb(${Math.round(red)}, ${Math.round(green)}, ${Math.round(blue)})`\n}\n\nexport function lighten(color: string, percent = 0.2) {\n  return mixColor(color, -percent)\n}\n\nexport function darken(color: string, percent = 0.2) {\n  return mixColor(color, percent)\n}\n"],"names":[],"mappings":";;;;2BAAkC,GAAW;AAC3C,MAAI,WAAW,EAAE,QAAQ,KAAK;AAC9B,MAAI,mBAAmB,KAAK,WAAW;AACrC,eACE,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO;AAAA;AAEvE,MAAI,mBAAmB,KAAK,WAAW;AACrC,WAAO;AAAA,MACL,KAAK,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACpC,OAAO,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACtC,MAAM,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA;AAAA;AAGzC,SAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;kBAIe,OAAe,UAAU,KAAK;AACrD,MAAI,EAAE,KAAK,OAAO,SAAS,kBAAkB;AAC7C,MAAI,UAAU,GAAG;AAEf,WAAO,IAAI;AACX,aAAS,IAAI;AACb,YAAQ,IAAI;AAAA,SACP;AAEL,UAAM,QAAQ,KAAK,IAAI;AACvB,WAAQ,OAAM,OAAO,KAAK,IAAI;AAC9B,aAAU,OAAM,SAAS;AACzB,YAAS,OAAM,QAAQ;AAAA;AAEzB,SAAO,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM;AAAA;iBAG7C,OAAe,UAAU,KAAK;AACpD,SAAO,SAAS,OAAO,CAAC;AAAA;gBAGH,OAAe,UAAU,KAAK;AACnD,SAAO,SAAS,OAAO;AAAA;;;;;;;"}
+{"version":3,"file":"color.js","sources":["../../../../packages/utils/color.ts"],"sourcesContent":["export function calcColorChannels(c: string) {\n  let rawColor = c.trim().replace('#', '')\n  if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {\n    rawColor =\n      rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2)\n  }\n  if (/^[0-9a-fA-F]{6}$/.test(rawColor)) {\n    return {\n      red: parseInt(rawColor.slice(0, 2), 16),\n      green: parseInt(rawColor.slice(2, 4), 16),\n      blue: parseInt(rawColor.slice(4, 6), 16),\n    }\n  }\n  return {\n    red: 255,\n    green: 255,\n    blue: 255,\n  }\n}\n\nexport function mixColor(color: string, percent = 0.2) {\n  let { red, green, blue } = calcColorChannels(color)\n  if (percent > 0) {\n    // shade given color\n    red *= 1 - percent\n    green *= 1 - percent\n    blue *= 1 - percent\n  } else {\n    // tint given color\n    const value = Math.abs(percent)\n    red += (255 - red) * Math.abs(percent)\n    green += (255 - green) * value\n    blue += (255 - blue) * value\n  }\n  return `rgb(${Math.round(red)}, ${Math.round(green)}, ${Math.round(blue)})`\n}\n\nexport function lighten(color: string, percent = 0.2) {\n  return mixColor(color, -percent)\n}\n\nexport function darken(color: string, percent = 0.2) {\n  return mixColor(color, percent)\n}\n"],"names":[],"mappings":";;;;2BAAkC,GAAW;AAC3C,MAAI,WAAW,EAAE,OAAO,QAAQ,KAAK;AACrC,MAAI,mBAAmB,KAAK,WAAW;AACrC,eACE,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO;AAAA;AAEvE,MAAI,mBAAmB,KAAK,WAAW;AACrC,WAAO;AAAA,MACL,KAAK,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACpC,OAAO,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACtC,MAAM,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA;AAAA;AAGzC,SAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;kBAIe,OAAe,UAAU,KAAK;AACrD,MAAI,EAAE,KAAK,OAAO,SAAS,kBAAkB;AAC7C,MAAI,UAAU,GAAG;AAEf,WAAO,IAAI;AACX,aAAS,IAAI;AACb,YAAQ,IAAI;AAAA,SACP;AAEL,UAAM,QAAQ,KAAK,IAAI;AACvB,WAAQ,OAAM,OAAO,KAAK,IAAI;AAC9B,aAAU,OAAM,SAAS;AACzB,YAAS,OAAM,QAAQ;AAAA;AAEzB,SAAO,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM;AAAA;iBAG7C,OAAe,UAAU,KAAK;AACpD,SAAO,SAAS,OAAO,CAAC;AAAA;gBAGH,OAAe,UAAU,KAAK;AACnD,SAAO,SAAS,OAAO;AAAA;;;;;;;"}

package/lib/utils/config.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentSize } from './types';
 export interface InstallOptions {
-    size: ComponentSize;
+    size: ComponentSize | '';
     zIndex: number;
     locale?: any;
 }

package/lib/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../../packages/utils/config.ts"],"sourcesContent":["import type { ComponentSize } from './types'\n\nexport interface InstallOptions {\n  size: ComponentSize\n  zIndex: number\n  locale?: any\n}\n\nlet $ELEMENT = {} as InstallOptions\n\nconst setConfig = (option: InstallOptions): void => {\n  $ELEMENT = option\n}\n\nconst getConfig = (key: keyof InstallOptions): unknown => {\n  return $ELEMENT[key]\n}\n\nexport { getConfig, setConfig }\n"],"names":[],"mappings":";;;;AAQA,IAAI,WAAW;MAET,YAAY,CAAC,WAAiC;AAClD,aAAW;AAAA;MAGP,YAAY,CAAC,QAAuC;AACxD,SAAO,SAAS;AAAA;;;;;"}
+{"version":3,"file":"config.js","sources":["../../../../packages/utils/config.ts"],"sourcesContent":["import type { ComponentSize } from './types'\n\nexport interface InstallOptions {\n  size: ComponentSize | ''\n  zIndex: number\n  locale?: any\n}\n\nlet $ELEMENT = {} as InstallOptions\n\nconst setConfig = (option: InstallOptions): void => {\n  $ELEMENT = option\n}\n\nconst getConfig = (key: keyof InstallOptions): unknown => {\n  return $ELEMENT[key]\n}\n\nexport { getConfig, setConfig }\n"],"names":[],"mappings":";;;;AAQA,IAAI,WAAW;MAET,YAAY,CAAC,WAAiC;AAClD,aAAW;AAAA;MAGP,YAAY,CAAC,QAAuC;AACxD,SAAO,SAAS;AAAA;;;;;"}

package/lib/utils/dom.d.ts

@@ -15,3 +15,7 @@ export declare const isInContainer: (el: Element | undefined, container: Element
 export declare const getOffsetTop: (el: HTMLElement) => number;
 export declare const getOffsetTopDistance: (el: HTMLElement, containerEl: HTMLElement) => number;
 export declare const stop: (e: Event) => void;
+export declare const getClientXY: (event: MouseEvent | TouchEvent) => {
+    clientX: number;
+    clientY: number;
+};

package/lib/utils/dom.js

@@ -163,8 +163,27 @@ const getOffsetTopDistance = (el, containerEl) => {
   return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl));
 };
 const stop = (e) => e.stopPropagation();
+const getClientXY = (event) => {
+  let clientX;
+  let clientY;
+  if (event.type === "touchend") {
+    clientY = event.changedTouches[0].clientY;
+    clientX = event.changedTouches[0].clientX;
+  } else if (event.type.startsWith("touch")) {
+    clientY = event.touches[0].clientY;
+    clientX = event.touches[0].clientX;
+  } else {
+    clientY = event.clientY;
+    clientX = event.clientX;
+  }
+  return {
+    clientX,
+    clientY
+  };
+};
 
 exports.addClass = addClass;
+exports.getClientXY = getClientXY;
 exports.getOffsetTop = getOffsetTop;
 exports.getOffsetTopDistance = getOffsetTopDistance;
 exports.getScrollContainer = getScrollContainer;

package/lib/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../../packages/utils/dom.ts"],"sourcesContent":["import isServer from './isServer'\nimport { camelize, isObject } from './util'\nimport type { CSSProperties } from 'vue'\n\nimport type { Nullable } from './types'\n\n/* istanbul ignore next */\nconst trimArr = function (s: string) {\n  return (s || '').split(' ').filter((item) => !!item.trim())\n}\n\n/* istanbul ignore next */\nexport const on = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.addEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const off = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.removeEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const once = function (\n  el: HTMLElement,\n  event: string,\n  fn: EventListener\n): void {\n  const listener = function (this: any, ...args: any) {\n    if (fn) {\n      fn.apply(this, args)\n    }\n    off(el, event, listener)\n  }\n  on(el, event, listener)\n}\n\n/* istanbul ignore next */\nexport function hasClass(el: HTMLElement | Element, cls: string): boolean {\n  if (!el || !cls) return false\n  if (cls.indexOf(' ') !== -1)\n    throw new Error('className should not contain space.')\n  if (el.classList) {\n    return el.classList.contains(cls)\n  } else {\n    const className = el.getAttribute('class') || ''\n    return className.split(' ').includes(cls)\n  }\n}\n\n/* istanbul ignore next */\nexport function addClass(el: HTMLElement | Element, cls: string): void {\n  if (!el) return\n  let className = el.getAttribute('class') || ''\n  const curClass = trimArr(className)\n  const classes = (cls || '')\n    .split(' ')\n    .filter((item) => !curClass.includes(item) && !!item.trim())\n\n  if (el.classList) {\n    el.classList.add(...classes)\n  } else {\n    className += ` ${classes.join(' ')}`\n    el.setAttribute('class', className)\n  }\n}\n\n/* istanbul ignore next */\nexport function removeClass(el: HTMLElement | Element, cls: string): void {\n  if (!el || !cls) return\n  const classes = trimArr(cls)\n  let curClass = el.getAttribute('class') || ''\n\n  if (el.classList) {\n    el.classList.remove(...classes)\n    return\n  }\n  classes.forEach((item) => {\n    curClass = curClass.replace(` ${item} `, ' ')\n  })\n  const className = trimArr(curClass).join(' ')\n  el.setAttribute('class', className)\n}\n\n/* istanbul ignore next */\n// Here I want to use the type CSSProperties, but the definition for CSSProperties\n// has { [index: number]: string } in its type annotation, which does not satisfy the method\n// camelize(s: string)\n// Same as the return type\nexport const getStyle = function (\n  element: HTMLElement,\n  styleName: string\n): string {\n  if (isServer) return ''\n  if (!element || !styleName) return ''\n  styleName = camelize(styleName)\n  if (styleName === 'float') {\n    styleName = 'cssFloat'\n  }\n  try {\n    const style = element.style[styleName]\n    if (style) return style\n    const computed = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[styleName] : ''\n  } catch (e) {\n    return element.style[styleName]\n  }\n}\n\n/* istanbul ignore next */\nexport function setStyle(\n  element: HTMLElement,\n  styleName: CSSProperties | string,\n  value?: string\n): void {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    Object.keys(styleName).forEach((prop) => {\n      setStyle(element, prop, styleName[prop])\n    })\n  } else {\n    styleName = camelize(styleName)\n    element.style[styleName] = value\n  }\n}\n\nexport function removeStyle(\n  element: HTMLElement,\n  style: CSSProperties | string\n) {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    Object.keys(style).forEach((prop) => {\n      setStyle(element, prop, '')\n    })\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport const isScroll = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): RegExpMatchArray | null => {\n  if (isServer) return null\n  const determinedDirection = isVertical === null || isVertical === undefined\n  const overflow = determinedDirection\n    ? getStyle(el, 'overflow')\n    : isVertical\n    ? getStyle(el, 'overflow-y')\n    : getStyle(el, 'overflow-x')\n\n  return overflow.match(/(scroll|auto|overlay)/)\n}\n\nexport const getScrollContainer = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): Window | HTMLElement | undefined => {\n  if (isServer) return\n\n  let parent: HTMLElement = el\n  while (parent) {\n    if ([window, document, document.documentElement].includes(parent)) {\n      return window\n    }\n    if (isScroll(parent, isVertical)) {\n      return parent\n    }\n    parent = parent.parentNode as HTMLElement\n  }\n  return parent\n}\n\nexport const isInContainer = (\n  el: Element | undefined,\n  container: Element | Window | undefined\n): boolean => {\n  if (isServer || !el || !container) return false\n\n  const elRect = el.getBoundingClientRect()\n\n  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\n  if (container instanceof Element) {\n    containerRect = container.getBoundingClientRect()\n  } else {\n    containerRect = {\n      top: 0,\n      right: window.innerWidth,\n      bottom: window.innerHeight,\n      left: 0,\n    }\n  }\n  return (\n    elRect.top < containerRect.bottom &&\n    elRect.bottom > containerRect.top &&\n    elRect.right > containerRect.left &&\n    elRect.left < containerRect.right\n  )\n}\n\nexport const getOffsetTop = (el: HTMLElement) => {\n  let offset = 0\n  let parent = el\n\n  while (parent) {\n    offset += parent.offsetTop\n    parent = parent.offsetParent as HTMLElement\n  }\n\n  return offset\n}\n\nexport const getOffsetTopDistance = (\n  el: HTMLElement,\n  containerEl: HTMLElement\n) => {\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))\n}\n\nexport const stop = (e: Event) => e.stopPropagation()\n"],"names":["isServer","camelize","isObject"],"mappings":"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"}
+{"version":3,"file":"dom.js","sources":["../../../../packages/utils/dom.ts"],"sourcesContent":["import isServer from './isServer'\nimport { camelize, isObject } from './util'\nimport type { CSSProperties } from 'vue'\n\nimport type { Nullable } from './types'\n\n/* istanbul ignore next */\nconst trimArr = function (s: string) {\n  return (s || '').split(' ').filter((item) => !!item.trim())\n}\n\n/* istanbul ignore next */\nexport const on = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.addEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const off = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.removeEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const once = function (\n  el: HTMLElement,\n  event: string,\n  fn: EventListener\n): void {\n  const listener = function (this: any, ...args: any) {\n    if (fn) {\n      fn.apply(this, args)\n    }\n    off(el, event, listener)\n  }\n  on(el, event, listener)\n}\n\n/* istanbul ignore next */\nexport function hasClass(el: HTMLElement | Element, cls: string): boolean {\n  if (!el || !cls) return false\n  if (cls.indexOf(' ') !== -1)\n    throw new Error('className should not contain space.')\n  if (el.classList) {\n    return el.classList.contains(cls)\n  } else {\n    const className = el.getAttribute('class') || ''\n    return className.split(' ').includes(cls)\n  }\n}\n\n/* istanbul ignore next */\nexport function addClass(el: HTMLElement | Element, cls: string): void {\n  if (!el) return\n  let className = el.getAttribute('class') || ''\n  const curClass = trimArr(className)\n  const classes = (cls || '')\n    .split(' ')\n    .filter((item) => !curClass.includes(item) && !!item.trim())\n\n  if (el.classList) {\n    el.classList.add(...classes)\n  } else {\n    className += ` ${classes.join(' ')}`\n    el.setAttribute('class', className)\n  }\n}\n\n/* istanbul ignore next */\nexport function removeClass(el: HTMLElement | Element, cls: string): void {\n  if (!el || !cls) return\n  const classes = trimArr(cls)\n  let curClass = el.getAttribute('class') || ''\n\n  if (el.classList) {\n    el.classList.remove(...classes)\n    return\n  }\n  classes.forEach((item) => {\n    curClass = curClass.replace(` ${item} `, ' ')\n  })\n  const className = trimArr(curClass).join(' ')\n  el.setAttribute('class', className)\n}\n\n/* istanbul ignore next */\n// Here I want to use the type CSSProperties, but the definition for CSSProperties\n// has { [index: number]: string } in its type annotation, which does not satisfy the method\n// camelize(s: string)\n// Same as the return type\nexport const getStyle = function (\n  element: HTMLElement,\n  styleName: string\n): string {\n  if (isServer) return ''\n  if (!element || !styleName) return ''\n  styleName = camelize(styleName)\n  if (styleName === 'float') {\n    styleName = 'cssFloat'\n  }\n  try {\n    const style = element.style[styleName]\n    if (style) return style\n    const computed = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[styleName] : ''\n  } catch (e) {\n    return element.style[styleName]\n  }\n}\n\n/* istanbul ignore next */\nexport function setStyle(\n  element: HTMLElement,\n  styleName: CSSProperties | string,\n  value?: string\n): void {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    Object.keys(styleName).forEach((prop) => {\n      setStyle(element, prop, styleName[prop])\n    })\n  } else {\n    styleName = camelize(styleName)\n    element.style[styleName] = value\n  }\n}\n\nexport function removeStyle(\n  element: HTMLElement,\n  style: CSSProperties | string\n) {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    Object.keys(style).forEach((prop) => {\n      setStyle(element, prop, '')\n    })\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport const isScroll = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): RegExpMatchArray | null => {\n  if (isServer) return null\n  const determinedDirection = isVertical === null || isVertical === undefined\n  const overflow = determinedDirection\n    ? getStyle(el, 'overflow')\n    : isVertical\n    ? getStyle(el, 'overflow-y')\n    : getStyle(el, 'overflow-x')\n\n  return overflow.match(/(scroll|auto|overlay)/)\n}\n\nexport const getScrollContainer = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): Window | HTMLElement | undefined => {\n  if (isServer) return\n\n  let parent: HTMLElement = el\n  while (parent) {\n    if ([window, document, document.documentElement].includes(parent)) {\n      return window\n    }\n    if (isScroll(parent, isVertical)) {\n      return parent\n    }\n    parent = parent.parentNode as HTMLElement\n  }\n  return parent\n}\n\nexport const isInContainer = (\n  el: Element | undefined,\n  container: Element | Window | undefined\n): boolean => {\n  if (isServer || !el || !container) return false\n\n  const elRect = el.getBoundingClientRect()\n\n  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\n  if (container instanceof Element) {\n    containerRect = container.getBoundingClientRect()\n  } else {\n    containerRect = {\n      top: 0,\n      right: window.innerWidth,\n      bottom: window.innerHeight,\n      left: 0,\n    }\n  }\n  return (\n    elRect.top < containerRect.bottom &&\n    elRect.bottom > containerRect.top &&\n    elRect.right > containerRect.left &&\n    elRect.left < containerRect.right\n  )\n}\n\nexport const getOffsetTop = (el: HTMLElement) => {\n  let offset = 0\n  let parent = el\n\n  while (parent) {\n    offset += parent.offsetTop\n    parent = parent.offsetParent as HTMLElement\n  }\n\n  return offset\n}\n\nexport const getOffsetTopDistance = (\n  el: HTMLElement,\n  containerEl: HTMLElement\n) => {\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))\n}\n\nexport const stop = (e: Event) => e.stopPropagation()\n\nexport const getClientXY = (event: MouseEvent | TouchEvent) => {\n  let clientX: number\n  let clientY: number\n  if (event.type === 'touchend') {\n    clientY = (event as TouchEvent).changedTouches[0].clientY\n    clientX = (event as TouchEvent).changedTouches[0].clientX\n  } else if (event.type.startsWith('touch')) {\n    clientY = (event as TouchEvent).touches[0].clientY\n    clientX = (event as TouchEvent).touches[0].clientX\n  } else {\n    clientY = (event as MouseEvent).clientY\n    clientX = (event as MouseEvent).clientX\n  }\n  return {\n    clientX,\n    clientY,\n  }\n}\n"],"names":["isServer","camelize","isObject"],"mappings":"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"}

package/lib/utils/icon.js

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var icons = require('@element-plus/icons');
+var iconsVue = require('@element-plus/icons-vue');
 var props = require('./props.js');
 
 const iconPropType = props.definePropType([String, Object]);
 const CloseComponents = {
-  Close: icons.Close
+  Close: iconsVue.Close
 };
 const TypeComponents = {
-  Close: icons.Close,
-  SuccessFilled: icons.SuccessFilled,
-  InfoFilled: icons.InfoFilled,
-  WarningFilled: icons.WarningFilled,
-  CircleCloseFilled: icons.CircleCloseFilled
+  Close: iconsVue.Close,
+  SuccessFilled: iconsVue.SuccessFilled,
+  InfoFilled: iconsVue.InfoFilled,
+  WarningFilled: iconsVue.WarningFilled,
+  CircleCloseFilled: iconsVue.CircleCloseFilled
 };
 const TypeComponentsMap = {
-  success: icons.SuccessFilled,
-  warning: icons.WarningFilled,
-  error: icons.CircleCloseFilled,
-  info: icons.InfoFilled
+  success: iconsVue.SuccessFilled,
+  warning: iconsVue.WarningFilled,
+  error: iconsVue.CircleCloseFilled,
+  info: iconsVue.InfoFilled
 };
 const ValidateComponentsMap = {
-  validating: icons.Loading,
-  success: icons.CircleCheck,
-  error: icons.CircleClose
+  validating: iconsVue.Loading,
+  success: iconsVue.CircleCheck,
+  error: iconsVue.CircleClose
 };
 
 exports.CloseComponents = CloseComponents;

package/lib/utils/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../packages/utils/icon.ts"],"sourcesContent":["import {\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n  Close,\n  Loading,\n  CircleCheck,\n  CircleClose,\n} from '@element-plus/icons'\nimport { definePropType } from './props'\nimport type { Component } from 'vue'\n\nexport const iconPropType = definePropType<string | Component>([String, Object])\n\nexport const CloseComponents = {\n  Close,\n}\n\nexport const TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n}\n\nexport const TypeComponentsMap = {\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled,\n}\n\nexport const ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose,\n}\n"],"names":["definePropType","Close","SuccessFilled","InfoFilled","WarningFilled","CircleCloseFilled","Loading","CircleCheck","CircleClose"],"mappings":";;;;;;;MAaa,eAAeA,qBAAmC,CAAC,QAAQ;MAE3D,kBAAkB;AAAA,SAC7BC;AAAA;MAGW,iBAAiB;AAAA,SAC5BA;AAAA,iBACAC;AAAA,cACAC;AAAA,iBACAC;AAAA,qBACAC;AAAA;MAGW,oBAAoB;AAAA,EAC/B,SAASH;AAAA,EACT,SAASE;AAAA,EACT,OAAOC;AAAA,EACP,MAAMF;AAAA;MAGK,wBAAwB;AAAA,EACnC,YAAYG;AAAA,EACZ,SAASC;AAAA,EACT,OAAOC;AAAA;;;;;;;;"}
+{"version":3,"file":"icon.js","sources":["../../../../packages/utils/icon.ts"],"sourcesContent":["import {\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n  Close,\n  Loading,\n  CircleCheck,\n  CircleClose,\n} from '@element-plus/icons-vue'\nimport { definePropType } from './props'\nimport type { Component } from 'vue'\n\nexport const iconPropType = definePropType<string | Component>([String, Object])\n\nexport const CloseComponents = {\n  Close,\n}\n\nexport const TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n}\n\nexport const TypeComponentsMap = {\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled,\n}\n\nexport const ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose,\n}\n"],"names":["definePropType","Close","SuccessFilled","InfoFilled","WarningFilled","CircleCloseFilled","Loading","CircleCheck","CircleClose"],"mappings":";;;;;;;MAaa,eAAeA,qBAAmC,CAAC,QAAQ;MAE3D,kBAAkB;AAAA,SAC7BC;AAAA;MAGW,iBAAiB;AAAA,SAC5BA;AAAA,iBACAC;AAAA,cACAC;AAAA,iBACAC;AAAA,qBACAC;AAAA;MAGW,oBAAoB;AAAA,EAC/B,SAASH;AAAA,EACT,SAASE;AAAA,EACT,OAAOC;AAAA,EACP,MAAMF;AAAA;MAGK,wBAAwB;AAAA,EACnC,YAAYG;AAAA,EACZ,SAASC;AAAA,EACT,OAAOC;AAAA;;;;;;;;"}

package/lib/utils/props.d.ts

@@ -39,6 +39,26 @@ export declare type BuildPropReturn<T, D, R, V, C> = {
     readonly validator: ((val: unknown) => boolean) | undefined;
     [propKey]: true;
 } & BuildPropDefault<BuildPropType<T, V, C>, IfUnknown<D, never>, IfUnknown<R, false>>;
+/**
+ * @description Build prop. It can better optimize prop types
+ * @description 生成 prop，能更好地优化类型
+ * @example
+  // limited options
+  // the type will be PropType<'light' | 'dark'>
+  buildProp({
+    type: String,
+    values: ['light', 'dark'],
+  } as const)
+  * @example
+  // limited options and other types
+  // the type will be PropType<'small' | 'medium' | number>
+  buildProp({
+    type: [String, Number],
+    values: ['small', 'medium'],
+    validator: (val: unknown): val is number => typeof val === 'number',
+  } as const)
+  @link see more: https://github.com/element-plus/element-plus/pull/3341
+ */
 export declare function buildProp<T = never, D extends BuildPropType<T, V, C> = never, R extends boolean = false, V = never, C = never>(option: BuildPropOption<T, D, R, V, C>, key?: string): BuildPropReturn<T, D, R, V, C>;
 declare type NativePropType = [
     ((...args: any) => any) | {