@element-plus/nightly 0.0.20220804 → 0.0.20220807

package/lib/components/notification/src/notification2.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification2.js","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const ns = useNamespace('notification')\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      ns,\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","TypeComponents","notificationProps","notificationEmits","useNamespace","ref","computed","TypeComponentsMap","useTimeoutFn","EVENT_CODE","onMounted","useEventListener","_createBlock","_Transition","_withDirectives","_createElementVNode","_normalizeClass","_normalizeStyle","_openBlock","_resolveDynamicComponent","_toDisplayString","_renderSlot","_createElementBlock","_Fragment","_createCommentVNode","_withModifiers","_createVNode"],"mappings":"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"}
+{"version":3,"file":"notification2.js","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromised, never use user's input as message -->\n            <p v-else v-html=\"message\" />\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <Close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { CloseComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst ns = useNamespace('notification')\nconst { Close } = CloseComponents\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n  if (!props.type) return ''\n  return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n  props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n  props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n  return {\n    [verticalProperty.value]: `${props.offset}px`,\n    zIndex: props.zIndex,\n  }\n})\n\nfunction startTimer() {\n  if (props.duration > 0) {\n    ;({ stop: timer } = useTimeoutFn(() => {\n      if (visible.value) close()\n    }, props.duration))\n  }\n}\n\nfunction clearTimer() {\n  timer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction onKeydown({ code }: KeyboardEvent) {\n  if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n    clearTimer() // press delete/backspace clear timer\n  } else if (code === EVENT_CODE.esc) {\n    // press esc to close the notification\n    if (visible.value) {\n      close()\n    }\n  } else {\n    startTimer() // resume timer\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  startTimer()\n  visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n  visible,\n  /** @description close notification */\n  close,\n})\n</script>\n"],"names":["useNamespace","CloseComponents","ref","computed","TypeComponentsMap","useTimeoutFn","EVENT_CODE","onMounted","useEventListener"],"mappings":"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"}

package/lib/components/select/src/useSelect.d.ts

@@ -1,6 +1,5 @@
 import { nextTick } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
-import type { FormItemContext } from 'element-plus/es/tokens';
 import type { QueryChangeCtx, SelectOptionProxy } from './token';
 export declare function useSelectStates(props: any): {
     options: Map<any, any>;
@@ -129,7 +128,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => ("focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) & {}) | (() => "focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) | ((new (...args: any[]) => ("focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) & {}) | (() => "focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]))[], unknown, unknown, "hover", boolean>;
             triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
             virtualRef: {
-                readonly type: import("vue").PropType<import("element-plus/es/tokens").Measurable>;
+                readonly type: import("vue").PropType<import("../../..").Measurable>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -439,7 +438,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => ("focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) & {}) | (() => "focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) | ((new (...args: any[]) => ("focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) & {}) | (() => "focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]))[], unknown, unknown, "hover", boolean>;
             triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
             virtualRef: {
-                readonly type: import("vue").PropType<import("element-plus/es/tokens").Measurable>;
+                readonly type: import("vue").PropType<import("../../..").Measurable>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -757,7 +756,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     contentRef: import("vue").Ref<HTMLElement | undefined>;
                     referenceRef: import("vue").Ref<HTMLElement | undefined>;
                     role: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") | ((new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree"))[], unknown, unknown>>;
-                    popperProvides: import("element-plus/es/tokens").ElPopperInjectionContext;
+                    popperProvides: import("../../..").ElPopperInjectionContext;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                     readonly role: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") | ((new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree"))[], unknown, unknown>;
                 }> & {
@@ -793,7 +792,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                 contentRef: import("vue").Ref<HTMLElement | undefined>;
                 referenceRef: import("vue").Ref<HTMLElement | undefined>;
                 role: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") | ((new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree"))[], unknown, unknown>>;
-                popperProvides: import("element-plus/es/tokens").ElPopperInjectionContext;
+                popperProvides: import("../../..").ElPopperInjectionContext;
             }> & {} & import("vue").ComponentCustomProperties) | null>;
             contentRef: import("vue").Ref<({
                 $: import("vue").ComponentInternalInstance;
@@ -2151,9 +2150,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                             }>>;
                             popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                             contentRef: import("vue").Ref<HTMLElement | undefined>;
-                            triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                            triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                             role: import("vue").ComputedRef<string>;
-                            formItemContext: FormItemContext | undefined;
+                            formItemContext: import("../../..").FormItemContext | undefined;
                             nextZIndex: () => number;
                             ns: {
                                 namespace: import("vue").ComputedRef<string>;
@@ -2180,7 +2179,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                             contentZIndex: import("vue").Ref<number>;
                             trapped: import("vue").Ref<boolean>;
                             triggerTargetAriaStopWatch: undefined;
-                            computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                            computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                             contentStyle: import("vue").ComputedRef<any>;
                             contentClass: import("vue").ComputedRef<((string | {
                                 [x: string]: boolean;
@@ -2790,9 +2789,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         }>>;
                         popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                         contentRef: import("vue").Ref<HTMLElement | undefined>;
-                        triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                        triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                         role: import("vue").ComputedRef<string>;
-                        formItemContext: FormItemContext | undefined;
+                        formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
                             namespace: import("vue").ComputedRef<string>;
@@ -2819,7 +2818,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         contentZIndex: import("vue").Ref<number>;
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
-                        computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                        computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -4000,9 +3999,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         }>>;
                         popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                         contentRef: import("vue").Ref<HTMLElement | undefined>;
-                        triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                        triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                         role: import("vue").ComputedRef<string>;
-                        formItemContext: FormItemContext | undefined;
+                        formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
                             namespace: import("vue").ComputedRef<string>;
@@ -4029,7 +4028,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         contentZIndex: import("vue").Ref<number>;
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
-                        computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                        computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -4639,9 +4638,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     }>>;
                     popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                     contentRef: import("vue").Ref<HTMLElement | undefined>;
-                    triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                    triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                     role: import("vue").ComputedRef<string>;
-                    formItemContext: FormItemContext | undefined;
+                    formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
                         namespace: import("vue").ComputedRef<string>;
@@ -4668,7 +4667,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     contentZIndex: import("vue").Ref<number>;
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
-                    computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                    computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -4825,7 +4824,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
         trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => ("focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) & {}) | (() => "focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) | ((new (...args: any[]) => ("focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]) & {}) | (() => "focus" | "hover" | "click" | "contextmenu" | ("focus" | "hover" | "click" | "contextmenu")[]))[], unknown, unknown, "hover", boolean>;
         triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
         virtualRef: {
-            readonly type: import("vue").PropType<import("element-plus/es/tokens").Measurable>;
+            readonly type: import("vue").PropType<import("../../..").Measurable>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -5143,7 +5142,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                 contentRef: import("vue").Ref<HTMLElement | undefined>;
                 referenceRef: import("vue").Ref<HTMLElement | undefined>;
                 role: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") | ((new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree"))[], unknown, unknown>>;
-                popperProvides: import("element-plus/es/tokens").ElPopperInjectionContext;
+                popperProvides: import("../../..").ElPopperInjectionContext;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
                 readonly role: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") | ((new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree"))[], unknown, unknown>;
             }> & {
@@ -5179,7 +5178,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             contentRef: import("vue").Ref<HTMLElement | undefined>;
             referenceRef: import("vue").Ref<HTMLElement | undefined>;
             role: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") | ((new (...args: any[]) => ("listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree") & {}) | (() => "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree"))[], unknown, unknown>>;
-            popperProvides: import("element-plus/es/tokens").ElPopperInjectionContext;
+            popperProvides: import("../../..").ElPopperInjectionContext;
         }> & {} & import("vue").ComponentCustomProperties) | null>;
         contentRef: import("vue").Ref<({
             $: import("vue").ComponentInternalInstance;
@@ -6537,9 +6536,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         }>>;
                         popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                         contentRef: import("vue").Ref<HTMLElement | undefined>;
-                        triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                        triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                         role: import("vue").ComputedRef<string>;
-                        formItemContext: FormItemContext | undefined;
+                        formItemContext: import("../../..").FormItemContext | undefined;
                         nextZIndex: () => number;
                         ns: {
                             namespace: import("vue").ComputedRef<string>;
@@ -6566,7 +6565,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                         contentZIndex: import("vue").Ref<number>;
                         trapped: import("vue").Ref<boolean>;
                         triggerTargetAriaStopWatch: undefined;
-                        computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                        computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                         contentStyle: import("vue").ComputedRef<any>;
                         contentClass: import("vue").ComputedRef<((string | {
                             [x: string]: boolean;
@@ -7176,9 +7175,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     }>>;
                     popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                     contentRef: import("vue").Ref<HTMLElement | undefined>;
-                    triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                    triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                     role: import("vue").ComputedRef<string>;
-                    formItemContext: FormItemContext | undefined;
+                    formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
                         namespace: import("vue").ComputedRef<string>;
@@ -7205,7 +7204,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     contentZIndex: import("vue").Ref<number>;
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
-                    computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                    computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -8386,9 +8385,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     }>>;
                     popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                     contentRef: import("vue").Ref<HTMLElement | undefined>;
-                    triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                    triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                     role: import("vue").ComputedRef<string>;
-                    formItemContext: FormItemContext | undefined;
+                    formItemContext: import("../../..").FormItemContext | undefined;
                     nextZIndex: () => number;
                     ns: {
                         namespace: import("vue").ComputedRef<string>;
@@ -8415,7 +8414,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                     contentZIndex: import("vue").Ref<number>;
                     trapped: import("vue").Ref<boolean>;
                     triggerTargetAriaStopWatch: undefined;
-                    computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                    computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                     contentStyle: import("vue").ComputedRef<any>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
@@ -9025,9 +9024,9 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                 }>>;
                 popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
                 contentRef: import("vue").Ref<HTMLElement | undefined>;
-                triggerRef: import("vue").Ref<import("element-plus/es/tokens").Measurable | undefined>;
+                triggerRef: import("vue").Ref<import("../../..").Measurable | undefined>;
                 role: import("vue").ComputedRef<string>;
-                formItemContext: FormItemContext | undefined;
+                formItemContext: import("../../..").FormItemContext | undefined;
                 nextZIndex: () => number;
                 ns: {
                     namespace: import("vue").ComputedRef<string>;
@@ -9054,7 +9053,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
                 contentZIndex: import("vue").Ref<number>;
                 trapped: import("vue").Ref<boolean>;
                 triggerTargetAriaStopWatch: undefined;
-                computedReference: import("vue").ComputedRef<import("element-plus/es/tokens").Measurable | undefined>;
+                computedReference: import("vue").ComputedRef<import("../../..").Measurable | undefined>;
                 contentStyle: import("vue").ComputedRef<any>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;

package/lib/components/select/src/useSelect.js

@@ -9,11 +9,10 @@ var core = require('@vueuse/core');
 require('../../../constants/index.js');
 require('../../../utils/index.js');
 require('../../../hooks/index.js');
-require('../../../tokens/index.js');
 var index = require('../../../hooks/use-locale/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
-var form = require('../../../tokens/form.js');
-var index$2 = require('../../../hooks/use-common-props/index.js');
+var index$2 = require('../../../hooks/use-form-item/index.js');
+var index$3 = require('../../../hooks/use-common-props/index.js');
 var error = require('../../../utils/error.js');
 var size = require('../../../utils/vue/size.js');
 var event = require('../../../constants/event.js');
@@ -61,10 +60,9 @@ const useSelect = (props, states, ctx) => {
   const hoverOption = vue.ref(-1);
   const queryChange = vue.shallowRef({ query: "" });
   const groupQueryChange = vue.shallowRef("");
-  const elForm = vue.inject(form.formContextKey, {});
-  const elFormItem = vue.inject(form.formItemContextKey, {});
+  const { form, formItem } = index$2.useFormItem();
   const readonly = vue.computed(() => !props.filterable || props.multiple || !states.visible);
-  const selectDisabled = vue.computed(() => props.disabled || elForm.disabled);
+  const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
   const showClose = vue.computed(() => {
     const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
     const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
@@ -98,7 +96,7 @@ const useSelect = (props, states, ctx) => {
     });
     return props.filterable && props.allowCreate && states.query !== "" && !hasExistingOption;
   });
-  const selectSize = index$2.useSize();
+  const selectSize = index$3.useSize();
   const collapseTagSize = vue.computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
   const dropMenuVisible = vue.computed({
     get() {
@@ -108,7 +106,7 @@ const useSelect = (props, states, ctx) => {
       states.visible = val;
     }
   });
-  vue.watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+  vue.watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
     vue.nextTick(() => {
       resetInputHeight();
     });
@@ -117,7 +115,6 @@ const useSelect = (props, states, ctx) => {
     states.cachedPlaceHolder = states.currentPlaceholder = val;
   });
   vue.watch(() => props.modelValue, (val, oldVal) => {
-    var _a;
     if (props.multiple) {
       resetInputHeight();
       if (val && val.length > 0 || input.value && states.query !== "") {
@@ -135,7 +132,7 @@ const useSelect = (props, states, ctx) => {
       states.inputLength = 20;
     }
     if (!lodashUnified.isEqual(val, oldVal) && props.validateEvent) {
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => error.debugWarn(err));
+      formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err));
     }
   }, {
     flush: "post",
@@ -228,7 +225,7 @@ const useSelect = (props, states, ctx) => {
         return;
       const input2 = reference.value.$el.querySelector("input");
       const _tags = tags.value;
-      const sizeInMap = size.getComponentSize(selectSize.value || elForm.size);
+      const sizeInMap = size.getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
       input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`;
       states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
       if (states.visible && emptyText.value !== false) {