@fangzhongya/fang-ui 0.0.90 → 0.0.92

package/dist/components/radio-group/src/index2.js

@@ -1,6 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { ElRadioGroup } from "element-plus/es/components/radio/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,15 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elRef = ref();
     __expose(
-      new Proxy(
-        { ...dataExpose },
+      useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {

package/dist/components/scrollbar/src/index2.cjs

@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/scrollbar/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/scrollbar/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,19 +17,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const emit = __emit;
     const elRef = vues.ref();
     __expose(
-      new Proxy(
-        { ...data.dataExpose },
+      index$1.useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...data.dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElScrollbar), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElScrollbar), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()

package/dist/components/scrollbar/src/index2.js

@@ -1,6 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { ElScrollbar } from "element-plus/es/components/scrollbar/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,15 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elRef = ref();
     __expose(
-      new Proxy(
-        { ...dataExpose },
+      useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {

package/dist/components/select/src/index2.cjs

@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/select/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/select/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,19 +17,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const emit = __emit;
     const elRef = vues.ref();
     __expose(
-      new Proxy(
-        { ...data.dataExpose },
+      index$1.useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...data.dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElSelect), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElSelect), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()

package/dist/components/select/src/index2.js

@@ -1,6 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { ElSelect } from "element-plus/es/components/select/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,15 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elRef = ref();
     __expose(
-      new Proxy(
-        { ...dataExpose },
+      useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {

package/dist/components/select-popover/src/index2.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$5 = require("../../../directives/expose/index.cjs");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const data = require("./data.cjs");
 const index$3 = require("../../popover/index.cjs");
@@ -98,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
           vues.createElementVNode("div", vues.mergeProps({
             class: [vues.unref(cs).z(), vues.unref(cs).is("disabled", props.disabled)]
           }, vues.unref(attrs).root, { onClick }), [
-            vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$4.Inputs), vues.mergeProps({
+            vues.createVNode(vues.unref(index$4.Inputs), vues.mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
@@ -163,9 +162,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
                   ])
                 };
               })
-            ]), 1040, ["modelValue", "disabled", "readonly"])), [
-              [vues.unref(index$5.default), {}]
-            ])
+            ]), 1040, ["modelValue", "disabled", "readonly"])
           ], 16)
         ]),
         default: vues.withCtx(() => [

package/dist/components/select-popover/src/index2.js

@@ -1,5 +1,4 @@
-import { defineComponent, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, renderSlot, createElementVNode, mergeProps, withDirectives, createSlots, createElementBlock, createCommentVNode, withModifiers, normalizeClass, renderList } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+import { defineComponent, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, renderSlot, createElementVNode, mergeProps, createVNode, createSlots, createElementBlock, createCommentVNode, withModifiers, normalizeClass, renderList } from "vue";
 import { getCss } from "@fangzhongya/utils/css/getCss";
 import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { Popover } from "../../popover/index.js";
@@ -96,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", mergeProps({
             class: [unref(cs).z(), unref(cs).is("disabled", props.disabled)]
           }, unref(attrs).root, { onClick }), [
-            withDirectives((openBlock(), createBlock(unref(Inputs), mergeProps({
+            createVNode(unref(Inputs), mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
@@ -161,9 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 };
               })
-            ]), 1040, ["modelValue", "disabled", "readonly"])), [
-              [unref(vExpose), {}]
-            ])
+            ]), 1040, ["modelValue", "disabled", "readonly"])
           ], 16)
         ]),
         default: withCtx(() => [

package/dist/components/selects/src/index2.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$4 = require("../../../directives/expose/index.cjs");
-const index$2 = require("../../select/index.cjs");
-const index$3 = require("../../option/index.cjs");
+const index$3 = require("../../select/index.cjs");
+const index$4 = require("../../option/index.cjs");
 const compareArray = require("@fangzhongya/utils/basic/array/compareArray");
 const index = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   ...{ inheritAttrs: false },
@@ -16,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = vues.ref();
+    const elRef = vues.ref();
     const attrs = index.useInherit(vues.useAttrs());
     const cs = index$1.useCssName("selects");
     const props = __props;
@@ -43,9 +44,14 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const onRemoveTag = (value2) => {
       onClickMultiple(value2, true);
     };
-    __expose({
-      el: refEl
-    });
+    __expose(
+      index$2.useExpose(
+        {
+          el: refEl
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
       return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
         ref_key: "refEl",
@@ -53,8 +59,10 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       }, vues.unref(attrs).root, {
         class: vues.unref(cs).z()
       }), [
-        vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$2.Select), vues.mergeProps({
+        vues.createVNode(vues.unref(index$3.Select), vues.mergeProps({
           class: vues.unref(cs).z("select"),
+          ref_key: "elRef",
+          ref: elRef,
           modelValue: vues.unref(value),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vues.isRef(value) ? value.value = $event : null)
         }, vues.unref(attrs).assem, {
@@ -65,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         }), {
           default: vues.withCtx(() => [
             (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(props.options, (item) => {
-              return vues.openBlock(), vues.createBlock(vues.unref(index$3.Option), {
+              return vues.openBlock(), vues.createBlock(vues.unref(index$4.Option), {
                 label: vues.unref(use.useVueValue)(item, props.label),
                 value: vues.unref(use.useVueValue)(item, props.prop),
                 disabled: item == null ? void 0 : item.disabled
@@ -73,9 +81,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue", "multiple", "placeholder"])), [
-          [vues.unref(index$4.default), {}]
-        ])
+        }, 16, ["class", "modelValue", "multiple", "placeholder"])
       ], 16);
     };
   }

package/dist/components/selects/src/index2.js

@@ -1,11 +1,11 @@
-import { defineComponent, ref, useAttrs, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, isRef, withCtx, Fragment, renderList } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+import { defineComponent, ref, useAttrs, computed, createElementBlock, openBlock, mergeProps, unref, createVNode, isRef, withCtx, Fragment, renderList, createBlock } from "vue";
 import { Select } from "../../select/index.js";
 import { Option } from "../../option/index.js";
 import { compareArray } from "@fangzhongya/utils/basic/array/compareArray";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { dataHandle, dataEmits, dataProps } from "./data.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -14,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = ref();
+    const elRef = ref();
     const attrs = useInherit(useAttrs());
     const cs = useCssName("selects");
     const props = __props;
@@ -41,9 +42,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onRemoveTag = (value2) => {
       onClickMultiple(value2, true);
     };
-    __expose({
-      el: refEl
-    });
+    __expose(
+      useExpose(
+        {
+          el: refEl
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
         ref_key: "refEl",
@@ -51,8 +57,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, unref(attrs).root, {
         class: unref(cs).z()
       }), [
-        withDirectives((openBlock(), createBlock(unref(Select), mergeProps({
+        createVNode(unref(Select), mergeProps({
           class: unref(cs).z("select"),
+          ref_key: "elRef",
+          ref: elRef,
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
         }, unref(attrs).assem, {
@@ -71,9 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue", "multiple", "placeholder"])), [
-          [unref(vExpose), {}]
-        ])
+        }, 16, ["class", "modelValue", "multiple", "placeholder"])
       ], 16);
     };
   }

package/dist/components/slider/src/index2.cjs

@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/slider/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/slider/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,19 +17,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const emit = __emit;
     const elRef = vues.ref();
     __expose(
-      new Proxy(
-        { ...data.dataExpose },
+      index$1.useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...data.dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElSlider), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElSlider), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()

package/dist/components/slider/src/index2.js

@@ -1,6 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { ElSlider } from "element-plus/es/components/slider/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,15 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elRef = ref();
     __expose(
-      new Proxy(
-        { ...dataExpose },
+      useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {

package/dist/components/switch/src/index2.cjs

@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/switch/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/switch/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,19 +17,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const emit = __emit;
     const elRef = vues.ref();
     __expose(
-      new Proxy(
-        { ...data.dataExpose },
+      index$1.useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...data.dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElSwitch), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElSwitch), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()

package/dist/components/switch/src/index2.js

@@ -1,6 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { ElSwitch } from "element-plus/es/components/switch/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,15 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elRef = ref();
     __expose(
-      new Proxy(
-        { ...dataExpose },
+      useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {

package/dist/components/switchs/src/index2.cjs

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$3 = require("../../../directives/expose/index.cjs");
-const index$2 = require("../../switch/index.cjs");
+const index$3 = require("../../switch/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const cs = index.useCssName("switchs");
     const attrs = index$1.useInherit(vues.useAttrs());
     const prs = __props;
@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       }
     });
     const emit = __emit;
+    const elRef = vues.ref();
     const active = vues.ref({});
     const inactive = vues.ref({});
     vues.watch(
@@ -74,17 +75,19 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         }
       }
     });
+    __expose(index$2.useExpose({}, elRef));
     return (_ctx, _cache) => {
       return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
         class: vues.unref(cs).z()
       }, vues.unref(attrs).root), [
-        vues.withDirectives(vues.createVNode(vues.unref(index$2.Switch), vues.mergeProps({
+        vues.createVNode(vues.unref(index$3.Switch), vues.mergeProps({
           class: vues.unref(cs).z("switch"),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, { ...binds.value, ...vues.unref(attrs).assem }), null, 16, ["class", "modelValue"]), [
-          [vues.unref(index$3.default), {}]
-        ])
+        }, { ...binds.value, ...vues.unref(attrs).assem }, {
+          ref_key: "elRef",
+          ref: elRef
+        }), null, 16, ["class", "modelValue"])
       ], 16);
     };
   }

package/dist/components/switchs/src/index2.js

@@ -1,16 +1,16 @@
-import { defineComponent, useAttrs, ref, watch, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createVNode } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+import { defineComponent, useAttrs, ref, watch, computed, createElementBlock, openBlock, mergeProps, unref, createVNode } from "vue";
 import { Switch } from "../../switch/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { uesPropsDefault, useSetValue, useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { dataEmits, dataProps } from "./data.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: dataProps,
   emits: dataEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const cs = useCssName("switchs");
     const attrs = useInherit(useAttrs());
     const prs = __props;
@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const emit = __emit;
+    const elRef = ref();
     const active = ref({});
     const inactive = ref({});
     watch(
@@ -72,17 +73,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     });
+    __expose(useExpose({}, elRef));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
         class: unref(cs).z()
       }, unref(attrs).root), [
-        withDirectives(createVNode(unref(Switch), mergeProps({
+        createVNode(unref(Switch), mergeProps({
           class: unref(cs).z("switch"),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, { ...binds.value, ...unref(attrs).assem }), null, 16, ["class", "modelValue"]), [
-          [unref(vExpose), {}]
-        ])
+        }, { ...binds.value, ...unref(attrs).assem }, {
+          ref_key: "elRef",
+          ref: elRef
+        }), null, 16, ["class", "modelValue"])
       ], 16);
     };
   }

package/dist/components/tab-pane/src/index2.cjs

@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vues = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/tabs/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/tabs/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,19 +17,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const emit = __emit;
     const elRef = vues.ref();
     __expose(
-      new Proxy(
-        { ...data.dataExpose },
+      index$1.useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...data.dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElTabPane), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElTabPane), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()

package/dist/components/tab-pane/src/index2.js

@@ -1,6 +1,7 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { ElTabPane } from "element-plus/es/components/tabs/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,15 +15,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elRef = ref();
     __expose(
-      new Proxy(
-        { ...dataExpose },
+      useExpose(
         {
-          get: (_target, key) => {
-            var _a;
-            return (_a = elRef.value) == null ? void 0 : _a[key];
-          },
-          has: (_target, key) => key in (elRef.value || {})
-        }
+          ...dataExpose
+        },
+        elRef
       )
     );
     return (_ctx, _cache) => {