@fangzhongya/fang-ui 0.0.3 → 0.0.4

package/dist/components/option/index.d.ts

@@ -1,9 +1,162 @@
-import { withInstall } from '../../utils';
-declare const Option: withInstall<import("vue").DefineComponent<{
-    value: import("../../utils").EpPropFinalized<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, () => "", boolean>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: import("../../utils").EpPropFinalized<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, () => "", boolean>;
-}>> & {}, {
-    value: import("../../utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
-}>>;
+declare const Option: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+            default(): "";
+        };
+    }>> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        value: string | number | boolean | Record<string, any>;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                readonly type: import('vue').PropType<string | number | boolean | Record<string, any>>;
+                readonly required: true;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            label: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            created: BooleanConstructor;
+            disabled: BooleanConstructor;
+        }>>, {
+            ns: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            id: import('vue').Ref<string>;
+            containerKls: import('vue').ComputedRef<string[]>;
+            currentLabel: import('vue').ComputedRef<boolean | (string | number)>;
+            itemSelected: import('vue').ComputedRef<boolean>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            select: import('element-plus/es/index').SelectContext;
+            visible: import('vue').Ref<boolean>;
+            hover: import('vue').Ref<boolean>;
+            states: {
+                index: number;
+                groupDisabled: boolean;
+                visible: boolean;
+                hover: boolean;
+            };
+            hoverItem: () => void;
+            updateOption: (query: string) => void;
+            selectOptionClick: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+            disabled: boolean;
+            created: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                readonly type: import('vue').PropType<string | number | boolean | Record<string, any>>;
+                readonly required: true;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            label: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            created: BooleanConstructor;
+            disabled: BooleanConstructor;
+        }>>, {
+            ns: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            id: import('vue').Ref<string>;
+            containerKls: import('vue').ComputedRef<string[]>;
+            currentLabel: import('vue').ComputedRef<boolean | (string | number)>;
+            itemSelected: import('vue').ComputedRef<boolean>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            select: import('element-plus/es/index').SelectContext;
+            visible: import('vue').Ref<boolean>;
+            hover: import('vue').Ref<boolean>;
+            states: {
+                index: number;
+                groupDisabled: boolean;
+                visible: boolean;
+                hover: boolean;
+            };
+            hoverItem: () => void;
+            updateOption: (query: string) => void;
+            selectOptionClick: () => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            created: boolean;
+        }> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+            default(): "";
+        };
+    }>> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, {
+        value: string | number | boolean | Record<string, any>;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default(): "";
+    };
+}>> & Readonly<{}>, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    value: string | number | boolean | Record<string, any>;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
 export { Option, Option as default };

package/dist/components/option/index.js

@@ -1,5 +1,4 @@
-import "vue";
-import { withInstall } from "../../utils/vue/withInstall.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Option = withInstall(_sfc_main, "Option");
 export {

package/dist/components/option/src/data.cjs

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("../../../utils/vue/props/runtime.cjs");
-require("vue");
-const dataProps = runtime.buildProps({
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({
   /**
    * @props { String, Number, Boolean, Object } value= ( )
    * 选项的值

package/dist/components/option/src/data.d.ts

@@ -1,17 +1,24 @@
-import type { ExtractPropTypes } from 'vue';
+import { ExtractPublicPropTypes } from 'vue';
 /**
  * @title {h2} Option 选择器子组件
  * @text 目前完全继承 element-plus 中 el-option
  * @text 必须在Select 选择器下使用
  */
 export declare const dataProps: {
-    value: import("../../../utils").EpPropFinalized<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, () => "", boolean>;
+    /**
+     * @props { String, Number, Boolean, Object } value= ( )
+     * 选项的值
+     */
+    value: {
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default(): "";
+    };
 };
-export type DataProps = ExtractPropTypes<typeof dataProps>;
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
 export type DataEmits = typeof dataEmits;
 export declare const dataSlot: {};
 /**
- *
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
  */
 export declare const dataExpose: {};

package/dist/components/option/src/data.js

@@ -1,5 +1,4 @@
-import { buildProps } from "../../../utils/vue/props/runtime.js";
-import "vue";
+import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({
   /**
    * @props { String, Number, Boolean, Object } value= ( )

package/dist/components/option/src/index.cjs

@@ -3,37 +3,37 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-require("../../../hooks/global-config/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const elementPlus = require("element-plus");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
     const attrs = vue.useAttrs();
     vue.useSlots();
     const cs = index.useCssName("option");
     index$1.useLocale();
-    expose({
-      ...data.dataExpose
+    const props = __props;
+    __expose({
+      ...data.dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = vue.resolveDirective("expose");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), vue.mergeProps(vue.unref(attrs), {
-          value: props.value
+        vue.createVNode(vue.unref(elementPlus.ElOption), vue.mergeProps(vue.unref(attrs), {
+          value: props.value,
+          ref_key: "refEl",
+          ref: refEl
         }), {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 16, ["value"])), [
-          [_directive_expose]
-        ])
+        }, 16, ["value"])
       ], 2);
     };
   }

package/dist/components/option/src/index.d.ts

@@ -1,8 +1,265 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    value: import("../../../utils").EpPropFinalized<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, () => "", boolean>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: import("../../../utils").EpPropFinalized<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, () => "", boolean>;
-}>> & {}, {
-    value: import("../../../utils").EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
-}>;
-export default _sfc_main;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                readonly type: import('vue').PropType<string | number | boolean | Record<string, any>>;
+                readonly required: true;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            label: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            created: BooleanConstructor;
+            disabled: BooleanConstructor;
+        }>>, {
+            ns: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            id: import('vue').Ref<string>;
+            containerKls: import('vue').ComputedRef<string[]>;
+            currentLabel: import('vue').ComputedRef<boolean | (string | number)>;
+            itemSelected: import('vue').ComputedRef<boolean>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            select: import('element-plus/es/index').SelectContext;
+            visible: import('vue').Ref<boolean>;
+            hover: import('vue').Ref<boolean>;
+            states: {
+                index: number;
+                groupDisabled: boolean;
+                visible: boolean;
+                hover: boolean;
+            };
+            hoverItem: () => void;
+            updateOption: (query: string) => void;
+            selectOptionClick: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+            disabled: boolean;
+            created: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            value: {
+                readonly type: import('vue').PropType<string | number | boolean | Record<string, any>>;
+                readonly required: true;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            label: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            created: BooleanConstructor;
+            disabled: BooleanConstructor;
+        }>>, {
+            ns: {
+                namespace: import('vue').ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            id: import('vue').Ref<string>;
+            containerKls: import('vue').ComputedRef<string[]>;
+            currentLabel: import('vue').ComputedRef<boolean | (string | number)>;
+            itemSelected: import('vue').ComputedRef<boolean>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            select: import('element-plus/es/index').SelectContext;
+            visible: import('vue').Ref<boolean>;
+            hover: import('vue').Ref<boolean>;
+            states: {
+                index: number;
+                groupDisabled: boolean;
+                visible: boolean;
+                hover: boolean;
+            };
+            hoverItem: () => void;
+            updateOption: (query: string) => void;
+            selectOptionClick: () => void;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            created: boolean;
+        }> | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default(): "";
+    };
+}>, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        default(): "";
+    };
+}>> & Readonly<{}>, {
+    value: string | number | boolean | Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            readonly type: import('vue').PropType<string | number | boolean | Record<string, any>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        label: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        created: BooleanConstructor;
+        disabled: BooleanConstructor;
+    }>>, {
+        ns: {
+            namespace: import('vue').ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        id: import('vue').Ref<string>;
+        containerKls: import('vue').ComputedRef<string[]>;
+        currentLabel: import('vue').ComputedRef<boolean | (string | number)>;
+        itemSelected: import('vue').ComputedRef<boolean>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        select: import('element-plus/es/index').SelectContext;
+        visible: import('vue').Ref<boolean>;
+        hover: import('vue').Ref<boolean>;
+        states: {
+            index: number;
+            groupDisabled: boolean;
+            visible: boolean;
+            hover: boolean;
+        };
+        hoverItem: () => void;
+        updateOption: (query: string) => void;
+        selectOptionClick: () => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        disabled: boolean;
+        created: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            readonly type: import('vue').PropType<string | number | boolean | Record<string, any>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        label: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        created: BooleanConstructor;
+        disabled: BooleanConstructor;
+    }>>, {
+        ns: {
+            namespace: import('vue').ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        id: import('vue').Ref<string>;
+        containerKls: import('vue').ComputedRef<string[]>;
+        currentLabel: import('vue').ComputedRef<boolean | (string | number)>;
+        itemSelected: import('vue').ComputedRef<boolean>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        select: import('element-plus/es/index').SelectContext;
+        visible: import('vue').Ref<boolean>;
+        hover: import('vue').Ref<boolean>;
+        states: {
+            index: number;
+            groupDisabled: boolean;
+            visible: boolean;
+            hover: boolean;
+        };
+        hoverItem: () => void;
+        updateOption: (query: string) => void;
+        selectOptionClick: () => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        created: boolean;
+    }> | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/option/src/index.js

@@ -1,37 +1,37 @@
-import { defineComponent, useAttrs, useSlots, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, withDirectives, createBlock, mergeProps, withCtx, renderSlot } from "vue";
-import { dataProps, dataEmits, dataExpose } from "./data.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, withCtx, renderSlot } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { ElOption } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
     const attrs = useAttrs();
     useSlots();
     const cs = useCssName("option");
     useLocale();
-    expose({
-      ...dataExpose
+    const props = __props;
+    __expose({
+      ...dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = resolveDirective("expose");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        withDirectives((openBlock(), createBlock(unref(ElOption), mergeProps(unref(attrs), {
-          value: props.value
+        createVNode(unref(ElOption), mergeProps(unref(attrs), {
+          value: props.value,
+          ref_key: "refEl",
+          ref: refEl
         }), {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 16, ["value"])), [
-          [_directive_expose]
-        ])
+        }, 16, ["value"])
       ], 2);
     };
   }

package/dist/components/option-group/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("vue");
-const withInstall = require("../../utils/vue/withInstall.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const OptionGroup = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "OptionGroup");
 exports.OptionGroup = OptionGroup;