@fangzhongya/fang-ui 0.1.9 → 0.1.11

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

@@ -3,11 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
-const index$2 = require("../../icon/index.cjs");
-const index$4 = require("../../input/index.cjs");
-const index$5 = require("../../tabs/index.cjs");
-const index$6 = require("../../tab-pane/index.cjs");
-const index$3 = require("../../dialogs/index.cjs");
+const index$3 = require("../../icon/index.cjs");
+const index$5 = require("../../input/index.cjs");
+const index$6 = require("../../tabs/index.cjs");
+const index$7 = require("../../tab-pane/index.cjs");
+const index$4 = require("../../dialogs/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const _hoisted_1 = ["title"];
@@ -16,13 +17,15 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("icon-picker");
-    const props = __props;
+    const cs = index$1.useCssName(data.name);
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     let ac = "";
     if (props.icons) {
@@ -44,8 +47,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (props.icons instanceof Array) {
           for (let index2 = 0; index2 < props.icons.length; index2++) {
             const element = props.icons[index2];
-            const name = element.prefix;
-            if (name == activeName.value) {
+            const name2 = element.prefix;
+            if (name2 == activeName.value) {
               arr = (element == null ? void 0 : element.icons) || [];
               break;
             }
@@ -57,16 +60,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (search.value) {
         if (arr instanceof Array) {
           return arr.filter((o) => {
-            const name = setName(o, "");
-            return name.includes(search.value);
+            const name2 = setName(o, "");
+            return name2.includes(search.value);
           });
         } else {
           const obj = arr;
           const rs = {};
           Object.keys(arr).forEach((key) => {
             const v = obj[key];
-            const name = setName(v, key);
-            if (name.includes(search.value)) {
+            const name2 = setName(v, key);
+            if (name2.includes(search.value)) {
               rs[key] = v;
             }
           });
@@ -148,20 +151,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onClick: onShow
         }, [
           vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, {}, () => [
-            vue.createVNode(vue.unref(index$2.Icon), {
-              type: props.type,
-              size: props.size,
-              name: props.modelValue
+            vue.createVNode(vue.unref(index$3.Icon), {
+              type: vue.unref(props).type,
+              size: vue.unref(props).size,
+              name: vue.unref(props).modelValue
             }, null, 8, ["type", "size", "name"])
           ])
         ], 2),
-        vue.createVNode(vue.unref(index$3.Dialogs), {
+        vue.createVNode(vue.unref(index$4.Dialogs), {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
-          width: props.dialogWidth,
+          width: vue.unref(props).dialogWidth,
           title: vue.unref(getLocale)("iconpicker"),
           "show-close": true,
-          class: vue.normalizeClass(props.dialogClass),
+          class: vue.normalizeClass(vue.unref(props).dialogClass),
           onClose: removeIcon,
           onConfirm
         }, {
@@ -175,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("dialog-input"))
                 }, [
-                  vue.createVNode(vue.unref(index$4.Input), {
+                  vue.createVNode(vue.unref(index$5.Input), {
                     placeholder: vue.unref(getLocale)("search"),
                     modelValue: search.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
@@ -189,9 +192,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     key: 0,
                     title: value.value
                   }, [
-                    vue.createVNode(vue.unref(index$2.Icon), {
-                      type: props.type,
-                      size: props.size,
+                    vue.createVNode(vue.unref(index$3.Icon), {
+                      type: vue.unref(props).type,
+                      size: vue.unref(props).size,
                       name: value.value
                     }, null, 8, ["type", "size", "name"])
                   ], 8, _hoisted_1)) : vue.createCommentVNode("", true)
@@ -200,15 +203,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("dialog-body"))
               }, [
-                vue.createVNode(vue.unref(index$5.Tabs), {
+                vue.createVNode(vue.unref(index$6.Tabs), {
                   class: vue.normalizeClass(vue.unref(cs).z("dialog-tabs")),
                   modelValue: activeName.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeName.value = $event),
                   onTabChange: handleTabChange
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.icons, (item, key) => {
-                      return vue.openBlock(), vue.createBlock(vue.unref(index$6.TabPane), {
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).icons, (item, key) => {
+                      return vue.openBlock(), vue.createBlock(vue.unref(index$7.TabPane), {
                         key,
                         name: key
                       }, {
@@ -243,9 +246,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           setName(icon, String(key)) == value.value ? "active" : ""
                         ])
                       }, [
-                        vue.createVNode(vue.unref(index$2.Icon), {
-                          type: props.type,
-                          size: props.size,
+                        vue.createVNode(vue.unref(index$3.Icon), {
+                          type: vue.unref(props).type,
+                          size: vue.unref(props).size,
                           name: setName(icon, String(key))
                         }, null, 8, ["type", "size", "name"])
                       ], 10, _hoisted_4)

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

@@ -1,11 +1,12 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, renderSlot, withCtx, createCommentVNode, Fragment, renderList, createBlock, toDisplayString } from "vue";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import "../../../hooks/index.js";
 import { Icon } from "../../icon/index.js";
 import { Input } from "../../input/index.js";
 import { Tabs } from "../../tabs/index.js";
 import { TabPane } from "../../tab-pane/index.js";
 import { Dialogs } from "../../dialogs/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 const _hoisted_1 = ["title"];
@@ -14,13 +15,15 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     const { getLocale } = useLocale();
-    const cs = useCssName("icon-picker");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     let ac = "";
     if (props.icons) {
@@ -42,8 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.icons instanceof Array) {
           for (let index = 0; index < props.icons.length; index++) {
             const element = props.icons[index];
-            const name = element.prefix;
-            if (name == activeName.value) {
+            const name2 = element.prefix;
+            if (name2 == activeName.value) {
               arr = (element == null ? void 0 : element.icons) || [];
               break;
             }
@@ -55,16 +58,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (search.value) {
         if (arr instanceof Array) {
           return arr.filter((o) => {
-            const name = setName(o, "");
-            return name.includes(search.value);
+            const name2 = setName(o, "");
+            return name2.includes(search.value);
           });
         } else {
           const obj = arr;
           const rs = {};
           Object.keys(arr).forEach((key) => {
             const v = obj[key];
-            const name = setName(v, key);
-            if (name.includes(search.value)) {
+            const name2 = setName(v, key);
+            if (name2.includes(search.value)) {
               rs[key] = v;
             }
           });
@@ -147,19 +150,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, unref(dataSlot).default, {}, () => [
             createVNode(unref(Icon), {
-              type: props.type,
-              size: props.size,
-              name: props.modelValue
+              type: unref(props).type,
+              size: unref(props).size,
+              name: unref(props).modelValue
             }, null, 8, ["type", "size", "name"])
           ])
         ], 2),
         createVNode(unref(Dialogs), {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
-          width: props.dialogWidth,
+          width: unref(props).dialogWidth,
           title: unref(getLocale)("iconpicker"),
           "show-close": true,
-          class: normalizeClass(props.dialogClass),
+          class: normalizeClass(unref(props).dialogClass),
           onClose: removeIcon,
           onConfirm
         }, {
@@ -188,8 +191,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     title: value.value
                   }, [
                     createVNode(unref(Icon), {
-                      type: props.type,
-                      size: props.size,
+                      type: unref(props).type,
+                      size: unref(props).size,
                       name: value.value
                     }, null, 8, ["type", "size", "name"])
                   ], 8, _hoisted_1)) : createCommentVNode("", true)
@@ -205,7 +208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onTabChange: handleTabChange
                 }, {
                   default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.icons, (item, key) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).icons, (item, key) => {
                       return openBlock(), createBlock(unref(TabPane), {
                         key,
                         name: key
@@ -242,8 +245,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ])
                       }, [
                         createVNode(unref(Icon), {
-                          type: props.type,
-                          size: props.size,
+                          type: unref(props).type,
+                          size: unref(props).size,
                           name: setName(icon, String(key))
                         }, null, 8, ["type", "size", "name"])
                       ], 10, _hoisted_4)

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "iframe";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String} url='' ( )
@@ -43,3 +44,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -2,6 +2,10 @@ import { ExtractPropTypes } from 'vue';
 /**
  * @title {h3} iframe iframe组件
  */
+/**
+ * @title {h3} iframe
+ */
+export declare const name = "iframe";
 export declare const dataProps: {
     /**
      * @props { String} url='' ( )

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

@@ -1,5 +1,6 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "iframe";
 const dataProps = buildProps({
   /**
    * @props { String} url='' ( )
@@ -41,5 +42,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -4,20 +4,23 @@ const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
 require("../../loading/index.cjs");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("element-plus/es/components/loading/index");
+const index$4 = require("element-plus/es/components/loading/index");
 const _hoisted_1 = ["width", "height", "frameborder", "src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$3.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("iframe");
-    const attrs = index$2.useInherit(vue.useAttrs());
-    const props = __props;
+    const cs = index$1.useCssName(data.name);
+    const attrs = index$2.useInherit(vue.useAttrs(), data.name);
+    const prs = __props;
+    const props = index$3.usePropsDefault(data.name, prs, data.dataProps);
+    index$3.viewProps(props, data.name);
     const emit = __emit;
     const loading = vue.ref(false);
     const src = vue.computed(() => {
@@ -43,15 +46,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
         vue.createElementVNode("iframe", vue.mergeProps(vue.unref(attrs).assem, {
-          width: props.width,
-          height: props.height,
-          frameborder: props.frameborder,
+          width: vue.unref(props).width,
+          height: vue.unref(props).height,
+          frameborder: vue.unref(props).frameborder,
           onLoad,
           onError,
           src: src.value
         }), null, 16, _hoisted_1)
       ], 16)), [
-        [vue.unref(index$3.vLoading), loading.value]
+        [vue.unref(index$4.vLoading), loading.value]
       ]);
     };
   }

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

@@ -1,7 +1,8 @@
 import { defineComponent, useAttrs, ref, computed, withDirectives, openBlock, createElementBlock, mergeProps, unref, createElementVNode } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import "../../../hooks/index.js";
 import "../../loading/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
@@ -9,13 +10,15 @@ import { vLoading } from "element-plus/es/components/loading/index";
 const _hoisted_1 = ["width", "height", "frameborder", "src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("iframe");
-    const attrs = useInherit(useAttrs());
-    const props = __props;
+    const cs = useCssName(name);
+    const attrs = useInherit(useAttrs(), name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const loading = ref(false);
     const src = computed(() => {
@@ -41,9 +44,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: unref(cs).z()
       }, unref(attrs).root), [
         createElementVNode("iframe", mergeProps(unref(attrs).assem, {
-          width: props.width,
-          height: props.height,
-          frameborder: props.frameborder,
+          width: unref(props).width,
+          height: unref(props).height,
+          frameborder: unref(props).frameborder,
           onLoad,
           onError,
           src: src.value

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

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "image";
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} Image 图片
  * @text 目前完全继承 element-plus 中 el-image
  */
+export declare const name = "image";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
@@ -11,4 +12,6 @@ export declare const dataSlot: {};
 /**
  * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -1,11 +1,13 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "image";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -2,22 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../../hooks/expose/index.cjs");
-const index$2 = require("element-plus/es/components/image/index");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("element-plus/es/components/image/index");
+const index = require("../../../hooks/attrs-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
+    const attrs = index.useAttrsDefault(data.name, vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("image");
+    const cs = index$1.useCssName(data.name);
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
     __expose(
-      index$1.useExpose(
+      index$2.useExpose(
         {
           ...data.dataExpose
         },
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElImage), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElImage), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

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

@@ -1,16 +1,17 @@
 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 { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElImage } from "element-plus/es/components/image/index";
+import { useAttrsDefault } from "../../../hooks/attrs-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useAttrs();
+    const attrs = useAttrsDefault(name, useAttrs());
     const slots = useSlots();
-    const cs = useCssName("image");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/image-viewer/src/data.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "image-viewer";
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/image-viewer/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} ImageViewer 图片预览
  * @text 目前完全继承 element-plus 中 el-image-viewer
  */
+export declare const name = "image-viewer";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
@@ -11,4 +12,6 @@ export declare const dataSlot: {};
 /**
  * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/image-viewer/src/data.js

@@ -1,11 +1,13 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "image-viewer";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -2,22 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../../hooks/expose/index.cjs");
-const index$2 = require("element-plus/es/components/image-viewer/index");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("element-plus/es/components/image-viewer/index");
+const index = require("../../../hooks/attrs-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
+    const attrs = index.useAttrsDefault(data.name, vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("image-viewer");
+    const cs = index$1.useCssName(data.name);
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
     __expose(
-      index$1.useExpose(
+      index$2.useExpose(
         {
           ...data.dataExpose
         },
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElImageViewer), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElImageViewer), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

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

@@ -1,16 +1,17 @@
 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 { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElImageViewer } from "element-plus/es/components/image-viewer/index";
+import { useAttrsDefault } from "../../../hooks/attrs-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useAttrs();
+    const attrs = useAttrsDefault(name, useAttrs());
     const slots = useSlots();
-    const cs = useCssName("image-viewer");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "images";
 const dataProps = {
   height: {
     type: [String, Number]
@@ -30,3 +31,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} images
+ */
+export declare const name = "images";
 export declare const dataProps: {
     height: {
         type: (StringConstructor | NumberConstructor)[];