@fangzhongya/fang-ui 0.0.89 → 0.0.91

package/dist/components/checkbox-button/src/index2.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$2 = require("../../../directives/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/checkbox/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/checkbox/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,11 +16,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = vues.ref();
-    __expose({
-      ...data.dataExpose
-    });
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElCheckboxButton), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElCheckboxButton), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()
@@ -33,9 +38,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), { el: elRef.value }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/checkbox-button/src/index2.js

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, useSlots, ref, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+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 { ElCheckboxButton } from "element-plus/es/components/checkbox/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,11 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = ref();
-    __expose({
-      ...dataExpose
-    });
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ElCheckboxButton), mergeProps({
+      return openBlock(), createBlock(unref(ElCheckboxButton), mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: unref(cs).z()
@@ -31,9 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [unref(vExpose), { el: elRef.value }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/checkbox-group/src/index2.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$2 = require("../../../directives/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/checkbox/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/checkbox/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,11 +16,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = vues.ref();
-    __expose({
-      ...data.dataExpose
-    });
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElCheckboxGroup), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElCheckboxGroup), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()
@@ -33,9 +38,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), { el: elRef.value }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, useSlots, ref, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+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 { ElCheckboxGroup } from "element-plus/es/components/checkbox/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,11 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = ref();
-    __expose({
-      ...dataExpose
-    });
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ElCheckboxGroup), mergeProps({
+      return openBlock(), createBlock(unref(ElCheckboxGroup), mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: unref(cs).z()
@@ -31,9 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [unref(vExpose), { el: elRef.value }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$7 = require("../../../directives/expose/index.cjs");
+const index$6 = require("../../../hooks/expose/index.cjs");
 const index$3 = require("../../checkbox/index.cjs");
 const index$2 = require("../../checkbox-button/index.cjs");
-const index$6 = require("../../checkbox-group/index.cjs");
+const index$7 = require("../../checkbox-group/index.cjs");
 const index$5 = require("../../radio/index.cjs");
 const index$4 = require("../../radio-button/index.cjs");
 const index$8 = require("../../radio-group/index.cjs");
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const cs = index.useCssName("checks");
     const attrs = index$1.useInherit(vues.useAttrs());
     const props = __props;
@@ -24,6 +24,8 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
+    const elRef = vues.ref();
+    const refEl = vues.ref();
     const comps = vues.computed(() => {
       if (multiple.value) {
         if (props.but) {
@@ -42,16 +44,29 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const onChange = (item, is) => {
       emit("click-multiple", item, is);
     };
+    __expose(
+      index$6.useExpose(
+        {
+          el: refEl
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
       return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
         class: vues.unref(cs).z()
       }, vues.unref(attrs).root), [
-        vues.unref(multiple) ? vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$6.CheckboxGroup), vues.mergeProps({
+        vues.unref(multiple) ? (vues.openBlock(), vues.createBlock(vues.unref(index$7.CheckboxGroup), vues.mergeProps({
           key: 0,
           class: vues.unref(cs).z("check"),
           modelValue: vues.unref(value),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vues.isRef(value) ? value.value = $event : null)
-        }, vues.unref(attrs).assem), {
+        }, vues.unref(attrs).assem, {
+          ref_key: "elRef",
+          ref: elRef
+        }), {
           default: vues.withCtx(() => [
             (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(props.options, (item) => {
               return vues.openBlock(), vues.createBlock(vues.resolveDynamicComponent(comps.value), {
@@ -68,14 +83,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue"])), [
-          [vues.unref(index$7.default), {}]
-        ]) : vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$8.RadioGroup), vues.mergeProps({
+        }, 16, ["class", "modelValue"])) : (vues.openBlock(), vues.createBlock(vues.unref(index$8.RadioGroup), vues.mergeProps({
           key: 1,
           class: vues.unref(cs).z("check"),
           modelValue: vues.unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vues.isRef(value) ? value.value = $event : null)
-        }, vues.unref(attrs).assem), {
+        }, vues.unref(attrs).assem, {
+          ref_key: "elRef",
+          ref: elRef
+        }), {
           default: vues.withCtx(() => [
             (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(props.options, (item) => {
               return vues.openBlock(), vues.createBlock(vues.resolveDynamicComponent(comps.value), {
@@ -91,9 +107,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue"])), [
-          [vues.unref(index$7.default), {}]
-        ])
+        }, 16, ["class", "modelValue"]))
       ], 16);
     };
   }

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

@@ -1,5 +1,5 @@
-import { defineComponent, useAttrs, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, isRef, withCtx, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+import { defineComponent, useAttrs, ref, computed, createElementBlock, openBlock, mergeProps, unref, createBlock, isRef, withCtx, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import { useExpose } from "../../../hooks/expose/index.js";
 import { Checkbox } from "../../checkbox/index.js";
 import { CheckboxButton } from "../../checkbox-button/index.js";
 import { CheckboxGroup } from "../../checkbox-group/index.js";
@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const cs = useCssName("checks");
     const attrs = useInherit(useAttrs());
     const props = __props;
@@ -22,6 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const listFuObj = dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
+    const elRef = ref();
+    const refEl = ref();
     const comps = computed(() => {
       if (multiple.value) {
         if (props.but) {
@@ -40,16 +42,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onChange = (item, is) => {
       emit("click-multiple", item, is);
     };
+    __expose(
+      useExpose(
+        {
+          el: refEl
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "refEl",
+        ref: refEl,
         class: unref(cs).z()
       }, unref(attrs).root), [
-        unref(multiple) ? withDirectives((openBlock(), createBlock(unref(CheckboxGroup), mergeProps({
+        unref(multiple) ? (openBlock(), createBlock(unref(CheckboxGroup), mergeProps({
           key: 0,
           class: unref(cs).z("check"),
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
-        }, unref(attrs).assem), {
+        }, unref(attrs).assem, {
+          ref_key: "elRef",
+          ref: elRef
+        }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
               return openBlock(), createBlock(resolveDynamicComponent(comps.value), {
@@ -66,14 +81,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue"])), [
-          [unref(vExpose), {}]
-        ]) : withDirectives((openBlock(), createBlock(unref(RadioGroup), mergeProps({
+        }, 16, ["class", "modelValue"])) : (openBlock(), createBlock(unref(RadioGroup), mergeProps({
           key: 1,
           class: unref(cs).z("check"),
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)
-        }, unref(attrs).assem), {
+        }, unref(attrs).assem, {
+          ref_key: "elRef",
+          ref: elRef
+        }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
               return openBlock(), createBlock(resolveDynamicComponent(comps.value), {
@@ -89,9 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue"])), [
-          [unref(vExpose), {}]
-        ])
+        }, 16, ["class", "modelValue"]))
       ], 16);
     };
   }

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$2 = require("../../../directives/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/collapse/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/collapse/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,11 +16,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = vues.ref();
-    __expose({
-      ...data.dataExpose
-    });
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElCollapse), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElCollapse), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()
@@ -33,11 +38,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), {
-          el: elRef.value
-        }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, useSlots, ref, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+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 { ElCollapse } from "element-plus/es/components/collapse/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,11 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = ref();
-    __expose({
-      ...dataExpose
-    });
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ElCollapse), mergeProps({
+      return openBlock(), createBlock(unref(ElCollapse), mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: unref(cs).z()
@@ -31,11 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [unref(vExpose), {
-          el: elRef.value
-        }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/collapse-item/src/index2.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$2 = require("../../../directives/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/collapse/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/collapse/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,11 +16,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = vues.ref();
-    __expose({
-      ...data.dataExpose
-    });
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElCollapseItem), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElCollapseItem), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()
@@ -33,9 +38,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), { el: elRef.value }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/collapse-item/src/index2.js

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, useSlots, ref, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+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 { ElCollapseItem } from "element-plus/es/components/collapse/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,11 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = ref();
-    __expose({
-      ...dataExpose
-    });
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ElCollapseItem), mergeProps({
+      return openBlock(), createBlock(unref(ElCollapseItem), mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: unref(cs).z()
@@ -31,9 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [unref(vExpose), { el: elRef.value }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/color-picker/src/index2.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$2 = require("../../../directives/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/color-picker/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/color-picker/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,11 +16,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = vues.ref();
-    __expose({
-      ...data.dataExpose
-    });
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElColorPicker), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElColorPicker), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()
@@ -33,11 +38,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), {
-          el: elRef.value
-        }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/color-picker/src/index2.js

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, useSlots, ref, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import vExpose from "../../../directives/expose/index.js";
+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 { ElColorPicker } from "element-plus/es/components/color-picker/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,11 +14,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = ref();
-    __expose({
-      ...dataExpose
-    });
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ElColorPicker), mergeProps({
+      return openBlock(), createBlock(unref(ElColorPicker), mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: unref(cs).z()
@@ -31,11 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [unref(vExpose), {
-          el: elRef.value
-        }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/config-provider/src/index2.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vues = require("vue");
-const index$2 = require("../../../directives/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("element-plus/es/components/config-provider/index");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/config-provider/index");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -16,11 +16,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const props = __props;
     const emit = __emit;
     const elRef = vues.ref();
-    __expose({
-      ...data.dataExpose
-    });
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElConfigProvider), vues.mergeProps({
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElConfigProvider), vues.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vues.unref(cs).z()
@@ -33,11 +38,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), {
-          el: elRef.value
-        }]
-      ]);
+      ]), 1040, ["class"]);
     };
   }
 });