@fangzhongya/fang-ui 0.1.9 → 0.1.11

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

@@ -4,26 +4,28 @@ const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const index$4 = require("../../box-title/index.cjs");
-const index$3 = require("../../box-mask/index.cjs");
-const index$2 = require("../../box-teleport/index.cjs");
-const index$6 = require("../../../directives/adjust/index.cjs");
-const index$5 = require("../../../directives/drag/index.cjs");
-const use = require("../../common/use.cjs");
+const index$5 = require("../../box-title/index.cjs");
+const index$4 = require("../../box-mask/index.cjs");
+const index$3 = require("../../box-teleport/index.cjs");
+const index$7 = require("../../../directives/adjust/index.cjs");
+const index$6 = require("../../../directives/drag/index.cjs");
+const data$1 = require("../../box-title/src/data.cjs");
+const index$2 = require("../../../hooks/props-default/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 isInit = vue.shallowRef(false);
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("popup");
+    const cs = index$1.useCssName(data.name);
     const prs = __props;
-    const props = use.uesPropsDefault(prs, {
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps, {
       drag() {
-        return "." + cs.name + "box-title-name";
+        return "." + cs.cn(data$1.name, "name");
       }
     });
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     const drag = { dom: props.self ? false : props.drag };
     const adjust = !props.self && props.adjust ? {
@@ -57,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(cs).z("local"))
       }, [
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
-      ], 2)) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+      ], 2)) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxTeleport), {
         key: 1,
         disabled: vue.unref(props).disabled,
         to: vue.unref(props).to
@@ -67,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(props).self ? vue.unref(cs).z("center") : ""])
           }, [
-            vue.unref(props).mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
+            vue.unref(props).mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.BoxMask), {
               key: 0,
               onClick: onMaskClose,
               cssprefix: vue.unref(props).cssprefix || vue.unref(cs).z()
@@ -76,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(vue.unref(cs).z("body"))
             }, [
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
-                vue.createVNode(vue.unref(index$4.BoxTitle), {
+                vue.createVNode(vue.unref(index$5.BoxTitle), {
                   onClose,
                   title: vue.unref(props).title
                 }, null, 8, ["title"])
@@ -88,8 +90,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ], 2),
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)), [
-              [vue.unref(index$5.default), drag],
-              [vue.unref(index$6.default), vue.unref(adjust)]
+              [vue.unref(index$6.default), drag],
+              [vue.unref(index$7.default), vue.unref(adjust)]
             ])
           ], 2)), [
             [vue.vShow, vue.unref(props).modelValue]

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

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, watch, createElementBlock, createBlock, unref, openBlock, normalizeClass, renderSlot, withCtx, withDirectives, createCommentVNode, createElementVNode, createVNode, vShow } from "vue";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { BoxTitle } from "../../box-title/index.js";
@@ -7,21 +7,23 @@ import { BoxMask } from "../../box-mask/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
 import vAdjust from "../../../directives/adjust/index.js";
 import vDrag from "../../../directives/drag/index.js";
-import { uesPropsDefault } from "../../common/use.js";
+import { name as name$1 } from "../../box-title/src/data.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const isInit = shallowRef(false);
     const { getLocale } = useLocale();
-    const cs = useCssName("popup");
+    const cs = useCssName(name);
     const prs = __props;
-    const props = uesPropsDefault(prs, {
+    const props = usePropsDefault(name, prs, dataProps, {
       drag() {
-        return "." + cs.name + "box-title-name";
+        return "." + cs.cn(name$1, "name");
       }
     });
+    viewProps(props, name);
     const emit = __emit;
     const drag = { dom: props.self ? false : props.drag };
     const adjust = !props.self && props.adjust ? {

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

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

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

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

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

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

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} RadioButton 单选框-按钮
  * @text 目前完全继承 element-plus 中 el-radio-button
  */
+export declare const name = "radio-button";
 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/radio-button/src/data.js

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

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

package/dist/components/radio-button/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 { ElRadioButton } 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-button");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

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

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} RadioGroup 单选框-分组
  * @text 目前完全继承 element-plus 中 el-radio-group
  */
+export declare const name = "radio-group";
 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/radio-group/src/data.js

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

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
 };