element-pe 1.0.2 → 1.0.6

package/packages/hooks/dist/lib/use-teleport/index.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const shared_1 = require("@vue/shared");
-const isServer_1 = __importDefault(require("element-plus/lib/utils/isServer"));
-const global_nodes_1 = require("element-plus/lib/utils/global-nodes");
+const isServer_1 = __importDefault(require("element-pe/lib/utils/isServer"));
+const global_nodes_1 = require("element-pe/lib/utils/global-nodes");
 exports.default = (contentRenderer, appendToBody) => {
     const isTeleportVisible = (0, vue_1.ref)(false);
     if (isServer_1.default) {

package/packages/hooks/es/index.d.ts

@@ -13,3 +13,4 @@ export * from './use-model-toggle';
 export * from './use-popper';
 export * from './use-css-var';
 export * from './use-locale';
+export * from './use-form-item';

package/packages/hooks/es/index.js

@@ -13,3 +13,4 @@ export * from './use-model-toggle';
 export * from './use-popper';
 export * from './use-css-var';
 export * from './use-locale';
+export * from './use-form-item';

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

@@ -1,6 +1,7 @@
+import type { ComputedRef } from 'vue';
 interface Params {
     excludeListeners?: boolean;
     excludeKeys?: string[];
 }
-declare const _default: (params?: Params) => import("vue").Ref<{}>;
+declare const _default: (params?: Params) => ComputedRef<Record<string, unknown>>;
 export default _default;

package/packages/hooks/es/use-attrs/index.js

@@ -1,23 +1,18 @@
-import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue';
-import { entries } from '../../utils/util';
+import { getCurrentInstance, computed } from 'vue';
+import { debugWarn } from '../../utils/error';
 const DEFAULT_EXCLUDE_KEYS = ['class', 'style'];
 const LISTENER_PREFIX = /^on[A-Z]/;
 export default (params = {}) => {
     const { excludeListeners = false, excludeKeys = [] } = params;
-    const instance = getCurrentInstance();
-    const attrs = shallowRef({});
     const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS);
-    // Since attrs are not reactive, make it reactive instead of doing in `onUpdated` hook for better performance
-    instance.attrs = reactive(instance.attrs);
-    watchEffect(() => {
-        const res = entries(instance.attrs).reduce((acm, [key, val]) => {
-            if (!allExcludeKeys.includes(key) &&
-                !(excludeListeners && LISTENER_PREFIX.test(key))) {
-                acm[key] = val;
-            }
-            return acm;
-        }, {});
-        attrs.value = res;
+    const instance = getCurrentInstance();
+    if (!instance) {
+        debugWarn('use-attrs', 'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function');
+        return computed(() => ({}));
+    }
+    return computed(() => {
+        var _a;
+        return Object.fromEntries(Object.entries((_a = instance.proxy) === null || _a === void 0 ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.includes(key) &&
+            !(excludeListeners && LISTENER_PREFIX.test(key))));
     });
-    return attrs;
 };

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

@@ -0,0 +1,20 @@
+import type { ExtractPropTypes } from 'vue';
+import type { MaybeRef } from '@vueuse/shared';
+export declare const useFormItemProps: {
+    readonly size: {
+        readonly type: import("vue").PropType<"" | "small" | "large" | "medium" | "mini">;
+        readonly required: boolean;
+        readonly default: "";
+        readonly validator: (val: unknown) => boolean;
+    };
+    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>;
+};

package/packages/hooks/es/use-form-item/index.js

@@ -0,0 +1,35 @@
+import { inject, computed, getCurrentInstance, unref } from 'vue';
+import { elFormKey, elFormItemKey } from '../../tokens';
+import { buildProp } from '../../utils/props';
+import { useGlobalConfig } from '../../utils/util';
+const sizes = ['', 'large', 'medium', 'small', 'mini'];
+export const useFormItemProps = {
+    size: buildProp({
+        type: String,
+        values: sizes,
+        default: '',
+    }),
+    disabled: Boolean,
+};
+export const useFormItem = ({ size, disabled }) => {
+    const vm = getCurrentInstance();
+    const $ELEMENT = useGlobalConfig();
+    // vm.props is not reactive so we use the reactive one here.
+    const props = vm.proxy.$props;
+    const form = inject(elFormKey, undefined);
+    const formItem = inject(elFormItemKey, undefined);
+    return {
+        size: computed(() => {
+            // TODO, fallback to default size like 'medium/large' instead of empty string
+            return (props.size ||
+                unref(size) ||
+                (formItem === null || formItem === void 0 ? void 0 : formItem.size) ||
+                (form === null || form === void 0 ? void 0 : form.size) ||
+                $ELEMENT.size ||
+                '');
+        }),
+        disabled: computed(() => {
+            return (props.disabled === true || unref(disabled) || (form === null || form === void 0 ? void 0 : form.disabled) || false);
+        }),
+    };
+};

package/packages/hooks/es/use-lockscreen/index.js

@@ -1,6 +1,6 @@
 import { watch, isRef, onUnmounted } from 'vue';
 import getScrollBarWidth from '../../utils/scrollbar-width';
-import throwError from '../../utils/error';
+import { throwError } from '../../utils/error';
 import { addClass, removeClass, hasClass, getStyle, } from '../../utils/dom';
 /**
  * Hook that monitoring the ref value to lock or unlock the screen.

package/packages/hooks/es/use-migrating/index.js

@@ -1,5 +1,6 @@
-import { onMounted, getCurrentInstance } from 'vue';
+import { debugWarn } from '../../utils/error';
 import { kebabCase } from '../../utils/util';
+import { getCurrentInstance, onMounted } from 'vue';
 const useMigrating = function () {
     onMounted(() => {
         const instance = getCurrentInstance();
@@ -13,7 +14,7 @@ const useMigrating = function () {
         for (let propName in definedProps) {
             propName = kebabCase(propName); // compatible with camel case
             if (props[propName]) {
-                console.warn(`[Element Migrating][${instance.proxy.$options.name}][Attribute]: ${props[propName]}`);
+                debugWarn('Element Migrating', `[${instance.proxy.$options.name}][Attribute]: ${props[propName]}`);
             }
         }
     });

package/packages/hooks/es/use-popper/index.js

@@ -6,7 +6,7 @@ import { generateId, isHTMLElement, isString, refAttacher, } from '../../utils/u
 import { getFirstValidNode } from '../../utils/vnode';
 import { stop } from '../../utils/dom';
 import PopupManager from '../../utils/popup-manager';
-import throwError from '../../utils/error';
+import { throwError } from '../../utils/error';
 import useTeleport from '../use-teleport';
 import useTimeout from '../use-timeout';
 import { useModelToggle } from '../use-model-toggle';

package/packages/hooks/lib/index.d.ts

@@ -13,3 +13,4 @@ export * from './use-model-toggle';
 export * from './use-popper';
 export * from './use-css-var';
 export * from './use-locale';
+export * from './use-form-item';

package/packages/hooks/lib/index.js

@@ -40,3 +40,4 @@ __exportStar(require("./use-model-toggle"), exports);
 __exportStar(require("./use-popper"), exports);
 __exportStar(require("./use-css-var"), exports);
 __exportStar(require("./use-locale"), exports);
+__exportStar(require("./use-form-item"), exports);

package/packages/hooks/lib/use-attrs/index.d.ts

@@ -1,6 +1,7 @@
+import type { ComputedRef } from 'vue';
 interface Params {
     excludeListeners?: boolean;
     excludeKeys?: string[];
 }
-declare const _default: (params?: Params) => import("vue").Ref<{}>;
+declare const _default: (params?: Params) => ComputedRef<Record<string, unknown>>;
 export default _default;

package/packages/hooks/lib/use-attrs/index.js

@@ -1,25 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
-const util_1 = require("../../utils/util");
+const error_1 = require("../../utils/error");
 const DEFAULT_EXCLUDE_KEYS = ['class', 'style'];
 const LISTENER_PREFIX = /^on[A-Z]/;
 exports.default = (params = {}) => {
     const { excludeListeners = false, excludeKeys = [] } = params;
-    const instance = (0, vue_1.getCurrentInstance)();
-    const attrs = (0, vue_1.shallowRef)({});
     const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS);
-    // Since attrs are not reactive, make it reactive instead of doing in `onUpdated` hook for better performance
-    instance.attrs = (0, vue_1.reactive)(instance.attrs);
-    (0, vue_1.watchEffect)(() => {
-        const res = (0, util_1.entries)(instance.attrs).reduce((acm, [key, val]) => {
-            if (!allExcludeKeys.includes(key) &&
-                !(excludeListeners && LISTENER_PREFIX.test(key))) {
-                acm[key] = val;
-            }
-            return acm;
-        }, {});
-        attrs.value = res;
+    const instance = (0, vue_1.getCurrentInstance)();
+    if (!instance) {
+        (0, error_1.debugWarn)('use-attrs', 'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function');
+        return (0, vue_1.computed)(() => ({}));
+    }
+    return (0, vue_1.computed)(() => {
+        var _a;
+        return Object.fromEntries(Object.entries((_a = instance.proxy) === null || _a === void 0 ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.includes(key) &&
+            !(excludeListeners && LISTENER_PREFIX.test(key))));
     });
-    return attrs;
 };

package/packages/hooks/lib/use-form-item/index.d.ts

@@ -0,0 +1,20 @@
+import type { ExtractPropTypes } from 'vue';
+import type { MaybeRef } from '@vueuse/shared';
+export declare const useFormItemProps: {
+    readonly size: {
+        readonly type: import("vue").PropType<"" | "small" | "large" | "medium" | "mini">;
+        readonly required: boolean;
+        readonly default: "";
+        readonly validator: (val: unknown) => boolean;
+    };
+    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>;
+};

package/packages/hooks/lib/use-form-item/index.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormItem = exports.useFormItemProps = void 0;
+const vue_1 = require("vue");
+const tokens_1 = require("../../tokens");
+const props_1 = require("../../utils/props");
+const util_1 = require("../../utils/util");
+const sizes = ['', 'large', 'medium', 'small', 'mini'];
+exports.useFormItemProps = {
+    size: (0, props_1.buildProp)({
+        type: String,
+        values: sizes,
+        default: '',
+    }),
+    disabled: Boolean,
+};
+const useFormItem = ({ size, disabled }) => {
+    const vm = (0, vue_1.getCurrentInstance)();
+    const $ELEMENT = (0, util_1.useGlobalConfig)();
+    // vm.props is not reactive so we use the reactive one here.
+    const props = vm.proxy.$props;
+    const form = (0, vue_1.inject)(tokens_1.elFormKey, undefined);
+    const formItem = (0, vue_1.inject)(tokens_1.elFormItemKey, undefined);
+    return {
+        size: (0, vue_1.computed)(() => {
+            // TODO, fallback to default size like 'medium/large' instead of empty string
+            return (props.size ||
+                (0, vue_1.unref)(size) ||
+                (formItem === null || formItem === void 0 ? void 0 : formItem.size) ||
+                (form === null || form === void 0 ? void 0 : form.size) ||
+                $ELEMENT.size ||
+                '');
+        }),
+        disabled: (0, vue_1.computed)(() => {
+            return (props.disabled === true || (0, vue_1.unref)(disabled) || (form === null || form === void 0 ? void 0 : form.disabled) || false);
+        }),
+    };
+};
+exports.useFormItem = useFormItem;

package/packages/hooks/lib/use-lockscreen/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const scrollbar_width_1 = __importDefault(require("../../utils/scrollbar-width"));
-const error_1 = __importDefault(require("../../utils/error"));
+const error_1 = require("../../utils/error");
 const dom_1 = require("../../utils/dom");
 /**
  * Hook that monitoring the ref value to lock or unlock the screen.
@@ -14,7 +14,7 @@ const dom_1 = require("../../utils/dom");
  */
 exports.default = (trigger) => {
     if (!(0, vue_1.isRef)(trigger)) {
-        (0, error_1.default)('[useLockScreen]', 'You need to pass a ref param to this function');
+        (0, error_1.throwError)('[useLockScreen]', 'You need to pass a ref param to this function');
     }
     let scrollBarWidth = 0;
     let withoutHiddenClass = false;

package/packages/hooks/lib/use-migrating/index.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
+const error_1 = require("../../utils/error");
 const util_1 = require("../../utils/util");
+const vue_1 = require("vue");
 const useMigrating = function () {
     (0, vue_1.onMounted)(() => {
         const instance = (0, vue_1.getCurrentInstance)();
@@ -15,7 +16,7 @@ const useMigrating = function () {
         for (let propName in definedProps) {
             propName = (0, util_1.kebabCase)(propName); // compatible with camel case
             if (props[propName]) {
-                console.warn(`[Element Migrating][${instance.proxy.$options.name}][Attribute]: ${props[propName]}`);
+                (0, error_1.debugWarn)('Element Migrating', `[${instance.proxy.$options.name}][Attribute]: ${props[propName]}`);
             }
         }
     });

package/packages/hooks/lib/use-popper/index.js

@@ -12,7 +12,7 @@ const util_1 = require("../../utils/util");
 const vnode_1 = require("../../utils/vnode");
 const dom_1 = require("../../utils/dom");
 const popup_manager_1 = __importDefault(require("../../utils/popup-manager"));
-const error_1 = __importDefault(require("../../utils/error"));
+const error_1 = require("../../utils/error");
 const use_teleport_1 = __importDefault(require("../use-teleport"));
 const use_timeout_1 = __importDefault(require("../use-timeout"));
 const use_model_toggle_1 = require("../use-model-toggle");
@@ -242,7 +242,7 @@ const usePopperHook = () => {
         const trigger = (_a = slots.trigger) === null || _a === void 0 ? void 0 : _a.call(slots);
         const firstElement = (0, vnode_1.getFirstValidNode)(trigger, 1);
         if (!firstElement)
-            (0, error_1.default)('renderTrigger', 'trigger expects single rooted node');
+            (0, error_1.throwError)('renderTrigger', 'trigger expects single rooted node');
         return (0, vue_1.cloneVNode)(firstElement, triggerProps, true);
     }
     function render() {

package/packages/hooks/use-attrs/index.ts

@@ -27,7 +27,7 @@ export default (params: Params = {}): ComputedRef<Record<string, unknown>> => {
 
   return computed(() =>
     fromPairs(
-      Object.entries(instance.proxy?.$attrs).filter(
+      Object.entries(instance.proxy?.$attrs!).filter(
         ([key]) =>
           !allExcludeKeys.includes(key) &&
           !(excludeListeners && LISTENER_PREFIX.test(key))

package/packages/hooks/use-form-item/index.ts

@@ -1,6 +1,6 @@
 import { inject, computed, getCurrentInstance, unref } from 'vue'
 import { elFormKey, elFormItemKey } from '@element-plus/tokens'
-import { buildProp } from '@element-plus/utils/props'
+import { buildProps } from '@element-plus/utils/props'
 import { useGlobalConfig } from '@element-plus/utils/util'
 
 import type { ExtractPropTypes } from 'vue'
@@ -8,14 +8,14 @@ import type { MaybeRef } from '@vueuse/shared'
 
 const sizes = ['', 'large', 'medium', 'small', 'mini'] as const
 
-export const useFormItemProps = {
-  size: buildProp({
+export const useFormItemProps = buildProps({
+  size: {
     type: String,
     values: sizes,
     default: '',
-  } as const),
+  },
   disabled: Boolean,
-} as const
+} as const)
 
 export type UseFormItemProps = ExtractPropTypes<typeof useFormItemProps>
 

package/packages/locale/dist/es/index.js

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-import { debugWarn } from 'element-plus/es/utils/error';
+import { debugWarn } from 'element-pe/es/utils/error';
 import defaultLang from './lang/en';
 let lang = defaultLang;
 let i18nHandler = null;

package/packages/locale/dist/lib/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLocale = exports.use = exports.t = exports.restoreHandler = exports.i18n = void 0;
 const dayjs_1 = __importDefault(require("dayjs"));
-const error_1 = require("element-plus/lib/utils/error");
+const error_1 = require("element-pe/lib/utils/error");
 const en_1 = __importDefault(require("./lang/en"));
 let lang = en_1.default;
 let i18nHandler = null;

package/packages/locale/es/index.js

@@ -1,3 +1,4 @@
+import { debugWarn } from '@element-plus/utils/error';
 import dayjs from 'dayjs';
 import defaultLang from './lang/en';
 let lang = defaultLang;
@@ -36,13 +37,11 @@ export const t = (...args) => {
     return defaultTranslator(...args);
 };
 export const use = (l) => {
-    if (process.env.NODE_ENV !== 'production') {
-        console.warn(`[deprecation]:
+    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);

package/packages/locale/lib/index.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setLocale = exports.use = exports.t = exports.restoreHandler = exports.i18n = void 0;
+const error_1 = require("@element-plus/utils/error");
 const dayjs_1 = __importDefault(require("dayjs"));
 const en_1 = __importDefault(require("./lang/en"));
 let lang = en_1.default;
@@ -45,13 +46,11 @@ const t = (...args) => {
 };
 exports.t = t;
 const use = (l) => {
-    if (process.env.NODE_ENV !== 'production') {
-        console.warn(`[deprecation]:
+    (0, error_1.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_1.default.locale(lang.name);

package/packages/theme-chalk/package.json

@@ -34,8 +34,7 @@
     "gulp-autoprefixer": "^8.0.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.0.0",
-    "sass": "^1.42.1"
+    "gulp-sass": "^5.0.0"
   },
   "gitHead": "c69724230befa8fede0e6b9c37fb0b7e39fd7cdd"
 }

package/packages/theme-chalk/src/image.scss

@@ -14,14 +14,6 @@
   @include e(inner) {
     @extend %size;
     vertical-align: top;
-
-    @include m(center) {
-      position: relative;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      display: block;
-    }
   }
 
   @include e(placeholder) {

package/packages/theme-chalk/src/message-box.scss

@@ -106,6 +106,7 @@
     + .#{$namespace}-message-box__message {
       padding-left: 36px;
       padding-right: 12px;
+      word-break: break-word;
     }
 
     @each $type in (success, info, warning, error) {

package/packages/tokens/dist/es/breadcrumb.d.ts

@@ -1,3 +1,3 @@
 import type { InjectionKey } from 'vue';
-import type { BreadcrumbProps } from 'element-plus/es/components/breadcrumb';
+import type { BreadcrumbProps } from 'element-pe/es/components/breadcrumb';
 export declare const elBreadcrumbKey: InjectionKey<BreadcrumbProps>;

package/packages/tokens/dist/es/button.d.ts

@@ -1,5 +1,5 @@
 import type { InjectionKey } from 'vue';
-import type { ButtonProps } from 'element-plus/es/components/button';
+import type { ButtonProps } from 'element-pe/es/components/button';
 export interface ElButtonGroupContext {
     size?: ButtonProps['size'];
     type?: ButtonProps['type'];

package/packages/tokens/dist/es/form.d.ts

@@ -1,6 +1,6 @@
 import type { InjectionKey } from 'vue';
 import type { ValidateFieldsError } from 'async-validator';
-import type { ComponentSize } from 'element-plus/es/utils/types';
+import type { ComponentSize } from 'element-pe/es/utils/types';
 export interface ElFormContext {
     registerLabelWidth(width: number, oldWidth: number): void;
     deregisterLabelWidth(width: number): void;

package/packages/tokens/dist/lib/breadcrumb.d.ts

@@ -1,3 +1,3 @@
 import type { InjectionKey } from 'vue';
-import type { BreadcrumbProps } from 'element-plus/lib/components/breadcrumb';
+import type { BreadcrumbProps } from 'element-pe/lib/components/breadcrumb';
 export declare const elBreadcrumbKey: InjectionKey<BreadcrumbProps>;

package/packages/tokens/dist/lib/button.d.ts

@@ -1,5 +1,5 @@
 import type { InjectionKey } from 'vue';
-import type { ButtonProps } from 'element-plus/lib/components/button';
+import type { ButtonProps } from 'element-pe/lib/components/button';
 export interface ElButtonGroupContext {
     size?: ButtonProps['size'];
     type?: ButtonProps['type'];

package/packages/tokens/dist/lib/form.d.ts

@@ -1,6 +1,6 @@
 import type { InjectionKey } from 'vue';
 import type { ValidateFieldsError } from 'async-validator';
-import type { ComponentSize } from 'element-plus/lib/utils/types';
+import type { ComponentSize } from 'element-pe/lib/utils/types';
 export interface ElFormContext {
     registerLabelWidth(width: number, oldWidth: number): void;
     deregisterLabelWidth(width: number): void;

package/packages/tokens/es/button.d.ts

@@ -1,6 +1,6 @@
 import type { InjectionKey } from 'vue';
 import type { ComponentSize } from '../utils/types';
-export interface ElButtonGruopContext {
+export interface ElButtonGroupContext {
     size?: ComponentSize;
 }
-export declare const elButtonGroupKey: InjectionKey<ElButtonGruopContext>;
+export declare const elButtonGroupKey: InjectionKey<ElButtonGroupContext>;

package/packages/tokens/lib/button.d.ts

@@ -1,6 +1,6 @@
 import type { InjectionKey } from 'vue';
 import type { ComponentSize } from '../utils/types';
-export interface ElButtonGruopContext {
+export interface ElButtonGroupContext {
     size?: ComponentSize;
 }
-export declare const elButtonGroupKey: InjectionKey<ElButtonGruopContext>;
+export declare const elButtonGroupKey: InjectionKey<ElButtonGroupContext>;

package/packages/utils/dist/es/dom.d.ts

@@ -3,15 +3,15 @@ import type { Nullable } from './types';
 export declare const on: (element: HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
 export declare const off: (element: HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
 export declare const once: (el: HTMLElement, event: string, fn: EventListener) => void;
-export declare function hasClass(el: HTMLElement, cls: string): boolean;
-export declare function addClass(el: HTMLElement, cls: string): void;
-export declare function removeClass(el: HTMLElement, cls: string): void;
+export declare function hasClass(el: HTMLElement | Element, cls: string): boolean;
+export declare function addClass(el: HTMLElement | Element, cls: string): void;
+export declare function removeClass(el: HTMLElement | Element, cls: string): void;
 export declare const getStyle: (element: HTMLElement, styleName: string) => string;
 export declare function setStyle(element: HTMLElement, styleName: CSSProperties | string, value?: string): void;
 export declare function removeStyle(element: HTMLElement, style: CSSProperties | string): void;
-export declare const isScroll: (el: HTMLElement, isVertical?: Nullable<boolean>) => RegExpMatchArray;
-export declare const getScrollContainer: (el: HTMLElement, isVertical?: Nullable<boolean>) => Window | HTMLElement;
-export declare const isInContainer: (el: HTMLElement, container: HTMLElement) => boolean;
+export declare const isScroll: (el: HTMLElement, isVertical?: Nullable<boolean>) => RegExpMatchArray | null;
+export declare const getScrollContainer: (el: HTMLElement, isVertical?: Nullable<boolean>) => Window | HTMLElement | undefined;
+export declare const isInContainer: (el: Element | undefined, container: Element | Window | undefined) => boolean;
 export declare const getOffsetTop: (el: HTMLElement) => number;
 export declare const getOffsetTopDistance: (el: HTMLElement, containerEl: HTMLElement) => number;
 export declare const stop: (e: Event) => void;