@fangzhongya/fang-ui 0.0.87 → 0.0.89

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

@@ -15,11 +15,14 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index.useCssName("image");
     const props = __props;
     const emit = __emit;
+    const elRef = vues.ref();
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
       return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElImage), vues.mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
         class: vues.unref(cs).z()
       }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
         vues.renderList(Object.keys(vues.unref(slots)), (k) => {
@@ -31,7 +34,9 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
           };
         })
       ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), {}]
+        [vues.unref(index$2.default), {
+          el: elRef.value
+        }]
       ]);
     };
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, useSlots, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+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 { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -13,11 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName("image");
     const props = __props;
     const emit = __emit;
+    const elRef = ref();
     __expose({
       ...dataExpose
     });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(ElImage), mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
         class: unref(cs).z()
       }, unref(attrs)), createSlots({ _: 2 }, [
         renderList(Object.keys(unref(slots)), (k) => {
@@ -29,7 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           };
         })
       ]), 1040, ["class"])), [
-        [unref(vExpose), {}]
+        [unref(vExpose), {
+          el: elRef.value
+        }]
       ]);
     };
   }

package/dist/components/index.cjs

@@ -3,62 +3,62 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css             */
 const index = require("./button/index.cjs");
 const index$1 = require("./card/index.cjs");
-const index$2 = require("./collapse-item/index.cjs");
-const index$3 = require("./collapse/index.cjs");
-const index$4 = require("./color-picker/index.cjs");
-const index$5 = require("./config-provider/index.cjs");
-const index$6 = require("./alert/index.cjs");
-const index$7 = require("./dialog/index.cjs");
-const index$8 = require("./divider/index.cjs");
-const index$9 = require("./drawer/index.cjs");
-const index$a = require("./loading/index.cjs");
-const index$c = require("./message-box/index.cjs");
-const index$d = require("./message/index.cjs");
-const index$e = require("./popconfirm/index.cjs");
-const index$f = require("./popover/index.cjs");
-const index$g = require("./scrollbar/index.cjs");
-const index$h = require("./tag/index.cjs");
-const index$i = require("./tooltip/index.cjs");
-const index$j = require("./cascader-panel/index.cjs");
-const index$k = require("./cascader/index.cjs");
-const index$l = require("./checkbox-button/index.cjs");
-const index$m = require("./checkbox-group/index.cjs");
-const index$n = require("./checkbox/index.cjs");
-const index$o = require("./date-picker-panel/index.cjs");
-const index$p = require("./date-picker/index.cjs");
-const index$q = require("./time-picker/index.cjs");
-const index$r = require("./time-select/index.cjs");
-const index$s = require("./form-item/index.cjs");
-const index$t = require("./form/index.cjs");
-const index$u = require("./autocomplete/index.cjs");
-const index$v = require("./input-number/index.cjs");
-const index$w = require("./input-tag/index.cjs");
-const index$x = require("./input/index.cjs");
-const index$y = require("./mention/index.cjs");
-const index$z = require("./radio-button/index.cjs");
-const index$A = require("./radio-group/index.cjs");
-const index$B = require("./radio/index.cjs");
-const index$C = require("./option-group/index.cjs");
-const index$D = require("./option/index.cjs");
-const index$E = require("./select/index.cjs");
-const index$F = require("./slider/index.cjs");
-const index$G = require("./switch/index.cjs");
-const index$H = require("./transfer/index.cjs");
-const index$I = require("./upload/index.cjs");
-const index$J = require("./image/index.cjs");
-const index$K = require("./menu-item-group/index.cjs");
-const index$L = require("./menu-item/index.cjs");
-const index$M = require("./menu/index.cjs");
-const index$N = require("./sub-menu/index.cjs");
-const index$O = require("./dropdown-item/index.cjs");
-const index$P = require("./dropdown-menu/index.cjs");
-const index$Q = require("./dropdown/index.cjs");
-const index$R = require("./tab-pane/index.cjs");
-const index$S = require("./tabs/index.cjs");
-const index$T = require("./pagination/index.cjs");
-const index$U = require("./table-column/index.cjs");
-const index$V = require("./table/index.cjs");
-const index$W = require("./text/index.cjs");
+const index$2 = require("./color-picker/index.cjs");
+const index$3 = require("./image/index.cjs");
+const index$4 = require("./pagination/index.cjs");
+const index$5 = require("./scrollbar/index.cjs");
+const index$6 = require("./tag/index.cjs");
+const index$7 = require("./text/index.cjs");
+const index$8 = require("./collapse-item/index.cjs");
+const index$9 = require("./collapse/index.cjs");
+const index$a = require("./config-provider/index.cjs");
+const index$b = require("./alert/index.cjs");
+const index$c = require("./dialog/index.cjs");
+const index$d = require("./divider/index.cjs");
+const index$e = require("./drawer/index.cjs");
+const index$f = require("./loading/index.cjs");
+const index$h = require("./message-box/index.cjs");
+const index$i = require("./message/index.cjs");
+const index$j = require("./popconfirm/index.cjs");
+const index$k = require("./popover/index.cjs");
+const index$l = require("./tooltip/index.cjs");
+const index$m = require("./cascader-panel/index.cjs");
+const index$n = require("./cascader/index.cjs");
+const index$o = require("./checkbox-button/index.cjs");
+const index$p = require("./checkbox-group/index.cjs");
+const index$q = require("./checkbox/index.cjs");
+const index$r = require("./date-picker-panel/index.cjs");
+const index$s = require("./date-picker/index.cjs");
+const index$t = require("./time-picker/index.cjs");
+const index$u = require("./time-select/index.cjs");
+const index$v = require("./form-item/index.cjs");
+const index$w = require("./form/index.cjs");
+const index$x = require("./autocomplete/index.cjs");
+const index$y = require("./input-number/index.cjs");
+const index$z = require("./input-tag/index.cjs");
+const index$A = require("./input/index.cjs");
+const index$B = require("./mention/index.cjs");
+const index$C = require("./radio-button/index.cjs");
+const index$D = require("./radio-group/index.cjs");
+const index$E = require("./radio/index.cjs");
+const index$F = require("./option-group/index.cjs");
+const index$G = require("./option/index.cjs");
+const index$H = require("./select/index.cjs");
+const index$I = require("./slider/index.cjs");
+const index$J = require("./switch/index.cjs");
+const index$K = require("./transfer/index.cjs");
+const index$L = require("./upload/index.cjs");
+const index$M = require("./menu-item-group/index.cjs");
+const index$N = require("./menu-item/index.cjs");
+const index$O = require("./menu/index.cjs");
+const index$P = require("./sub-menu/index.cjs");
+const index$Q = require("./dropdown-item/index.cjs");
+const index$R = require("./dropdown-menu/index.cjs");
+const index$S = require("./dropdown/index.cjs");
+const index$T = require("./tab-pane/index.cjs");
+const index$U = require("./tabs/index.cjs");
+const index$V = require("./table-column/index.cjs");
+const index$W = require("./table/index.cjs");
 const index$X = require("./tree-select/index.cjs");
 const index$Y = require("./tree/index.cjs");
 const index$Z = require("./forms-div/index.cjs");
@@ -129,65 +129,65 @@ const index$1Z = require("./tablesp/index.cjs");
 const index$1_ = require("./tabless/index.cjs");
 const index$1$ = require("./tablesv/index.cjs");
 const index$20 = require("./tablesvp/index.cjs");
-const index$b = require("./loading/src/index.cjs");
+const index$g = require("./loading/src/index.cjs");
 exports.Button = index.Button;
 exports.Card = index$1.Card;
-exports.CollapseItem = index$2.CollapseItem;
-exports.Collapse = index$3.Collapse;
-exports.ColorPicker = index$4.ColorPicker;
-exports.ConfigProvider = index$5.ConfigProvider;
-exports.Alert = index$6.Alert;
-exports.Dialog = index$7.Dialog;
-exports.Divider = index$8.Divider;
-exports.Drawer = index$9.Drawer;
-exports.Loading = index$a.Loading;
-exports.MessageBox = index$c.MessageBox;
-exports.Message = index$d.Message;
-exports.Popconfirm = index$e.Popconfirm;
-exports.Popover = index$f.Popover;
-exports.Scrollbar = index$g.Scrollbar;
-exports.Tag = index$h.Tag;
-exports.Tooltip = index$i.Tooltip;
-exports.CascaderPanel = index$j.CascaderPanel;
-exports.Cascader = index$k.Cascader;
-exports.CheckboxButton = index$l.CheckboxButton;
-exports.CheckboxGroup = index$m.CheckboxGroup;
-exports.Checkbox = index$n.Checkbox;
-exports.DatePickerPanel = index$o.DatePickerPanel;
-exports.DatePicker = index$p.DatePicker;
-exports.TimePicker = index$q.TimePicker;
-exports.TimeSelect = index$r.TimeSelect;
-exports.FormItem = index$s.FormItem;
-exports.Form = index$t.Form;
-exports.Autocomplete = index$u.Autocomplete;
-exports.InputNumber = index$v.InputNumber;
-exports.InputTag = index$w.InputTag;
-exports.Input = index$x.Input;
-exports.Mention = index$y.Mention;
-exports.RadioButton = index$z.RadioButton;
-exports.RadioGroup = index$A.RadioGroup;
-exports.Radio = index$B.Radio;
-exports.OptionGroup = index$C.OptionGroup;
-exports.Option = index$D.Option;
-exports.Select = index$E.Select;
-exports.Slider = index$F.Slider;
-exports.Switch = index$G.Switch;
-exports.Transfer = index$H.Transfer;
-exports.Upload = index$I.Upload;
-exports.Image = index$J.Image;
-exports.MenuItemGroup = index$K.MenuItemGroup;
-exports.MenuItem = index$L.MenuItem;
-exports.Menu = index$M.Menu;
-exports.SubMenu = index$N.SubMenu;
-exports.DropdownItem = index$O.DropdownItem;
-exports.DropdownMenu = index$P.DropdownMenu;
-exports.Dropdown = index$Q.Dropdown;
-exports.TabPane = index$R.TabPane;
-exports.Tabs = index$S.Tabs;
-exports.Pagination = index$T.Pagination;
-exports.TableColumn = index$U.TableColumn;
-exports.Table = index$V.Table;
-exports.Text = index$W.Text;
+exports.ColorPicker = index$2.ColorPicker;
+exports.Image = index$3.Image;
+exports.Pagination = index$4.Pagination;
+exports.Scrollbar = index$5.Scrollbar;
+exports.Tag = index$6.Tag;
+exports.Text = index$7.Text;
+exports.CollapseItem = index$8.CollapseItem;
+exports.Collapse = index$9.Collapse;
+exports.ConfigProvider = index$a.ConfigProvider;
+exports.Alert = index$b.Alert;
+exports.Dialog = index$c.Dialog;
+exports.Divider = index$d.Divider;
+exports.Drawer = index$e.Drawer;
+exports.Loading = index$f.Loading;
+exports.MessageBox = index$h.MessageBox;
+exports.Message = index$i.Message;
+exports.Popconfirm = index$j.Popconfirm;
+exports.Popover = index$k.Popover;
+exports.Tooltip = index$l.Tooltip;
+exports.CascaderPanel = index$m.CascaderPanel;
+exports.Cascader = index$n.Cascader;
+exports.CheckboxButton = index$o.CheckboxButton;
+exports.CheckboxGroup = index$p.CheckboxGroup;
+exports.Checkbox = index$q.Checkbox;
+exports.DatePickerPanel = index$r.DatePickerPanel;
+exports.DatePicker = index$s.DatePicker;
+exports.TimePicker = index$t.TimePicker;
+exports.TimeSelect = index$u.TimeSelect;
+exports.FormItem = index$v.FormItem;
+exports.Form = index$w.Form;
+exports.Autocomplete = index$x.Autocomplete;
+exports.InputNumber = index$y.InputNumber;
+exports.InputTag = index$z.InputTag;
+exports.Input = index$A.Input;
+exports.Mention = index$B.Mention;
+exports.RadioButton = index$C.RadioButton;
+exports.RadioGroup = index$D.RadioGroup;
+exports.Radio = index$E.Radio;
+exports.OptionGroup = index$F.OptionGroup;
+exports.Option = index$G.Option;
+exports.Select = index$H.Select;
+exports.Slider = index$I.Slider;
+exports.Switch = index$J.Switch;
+exports.Transfer = index$K.Transfer;
+exports.Upload = index$L.Upload;
+exports.MenuItemGroup = index$M.MenuItemGroup;
+exports.MenuItem = index$N.MenuItem;
+exports.Menu = index$O.Menu;
+exports.SubMenu = index$P.SubMenu;
+exports.DropdownItem = index$Q.DropdownItem;
+exports.DropdownMenu = index$R.DropdownMenu;
+exports.Dropdown = index$S.Dropdown;
+exports.TabPane = index$T.TabPane;
+exports.Tabs = index$U.Tabs;
+exports.TableColumn = index$V.TableColumn;
+exports.Table = index$W.Table;
 exports.TreeSelect = index$X.TreeSelect;
 exports.Tree = index$Y.Tree;
 exports.FormsDiv = index$Z.FormsDiv;
@@ -258,4 +258,4 @@ exports.Tablesp = index$1Z.Tablesp;
 exports.Tabless = index$1_.Tabless;
 exports.Tablesv = index$1$.Tablesv;
 exports.Tablesvp = index$20.Tablesvp;
-exports.vLoading = index$b.vLoading;
+exports.vLoading = index$g.vLoading;

package/dist/components/index.d.ts

@@ -1,8 +1,13 @@
 export * from './button/index';
 export * from './card/index';
+export * from './color-picker/index';
+export * from './image/index';
+export * from './pagination/index';
+export * from './scrollbar/index';
+export * from './tag/index';
+export * from './text/index';
 export * from './collapse-item/index';
 export * from './collapse/index';
-export * from './color-picker/index';
 export * from './config-provider/index';
 export * from './alert/index';
 export * from './dialog/index';
@@ -13,8 +18,6 @@ export * from './message-box/index';
 export * from './message/index';
 export * from './popconfirm/index';
 export * from './popover/index';
-export * from './scrollbar/index';
-export * from './tag/index';
 export * from './tooltip/index';
 export * from './cascader-panel/index';
 export * from './cascader/index';
@@ -42,7 +45,6 @@ export * from './slider/index';
 export * from './switch/index';
 export * from './transfer/index';
 export * from './upload/index';
-export * from './image/index';
 export * from './menu-item-group/index';
 export * from './menu-item/index';
 export * from './menu/index';
@@ -52,10 +54,8 @@ export * from './dropdown-menu/index';
 export * from './dropdown/index';
 export * from './tab-pane/index';
 export * from './tabs/index';
-export * from './pagination/index';
 export * from './table-column/index';
 export * from './table/index';
-export * from './text/index';
 export * from './tree-select/index';
 export * from './tree/index';
 export * from './forms-div/index';

package/dist/components/index.js

@@ -1,9 +1,14 @@
 /* empty css           */
 import { Button } from "./button/index.js";
 import { Card } from "./card/index.js";
+import { ColorPicker } from "./color-picker/index.js";
+import { Image } from "./image/index.js";
+import { Pagination } from "./pagination/index.js";
+import { Scrollbar } from "./scrollbar/index.js";
+import { Tag } from "./tag/index.js";
+import { Text } from "./text/index.js";
 import { CollapseItem } from "./collapse-item/index.js";
 import { Collapse } from "./collapse/index.js";
-import { ColorPicker } from "./color-picker/index.js";
 import { ConfigProvider } from "./config-provider/index.js";
 import { Alert } from "./alert/index.js";
 import { Dialog } from "./dialog/index.js";
@@ -14,8 +19,6 @@ import { MessageBox } from "./message-box/index.js";
 import { Message } from "./message/index.js";
 import { Popconfirm } from "./popconfirm/index.js";
 import { Popover } from "./popover/index.js";
-import { Scrollbar } from "./scrollbar/index.js";
-import { Tag } from "./tag/index.js";
 import { Tooltip } from "./tooltip/index.js";
 import { CascaderPanel } from "./cascader-panel/index.js";
 import { Cascader } from "./cascader/index.js";
@@ -43,7 +46,6 @@ import { Slider } from "./slider/index.js";
 import { Switch } from "./switch/index.js";
 import { Transfer } from "./transfer/index.js";
 import { Upload } from "./upload/index.js";
-import { Image } from "./image/index.js";
 import { MenuItemGroup } from "./menu-item-group/index.js";
 import { MenuItem } from "./menu-item/index.js";
 import { Menu } from "./menu/index.js";
@@ -53,10 +55,8 @@ import { DropdownMenu } from "./dropdown-menu/index.js";
 import { Dropdown } from "./dropdown/index.js";
 import { TabPane } from "./tab-pane/index.js";
 import { Tabs } from "./tabs/index.js";
-import { Pagination } from "./pagination/index.js";
 import { TableColumn } from "./table-column/index.js";
 import { Table } from "./table/index.js";
-import { Text } from "./text/index.js";
 import { TreeSelect } from "./tree-select/index.js";
 import { Tree } from "./tree/index.js";
 import { FormsDiv } from "./forms-div/index.js";

package/dist/components/index.scss

@@ -1,8 +1,13 @@
 @use './button/index.scss' as *;
 @use './card/index.scss' as *;
+@use './color-picker/index.scss' as *;
+@use './image/index.scss' as *;
+@use './pagination/index.scss' as *;
+@use './scrollbar/index.scss' as *;
+@use './tag/index.scss' as *;
+@use './text/index.scss' as *;
 @use './collapse-item/index.scss' as *;
 @use './collapse/index.scss' as *;
-@use './color-picker/index.scss' as *;
 @use './config-provider/index.scss' as *;
 @use './alert/index.scss' as *;
 @use './dialog/index.scss' as *;
@@ -13,8 +18,6 @@
 @use './message/index.scss' as *;
 @use './popconfirm/index.scss' as *;
 @use './popover/index.scss' as *;
-@use './scrollbar/index.scss' as *;
-@use './tag/index.scss' as *;
 @use './tooltip/index.scss' as *;
 @use './cascader-panel/index.scss' as *;
 @use './cascader/index.scss' as *;
@@ -42,7 +45,6 @@
 @use './switch/index.scss' as *;
 @use './transfer/index.scss' as *;
 @use './upload/index.scss' as *;
-@use './image/index.scss' as *;
 @use './menu-item-group/index.scss' as *;
 @use './menu-item/index.scss' as *;
 @use './menu/index.scss' as *;
@@ -52,10 +54,8 @@
 @use './dropdown/index.scss' as *;
 @use './tab-pane/index.scss' as *;
 @use './tabs/index.scss' as *;
-@use './pagination/index.scss' as *;
 @use './table-column/index.scss' as *;
 @use './table/index.scss' as *;
-@use './text/index.scss' as *;
 @use './tree-select/index.scss' as *;
 @use './tree/index.scss' as *;
 @use './forms-div/index.scss' as *;
@@ -83,6 +83,7 @@
 @use './retract/index.scss' as *;
 @use './array/index.scss' as *;
 @use './buttons/index.scss' as *;
+@use './cascaders/index.scss' as *;
 @use './checks/index.scss' as *;
 @use './dates-divide/index.scss' as *;
 @use './dates-picker/index.scss' as *;
@@ -110,5 +111,4 @@
 @use './tables/index.scss' as *;
 @use './tablesp/index.scss' as *;
 @use './tabless/index.scss' as *;
-@use './tablesv/index.scss' as *;
-@use './tablesvp/index.scss' as *;
+@use './tablesv/index.scss' as *;

package/dist/components/index2.scss

@@ -1,8 +1,13 @@
 @use './button/style/index2.scss' as *;
 @use './card/style/index2.scss' as *;
+@use './color-picker/style/index2.scss' as *;
+@use './image/style/index2.scss' as *;
+@use './pagination/style/index2.scss' as *;
+@use './scrollbar/style/index2.scss' as *;
+@use './tag/style/index2.scss' as *;
+@use './text/style/index2.scss' as *;
 @use './collapse-item/style/index2.scss' as *;
 @use './collapse/style/index2.scss' as *;
-@use './color-picker/style/index2.scss' as *;
 @use './config-provider/style/index2.scss' as *;
 @use './alert/style/index2.scss' as *;
 @use './dialog/style/index2.scss' as *;
@@ -13,8 +18,6 @@
 @use './message/style/index2.scss' as *;
 @use './popconfirm/style/index2.scss' as *;
 @use './popover/style/index2.scss' as *;
-@use './scrollbar/style/index2.scss' as *;
-@use './tag/style/index2.scss' as *;
 @use './tooltip/style/index2.scss' as *;
 @use './cascader-panel/style/index2.scss' as *;
 @use './cascader/style/index2.scss' as *;
@@ -42,7 +45,6 @@
 @use './switch/style/index2.scss' as *;
 @use './transfer/style/index2.scss' as *;
 @use './upload/style/index2.scss' as *;
-@use './image/style/index2.scss' as *;
 @use './menu-item-group/style/index2.scss' as *;
 @use './menu-item/style/index2.scss' as *;
 @use './menu/style/index2.scss' as *;
@@ -52,10 +54,8 @@
 @use './dropdown/style/index2.scss' as *;
 @use './tab-pane/style/index2.scss' as *;
 @use './tabs/style/index2.scss' as *;
-@use './pagination/style/index2.scss' as *;
 @use './table-column/style/index2.scss' as *;
 @use './table/style/index2.scss' as *;
-@use './text/style/index2.scss' as *;
 @use './tree-select/style/index2.scss' as *;
 @use './tree/style/index2.scss' as *;
 @use './forms-div/style/index2.scss' as *;
@@ -83,6 +83,7 @@
 @use './retract/style/index.scss' as *;
 @use './array/style/index2.scss' as *;
 @use './buttons/style/index2.scss' as *;
+@use './cascaders/style/index2.scss' as *;
 @use './checks/style/index2.scss' as *;
 @use './dates-divide/style/index2.scss' as *;
 @use './dates-picker/style/index2.scss' as *;
@@ -110,5 +111,4 @@
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;
 @use './tabless/style/index2.scss' as *;
-@use './tablesv/style/index2.scss' as *;
-@use './tablesvp/style/index2.scss' as *;
+@use './tablesv/style/index2.scss' as *;

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

@@ -15,11 +15,14 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index.useCssName("input");
     const props = __props;
     const emit = __emit;
+    const elRef = vues.ref();
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
       return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElInput), vues.mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
         class: vues.unref(cs).z()
       }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
         vues.renderList(Object.keys(vues.unref(slots)), (k) => {
@@ -31,7 +34,9 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
           };
         })
       ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), {}]
+        [vues.unref(index$2.default), {
+          el: elRef.value
+        }]
       ]);
     };
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, useSlots, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+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 { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -13,11 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName("input");
     const props = __props;
     const emit = __emit;
+    const elRef = ref();
     __expose({
       ...dataExpose
     });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(ElInput), mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
         class: unref(cs).z()
       }, unref(attrs)), createSlots({ _: 2 }, [
         renderList(Object.keys(unref(slots)), (k) => {
@@ -29,7 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           };
         })
       ]), 1040, ["class"])), [
-        [unref(vExpose), {}]
+        [unref(vExpose), {
+          el: elRef.value
+        }]
       ]);
     };
   }

package/dist/components/input-number/src/index2.cjs

@@ -15,11 +15,14 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index.useCssName("input-number");
     const props = __props;
     const emit = __emit;
+    const elRef = vues.ref();
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
       return vues.withDirectives((vues.openBlock(), vues.createBlock(vues.unref(index$1.ElInputNumber), vues.mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
         class: vues.unref(cs).z()
       }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
         vues.renderList(Object.keys(vues.unref(slots)), (k) => {
@@ -31,7 +34,9 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
           };
         })
       ]), 1040, ["class"])), [
-        [vues.unref(index$2.default), {}]
+        [vues.unref(index$2.default), {
+          el: elRef.value
+        }]
       ]);
     };
   }

package/dist/components/input-number/src/index2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, useSlots, withDirectives, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+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 { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -13,11 +13,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName("input-number");
     const props = __props;
     const emit = __emit;
+    const elRef = ref();
     __expose({
       ...dataExpose
     });
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(ElInputNumber), mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
         class: unref(cs).z()
       }, unref(attrs)), createSlots({ _: 2 }, [
         renderList(Object.keys(unref(slots)), (k) => {
@@ -29,7 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           };
         })
       ]), 1040, ["class"])), [
-        [unref(vExpose), {}]
+        [unref(vExpose), {
+          el: elRef.value
+        }]
       ]);
     };
   }