@fangzhongya/fang-ui 0.1.10 → 0.1.11

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 ( )

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

@@ -1,4 +1,5 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "seamless-scroll";
 const dataProps = buildProps({
   /**
    * @props { Number } stepLength=60 ( )
@@ -35,5 +36,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -4,13 +4,16 @@ const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const d3Timer = require("d3-timer");
+const index$1 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$1.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("seamless-scroll");
-    const props = __props;
+    const cs = index.useCssName(data.name);
+    const prs = __props;
+    const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
+    index$1.viewProps(props, data.name);
     const emit = __emit;
     const loopCount = vue.ref(new Array(5));
     let ties = null;

package/dist/components/seamless-scroll/src/index2.js

@@ -1,14 +1,17 @@
 import { defineComponent, ref, onMounted, nextTick, onUnmounted, createElementBlock, openBlock, normalizeStyle, unref, normalizeClass, createElementVNode, Fragment, renderList, createBlock, KeepAlive, createCommentVNode, renderSlot } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { timer } from "d3-timer";
+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 cs = useCssName("seamless-scroll");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const loopCount = ref(new Array(5));
     let ties = null;

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

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

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

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

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

package/dist/components/select-dialog/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 = "select-dialog";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String, Number} width= ( )
@@ -89,3 +90,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -3,6 +3,10 @@ export type ModelValue = string | number;
 export type ObjStrAny = {
     [key: string]: any;
 };
+/**
+ * @title {h3} select-dialog
+ */
+export declare const name = "select-dialog";
 export declare const dataProps: {
     /**
      * @props { String, Number} width= ( )

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

@@ -1,5 +1,6 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "select-dialog";
 const dataProps = buildProps({
   /**
    * @props { String, Number} width= ( )
@@ -87,5 +88,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -3,20 +3,23 @@ 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("../../input/index.cjs");
-const index$3 = require("../../dialogs/index.cjs");
-const index$4 = require("../../button/index.cjs");
+const index$3 = require("../../input/index.cjs");
+const index$4 = require("../../dialogs/index.cjs");
+const index$5 = require("../../button/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 = ["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("select-dialog");
-    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 value = vue.computed({
       get() {
@@ -83,17 +86,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.withDirectives(vue.createVNode(vue.unref(index$2.Input), {
+        vue.withDirectives(vue.createVNode(vue.unref(index$3.Input), {
           disabled: "",
           readonly: ""
         }, null, 512), [
           [vue.vShow, false]
         ]),
-        vue.createVNode(vue.unref(index$2.Input), {
+        vue.createVNode(vue.unref(index$3.Input), {
           modelValue: inputName.value,
           onClick,
-          placeholder: props.placeholder || vue.unref(getLocale)("form.select"),
-          disabled: props.disabled,
+          placeholder: vue.unref(props).placeholder || vue.unref(getLocale)("form.select"),
+          disabled: vue.unref(props).disabled,
           readonly: ""
         }, {
           suffix: vue.withCtx(() => [
@@ -101,14 +104,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["modelValue", "placeholder", "disabled"]),
-        vue.createVNode(vue.unref(index$3.Dialogs), {
+        vue.createVNode(vue.unref(index$4.Dialogs), {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
           class: vue.normalizeClass(vue.unref(cs).z("dialog")),
           "custom-class": vue.unref(cs).z("dialog"),
-          title: props.title,
-          "append-to-body": props.appendToBody,
-          width: "calc(40px + " + props.width + ")",
+          title: vue.unref(props).title,
+          "append-to-body": vue.unref(props).appendToBody,
+          width: "calc(40px + " + vue.unref(props).width + ")",
           "before-close": () => {
             dialogVisible.value = false;
           }
@@ -117,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", {
               class: vue.normalizeClass([vue.unref(cs).z("dialog-footer")])
             }, [
-              vue.createVNode(vue.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$5.Button), {
                 onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
               }, {
                 default: vue.withCtx(() => [
@@ -125,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 1
               }),
-              vue.createVNode(vue.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$5.Button), {
                 type: "primary",
                 onClick: onDialogffirm
               }, {
@@ -189,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       }, [
                         vue.createElementVNode("span", {
                           class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p1")])
-                        }, vue.toDisplayString(props.getName(item)), 3),
+                        }, vue.toDisplayString(vue.unref(props).getName(item)), 3),
                         vue.createElementVNode("span", {
                           class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-del")]),
                           onClick: ($event) => onDelete(item)
@@ -206,10 +209,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           ], -1)
                         ])], 10, _hoisted_1)
                       ], 2),
-                      props.getNameExplain ? (vue.openBlock(), vue.createElementBlock("div", {
+                      vue.unref(props).getNameExplain ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
                         class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p2")])
-                      }, vue.toDisplayString(props.getNameExplain(item)), 3)) : vue.createCommentVNode("", true)
+                      }, vue.toDisplayString(vue.unref(props).getNameExplain(item)), 3)) : vue.createCommentVNode("", true)
                     ], 2);
                   }), 128))
                 ], 2)

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

@@ -1,20 +1,23 @@
 import { defineComponent, computed, ref, nextTick, createElementBlock, openBlock, normalizeClass, unref, withDirectives, createVNode, vShow, withCtx, renderSlot, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import "../../../hooks/index.js";
 import { Input } from "../../input/index.js";
 import { Dialogs } from "../../dialogs/index.js";
 import { Button } from "../../button/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 = ["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("select-dialog");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const value = computed({
       get() {
@@ -90,8 +93,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(Input), {
           modelValue: inputName.value,
           onClick,
-          placeholder: props.placeholder || unref(getLocale)("form.select"),
-          disabled: props.disabled,
+          placeholder: unref(props).placeholder || unref(getLocale)("form.select"),
+          disabled: unref(props).disabled,
           readonly: ""
         }, {
           suffix: withCtx(() => [
@@ -104,9 +107,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
           class: normalizeClass(unref(cs).z("dialog")),
           "custom-class": unref(cs).z("dialog"),
-          title: props.title,
-          "append-to-body": props.appendToBody,
-          width: "calc(40px + " + props.width + ")",
+          title: unref(props).title,
+          "append-to-body": unref(props).appendToBody,
+          width: "calc(40px + " + unref(props).width + ")",
           "before-close": () => {
             dialogVisible.value = false;
           }
@@ -187,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, [
                         createElementVNode("span", {
                           class: normalizeClass([unref(cs).z("dialog-li-select-li-p1")])
-                        }, toDisplayString(props.getName(item)), 3),
+                        }, toDisplayString(unref(props).getName(item)), 3),
                         createElementVNode("span", {
                           class: normalizeClass([unref(cs).z("dialog-li-select-li-del")]),
                           onClick: ($event) => onDelete(item)
@@ -204,10 +207,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ], -1)
                         ])], 10, _hoisted_1)
                       ], 2),
-                      props.getNameExplain ? (openBlock(), createElementBlock("div", {
+                      unref(props).getNameExplain ? (openBlock(), createElementBlock("div", {
                         key: 0,
                         class: normalizeClass([unref(cs).z("dialog-li-select-li-p2")])
-                      }, toDisplayString(props.getNameExplain(item)), 3)) : createCommentVNode("", true)
+                      }, toDisplayString(unref(props).getNameExplain(item)), 3)) : createCommentVNode("", true)
                     ], 2);
                   }), 128))
                 ], 2)

package/dist/components/select-popover/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 = "select-popover";
 const dataProps = buildProps.buildProps({
   readonly: {
     type: Boolean
@@ -35,3 +36,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;