@fangzhongya/fang-ui 0.1.10 → 0.1.12

package/dist/components/radio-group/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/radio/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/radio/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("radio-group");
+    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.ElRadioGroup), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElRadioGroup), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/radio-group/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 { ElRadioGroup } from "element-plus/es/components/radio/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("radio-group");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/retract/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 = "retract";
 const dataProps = buildProps.buildProps({
   /**
    * @props { } direction='right' ( 'left' | 'right' | 'top' | 'bottom' )
@@ -22,3 +23,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,5 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 type Direction = 'left' | 'right' | 'top' | 'bottom';
+/**
+ * @title {h3} retract
+ */
+export declare const name = "retract";
 export declare const dataProps: {
     /**
      * @props { } direction='right' ( 'left' | 'right' | 'top' | 'bottom' )

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

@@ -1,5 +1,6 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "retract";
 const dataProps = buildProps({
   /**
    * @props { } direction='right' ( 'left' | 'right' | 'top' | 'bottom' )
@@ -20,5 +21,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -1,20 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$2 = require("../../icon/index.cjs");
+const index$3 = require("../../icon/index.cjs");
 const right = require("../../../icons/vue/right.cjs");
 const data = require("./data.cjs");
 require("../../../hooks/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 _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 }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("retract");
-    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;
     const visible = vue.ref(false);
     function onClick() {
@@ -30,9 +33,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         !visible.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, { key: 0 }) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           onClick: vue.withModifiers(onClick, ["stop"]),
-          class: vue.normalizeClass([vue.unref(cs).z("but"), vue.unref(cs).is(props.direction, true)])
+          class: vue.normalizeClass([vue.unref(cs).z("but"), vue.unref(cs).is(vue.unref(props).direction, true)])
         }, [
-          vue.createVNode(vue.unref(index$2.Icon), {
+          vue.createVNode(vue.unref(index$3.Icon), {
             class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).is("reverse", visible.value)])
           }, {
             default: vue.withCtx(() => [

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

@@ -1,18 +1,21 @@
 import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, withModifiers, createVNode, withCtx } from "vue";
 import { Icon } from "../../icon/index.js";
 import Right from "../../../icons/vue/right.js";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import "../../../hooks/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 _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("retract");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const visible = ref(false);
     function onClick() {
@@ -28,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !visible.value ? renderSlot(_ctx.$slots, unref(dataSlot).default, { key: 0 }) : createCommentVNode("", true),
         createElementVNode("div", {
           onClick: withModifiers(onClick, ["stop"]),
-          class: normalizeClass([unref(cs).z("but"), unref(cs).is(props.direction, true)])
+          class: normalizeClass([unref(cs).z("but"), unref(cs).is(unref(props).direction, true)])
         }, [
           createVNode(unref(Icon), {
             class: normalizeClass([unref(cs).z("icon"), unref(cs).is("reverse", visible.value)])

package/dist/components/right-key/src/data.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../utils/index.cjs");
 const data = require("../../box-teleport/src/data.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "right-key";
 const dataProps = buildProps.buildProps({
   ...data.dataProps,
   /**
@@ -63,3 +64,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/right-key/src/data.d.ts

@@ -1,6 +1,10 @@
 import { ExtractPropTypes } from 'vue';
 import { ObjAny } from '../../../types/index';
 import { FunctConfig } from '../../../utils/enums';
+/**
+ * @title {h3} right-key
+ */
+export declare const name = "right-key";
 export declare const dataProps: {
     /**
      * @props { Array<string> } options= ( )

package/dist/components/right-key/src/data.js

@@ -1,6 +1,7 @@
 import "../../../utils/index.js";
 import { dataProps as dataProps$1 } from "../../box-teleport/src/data.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "right-key";
 const dataProps = buildProps({
   ...dataProps$1,
   /**
@@ -61,5 +62,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/right-key/src/index2.cjs

@@ -3,22 +3,25 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const getPrentClass = require("@fangzhongya/utils/css/getPrentClass");
 require("../../../utils/index.cjs");
-const index$3 = require("../../icon/index.cjs");
-const index$2 = require("../../box-teleport/index.cjs");
+const index$4 = require("../../icon/index.cjs");
+const index$3 = require("../../box-teleport/index.cjs");
 const data = require("./data.cjs");
 require("../../../hooks/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 common = require("../../../utils/vues/common.cjs");
 const _hoisted_1 = ["onClick"];
 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 }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("right-key");
-    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;
     const flag = vue.ref(false);
     const refRightKey = vue.ref();
@@ -99,13 +102,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onContextmenu: handleContextmenu
       }, [
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default),
-        vue.createVNode(vue.unref(index$2.BoxTeleport), {
-          disabled: props.disabled,
-          to: props.to
+        vue.createVNode(vue.unref(index$3.BoxTeleport), {
+          disabled: vue.unref(props).disabled,
+          to: vue.unref(props).to
         }, {
           default: vue.withCtx(() => [
             vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(cs).z("box"), props.boxClass]),
+              class: vue.normalizeClass([vue.unref(cs).z("box"), vue.unref(props).boxClass]),
               ref_key: "refRightKeyBox",
               ref: refRightKeyBox,
               style: vue.normalizeStyle({
@@ -117,19 +120,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("box-list"))
               }, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (v, k) => {
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).options, (v, k) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: k,
                     onClick: vue.withModifiers(($event) => onClick(v), ["stop"]),
                     class: vue.normalizeClass(vue.unref(cs).z("box-list-li"))
                   }, [
-                    v.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Icon), { key: 0 }, {
+                    v.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Icon), { key: 0 }, {
                       default: vue.withCtx(() => [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(v.icon)))
                       ]),
                       _: 2
                     }, 1024)) : vue.createCommentVNode("", true),
-                    vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(common.setVueValue)(v, props.label)), 1)
+                    vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(common.setVueValue)(v, vue.unref(props).label)), 1)
                   ], 10, _hoisted_1);
                 }), 128))
               ], 2)

package/dist/components/right-key/src/index2.js

@@ -3,20 +3,23 @@ import { getPrentClass } from "@fangzhongya/utils/css/getPrentClass";
 import "../../../utils/index.js";
 import { Icon } from "../../icon/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import "../../../hooks/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 { setVueValue } from "../../../utils/vues/common.js";
 const _hoisted_1 = ["onClick"];
 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("right-key");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const flag = ref(false);
     const refRightKey = ref();
@@ -98,12 +101,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, unref(dataSlot).default),
         createVNode(unref(BoxTeleport), {
-          disabled: props.disabled,
-          to: props.to
+          disabled: unref(props).disabled,
+          to: unref(props).to
         }, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
-              class: normalizeClass([unref(cs).z("box"), props.boxClass]),
+              class: normalizeClass([unref(cs).z("box"), unref(props).boxClass]),
               ref_key: "refRightKeyBox",
               ref: refRightKeyBox,
               style: normalizeStyle({
@@ -115,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("box-list"))
               }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (v, k) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).options, (v, k) => {
                   return openBlock(), createElementBlock("div", {
                     key: k,
                     onClick: withModifiers(($event) => onClick(v), ["stop"]),
@@ -127,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 2
                     }, 1024)) : createCommentVNode("", true),
-                    createElementVNode("span", null, toDisplayString(unref(setVueValue)(v, props.label)), 1)
+                    createElementVNode("span", null, toDisplayString(unref(setVueValue)(v, unref(props).label)), 1)
                   ], 10, _hoisted_1);
                 }), 128))
               ], 2)

package/dist/components/role-select/src/data.cjs

@@ -22,6 +22,7 @@ const roleSelect = {
   // // 是否多选
   // multiple: false,
 };
+const name = "role-select";
 const dataProps = buildProps.buildProps({
   /**
    * @props { Array} modelValue=
@@ -75,4 +76,5 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;
 exports.roleSelect = roleSelect;

package/dist/components/role-select/src/data.d.ts

@@ -26,6 +26,10 @@ export type RoleSelect = {
     multiple: boolean;
     checkStrictly: boolean;
 };
+/**
+ * @title {h3}
+ */
+export declare const name = "role-select";
 export declare const dataProps: {
     /**
      * @props { Array} modelValue=

package/dist/components/role-select/src/data.js

@@ -20,6 +20,7 @@ const roleSelect = {
   // // 是否多选
   // multiple: false,
 };
+const name = "role-select";
 const dataProps = buildProps({
   /**
    * @props { Array} modelValue=
@@ -74,5 +75,6 @@ export {
   dataExpose,
   dataProps,
   dataSlot,
+  name,
   roleSelect
 };

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("role-select");
+    const cs = index$1.useCssName(data.name);
     const propss = __props;
     const emit = __emit;
     const refSelectDialog = vue.ref();
@@ -58,15 +58,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function getName(key) {
-      const name = psprops.value.label;
+      const name2 = psprops.value.label;
       let obj = nodes.value[key] || {};
-      return obj[name];
+      return obj[name2];
     }
     function getNameExplain(key) {
-      const name = psprops.value.explain;
-      if (name) {
+      const name2 = psprops.value.explain;
+      if (name2) {
         let obj = nodes.value[key] || {};
-        return obj[name];
+        return obj[name2];
       }
     }
     function onDialog(is) {

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, createTextVNode, toDisplayString, renderSlot } from "vue";
-import { roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
 import "../../../hooks/index.js";
 import { TableColumn } from "../../table-column/index.js";
 import { Table } from "../../table/index.js";
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("role-select");
+    const cs = useCssName(name);
     const propss = __props;
     const emit = __emit;
     const refSelectDialog = ref();
@@ -56,15 +56,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function getName(key) {
-      const name = psprops.value.label;
+      const name2 = psprops.value.label;
       let obj = nodes.value[key] || {};
-      return obj[name];
+      return obj[name2];
     }
     function getNameExplain(key) {
-      const name = psprops.value.explain;
-      if (name) {
+      const name2 = psprops.value.explain;
+      if (name2) {
         let obj = nodes.value[key] || {};
-        return obj[name];
+        return obj[name2];
       }
     }
     function onDialog(is) {

package/dist/components/scrollbar/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 = "scrollbar";
 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/scrollbar/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} Scrollbar 滚动条
  * @text 目前完全继承 element-plus 中 el-scrollbar
  */
+export declare const name = "scrollbar";
 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/scrollbar/src/data.js

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

package/dist/components/scrollbar/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/scrollbar/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/scrollbar/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("scrollbar");
+    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.ElScrollbar), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElScrollbar), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/scrollbar/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 { ElScrollbar } from "element-plus/es/components/scrollbar/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("scrollbar");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/scss/function.scss

@@ -29,8 +29,8 @@ $cssname: m();
 	}
 }
 
-@function el($block, $blockSuffix: '', $element: '', $modifier: '') {
-	$cls: #{e() + $block};
+@function co($block, $blockSuffix: '', $element: '', $modifier: '') {
+	$cls: $block;
 	@if ($blockSuffix != '') {
 		$cls: #{$cls + $common-separator + $blockSuffix};
 	}
@@ -43,22 +43,18 @@ $cssname: m();
 	@return $cls;
 }
 
-@function getClassName($block, $blockSuffix, $element, $modifier) {
+@function el($block, $blockSuffix: '', $element: '', $modifier: '') {
+	$cls: #{e() + $block};
+	@return co($cls, $blockSuffix, $element, $modifier);
+}
+
+@function cn($block, $blockSuffix: '', $element: '', $modifier: '') {
 	$cls: #{$cssname + $block};
-	@if ($blockSuffix != '') {
-		$cls: #{$cls + $common-separator + $blockSuffix};
-	}
-	@if ($element != '') {
-		$cls: #{$cls + $element-separator + $element};
-	}
-	@if ($modifier != '') {
-		$cls: #{$cls + $modifier-separator + $modifier};
-	}
-	@return $cls;
+	@return co($cls, $blockSuffix, $element, $modifier);
 }
 
 @function z($block, $blockSuffix: '', $element: '', $modifier: '') {
-	@return getClassName($block, $blockSuffix, $element, $modifier);
+	@return cn($block, $blockSuffix, $element, $modifier);
 }
 
 @function is($name) {

package/dist/components/seamless-scroll/src/data.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "seamless-scroll";
 const dataProps = buildProps.buildProps({
   /**
    * @props { Number } stepLength=60 ( )
@@ -37,3 +38,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/seamless-scroll/src/data.d.ts

@@ -1,4 +1,8 @@
 import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} seamless-scroll
+ */
+export declare const name = "seamless-scroll";
 export declare const dataProps: {
     /**
      * @props { Number } stepLength=60 ( )