@fangzhongya/fang-ui 0.1.10 → 0.1.11

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} select-popover
+ */
+export declare const name = "select-popover";
 export declare const dataProps: {
     readonly: {
         type: BooleanConstructor;

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

@@ -1,5 +1,6 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "select-popover";
 const dataProps = buildProps({
   readonly: {
     type: Boolean
@@ -33,5 +34,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -3,23 +3,26 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const data = require("./data.cjs");
-const index$3 = require("../../popover/index.cjs");
-const index$4 = require("../../inputs/index.cjs");
+const index$4 = require("../../popover/index.cjs");
+const index$5 = require("../../inputs/index.cjs");
 require("../../../hooks/index.cjs");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: data.dataProps,
+  props: index$3.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const attrs = index.useInherit();
     const slots = vue.useSlots();
     const { getLocale } = index$1.useLocale();
-    const cs = index$2.useCssName("select-popover");
-    const props = __props;
+    const cs = index$2.useCssName(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 visible = vue.ref(false);
     const width = vue.ref(200);
@@ -86,25 +89,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$3.Popover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$4.Popover), {
         trigger: "click",
         "popper-class": vue.unref(cs).z("popper"),
         visible: visible.value,
-        disabled: props.disabled,
+        disabled: vue.unref(props).disabled,
         width: width.value
       }, {
         reference: vue.withCtx(() => [
           vue.createElementVNode("div", vue.mergeProps({
-            class: [vue.unref(cs).z(), vue.unref(cs).is("disabled", props.disabled)]
+            class: [vue.unref(cs).z(), vue.unref(cs).is("disabled", vue.unref(props).disabled)]
           }, vue.unref(attrs).root, { onClick }), [
-            vue.createVNode(vue.unref(index$4.Inputs), vue.mergeProps({
+            vue.createVNode(vue.unref(index$5.Inputs), vue.mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, vue.unref(attrs).assem, {
-              disabled: props.disabled,
-              readonly: props.readonly,
+              disabled: vue.unref(props).disabled,
+              readonly: vue.unref(props).readonly,
               onInput,
               onFocus,
               onBlur,

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

@@ -1,23 +1,26 @@
 import { defineComponent, useSlots, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, renderSlot, createElementVNode, mergeProps, createVNode, createSlots, createElementBlock, createCommentVNode, withModifiers, normalizeClass, renderList } from "vue";
 import { getCss } from "@fangzhongya/utils/css/getCss";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { Popover } from "../../popover/index.js";
 import { Inputs } from "../../inputs/index.js";
 import "../../../hooks/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const attrs = useInherit();
     const slots = useSlots();
     const { getLocale } = useLocale();
-    const cs = useCssName("select-popover");
-    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);
     const width = ref(200);
@@ -88,12 +91,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: "click",
         "popper-class": unref(cs).z("popper"),
         visible: visible.value,
-        disabled: props.disabled,
+        disabled: unref(props).disabled,
         width: width.value
       }, {
         reference: withCtx(() => [
           createElementVNode("div", mergeProps({
-            class: [unref(cs).z(), unref(cs).is("disabled", props.disabled)]
+            class: [unref(cs).z(), unref(cs).is("disabled", unref(props).disabled)]
           }, unref(attrs).root, { onClick }), [
             createVNode(unref(Inputs), mergeProps({
               ref_key: "refInput",
@@ -101,8 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, unref(attrs).assem, {
-              disabled: props.disabled,
-              readonly: props.readonly,
+              disabled: unref(props).disabled,
+              readonly: unref(props).readonly,
               onInput,
               onFocus,
               onBlur,

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "select-scroll";
 const dataProps = {
   options: {
     type: Array,
@@ -40,3 +41,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} select-scroll
+ */
+export declare const name = "select-scroll";
 export declare const dataProps: {
     options: {
         type: ArrayConstructor;

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

@@ -1,3 +1,4 @@
+const name = "select-scroll";
 const dataProps = {
   options: {
     type: Array,
@@ -38,5 +39,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -4,14 +4,17 @@ const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
+const index$1 = require("../../../hooks/props-default/index.cjs");
 const _hoisted_1 = ["onClick"];
 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("select-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 h = vue.computed(() => {
       let h2 = props.height || "";
@@ -19,12 +22,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     let timeout;
     const refScroll = vue.ref();
-    const index$1 = vue.ref(0);
+    const index$2 = vue.ref(0);
     vue.watch(
-      () => index$1.value,
+      () => index$2.value,
       () => {
-        setScroll(index$1.value);
-        emit("update:modelValue", index$1.value);
+        setScroll(index$2.value);
+        emit("update:modelValue", index$2.value);
       }
     );
     vue.watch(
@@ -48,18 +51,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function onReplace(key) {
       let k = props.options.length;
       if (key == 1) {
-        if (index$1.value < k && !setClass(index$1.value)) {
-          index$1.value++;
+        if (index$2.value < k && !setClass(index$2.value)) {
+          index$2.value++;
         }
       } else {
-        if (index$1.value > 0 && !setClass(index$1.value)) {
-          index$1.value--;
+        if (index$2.value > 0 && !setClass(index$2.value)) {
+          index$2.value--;
         }
       }
     }
     function onClick(i, obj) {
       if (!setClass(i)) {
-        index$1.value = i;
+        index$2.value = i;
       }
     }
     function setScroll(value) {
@@ -91,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           let r = refScroll.value.scrollTop;
           let v = Math.round(r / h.value);
           if (!setClass(v)) {
-            index$1.value = v;
+            index$2.value = v;
           } else {
             setMinMax(v);
           }
@@ -125,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(cs).z("div")),
           style: vue.normalizeStyle({
-            height: h.value * (props.limit * 2 + 1) + "px"
+            height: h.value * (vue.unref(props).limit * 2 + 1) + "px"
           })
         }, [
           vue.createElementVNode("div", {
@@ -148,17 +151,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ref: refScroll,
               class: vue.normalizeClass(vue.unref(cs).z("list"))
             }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item, ind) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).options, (item, ind) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: vue.normalizeClass([vue.unref(cs).z("list-li"), setClass(ind, item)]),
                   onClick: vue.withModifiers(($event) => onClick(ind, item), ["stop"]),
                   style: vue.normalizeStyle({
                     height: h.value + "px",
                     "line-height": h.value + "px",
-                    "margin-top": ind == 0 ? h.value * props.limit + "px" : "",
-                    "margin-bottom": ind == props.options.length - 1 ? h.value * props.limit + "px" : ""
+                    "margin-top": ind == 0 ? h.value * vue.unref(props).limit + "px" : "",
+                    "margin-bottom": ind == vue.unref(props).options.length - 1 ? h.value * vue.unref(props).limit + "px" : ""
                   })
-                }, vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 15, _hoisted_1);
+                }, vue.toDisplayString(vue.unref(use.useVueValue)(item, vue.unref(props).label)), 15, _hoisted_1);
               }), 256))
             ], 2)
           ], 2)

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

@@ -1,15 +1,18 @@
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, toDisplayString } 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 { useVueValue } from "../../common/use.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/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 cs = useCssName("select-scroll");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const h = computed(() => {
       let h2 = props.height || "";
@@ -123,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(cs).z("div")),
           style: normalizeStyle({
-            height: h.value * (props.limit * 2 + 1) + "px"
+            height: h.value * (unref(props).limit * 2 + 1) + "px"
           })
         }, [
           createElementVNode("div", {
@@ -146,17 +149,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref: refScroll,
               class: normalizeClass(unref(cs).z("list"))
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item, ind) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).options, (item, ind) => {
                 return openBlock(), createElementBlock("div", {
                   class: normalizeClass([unref(cs).z("list-li"), setClass(ind, item)]),
                   onClick: withModifiers(($event) => onClick(ind, item), ["stop"]),
                   style: normalizeStyle({
                     height: h.value + "px",
                     "line-height": h.value + "px",
-                    "margin-top": ind == 0 ? h.value * props.limit + "px" : "",
-                    "margin-bottom": ind == props.options.length - 1 ? h.value * props.limit + "px" : ""
+                    "margin-top": ind == 0 ? h.value * unref(props).limit + "px" : "",
+                    "margin-bottom": ind == unref(props).options.length - 1 ? h.value * unref(props).limit + "px" : ""
                   })
-                }, toDisplayString(unref(useVueValue)(item, props.label)), 15, _hoisted_1);
+                }, toDisplayString(unref(useVueValue)(item, unref(props).label)), 15, _hoisted_1);
               }), 256))
             ], 2)
           ], 2)

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "selector";
 const dataProps = {
   rangeSeparator: { type: String, default: "至" },
   startPlaceholder: { type: String, default: "开始" },
@@ -40,3 +41,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} selector
+ */
+export declare const name = "selector";
 export declare const dataProps: {
     rangeSeparator: {
         type: StringConstructor;

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

@@ -1,3 +1,4 @@
+const name = "selector";
 const dataProps = {
   rangeSeparator: { type: String, default: "至" },
   startPlaceholder: { type: String, default: "开始" },
@@ -38,5 +39,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -1,23 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$2 = require("../../popover/index.cjs");
-const index$4 = require("../../button/index.cjs");
-const index$5 = require("../../array/index.cjs");
-const index$6 = require("../../inputs/index.cjs");
-const index$3 = require("../../select-scroll/index.cjs");
+const index$3 = require("../../popover/index.cjs");
+const index$5 = require("../../button/index.cjs");
+const index$6 = require("../../array/index.cjs");
+const index$7 = require("../../inputs/index.cjs");
+const index$4 = require("../../select-scroll/index.cjs");
 const use = require("../../common/use.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/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("selector");
-    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 data$1 = vue.reactive({
       timeShow: false,
@@ -114,26 +117,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.Popover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.Popover), {
         onAfterEnter: afterEnter,
         placement: "bottom",
         "popper-class": vue.unref(cs).z("popper"),
         trigger: "click",
-        width: props.width,
-        disabled: props.disabled,
+        width: vue.unref(props).width,
+        disabled: vue.unref(props).disabled,
         visible: data$1.timeShow
       }, {
         reference: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index$5.Array), {
-            rangeSeparator: props.rangeSeparator,
-            startPlaceholder: props.startPlaceholder,
-            endPlaceholder: props.endPlaceholder,
+          vue.createVNode(vue.unref(index$6.Array), {
+            rangeSeparator: vue.unref(props).rangeSeparator,
+            startPlaceholder: vue.unref(props).startPlaceholder,
+            endPlaceholder: vue.unref(props).endPlaceholder,
             readonly: "",
-            clearable: props.clearable,
+            clearable: vue.unref(props).clearable,
             modelValue: [data$1.sname, data$1.ename],
             onFocus: _cache[0] || (_cache[0] = ($event) => data$1.timeShow = true),
             onClear: onCancel,
-            compon: vue.unref(index$6.Inputs)
+            compon: vue.unref(index$7.Inputs)
           }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue", "compon"])
         ]),
         default: vue.withCtx(() => [
@@ -148,13 +151,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
-                }, vue.toDisplayString(props.startPlaceholder), 3),
-                vue.createVNode(vue.unref(index$3.SelectScroll), {
+                }, vue.toDisplayString(vue.unref(props).startPlaceholder), 3),
+                vue.createVNode(vue.unref(index$4.SelectScroll), {
                   modelValue: zindex.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => zindex.value = $event),
                   max: yindex.value,
-                  label: props.label,
-                  options: props.options
+                  label: vue.unref(props).label,
+                  options: vue.unref(props).options
                 }, null, 8, ["modelValue", "max", "label", "options"])
               ], 2),
               vue.createElementVNode("div", {
@@ -162,20 +165,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
-                }, vue.toDisplayString(props.endPlaceholder), 3),
-                vue.createVNode(vue.unref(index$3.SelectScroll), {
+                }, vue.toDisplayString(vue.unref(props).endPlaceholder), 3),
+                vue.createVNode(vue.unref(index$4.SelectScroll), {
                   min: zindex.value,
                   modelValue: yindex.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => yindex.value = $event),
-                  label: props.label,
-                  options: props.options
+                  label: vue.unref(props).label,
+                  options: vue.unref(props).options
                 }, null, 8, ["min", "modelValue", "label", "options"])
               ], 2)
             ], 2),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(cs).z("select-buts"))
             }, [
-              vue.createVNode(vue.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$5.Button), {
                 text: "",
                 onClick: vue.withModifiers(onCancel, ["stop"])
               }, {
@@ -184,7 +187,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: vue.withModifiers(onDetermine, ["stop"])
               }, {

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

@@ -5,17 +5,20 @@ import { Array } from "../../array/index.js";
 import { Inputs } from "../../inputs/index.js";
 import { SelectScroll } from "../../select-scroll/index.js";
 import { useVueValue } from "../../common/use.js";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/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("selector");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const data = reactive({
       timeShow: false,
@@ -117,17 +120,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         placement: "bottom",
         "popper-class": unref(cs).z("popper"),
         trigger: "click",
-        width: props.width,
-        disabled: props.disabled,
+        width: unref(props).width,
+        disabled: unref(props).disabled,
         visible: data.timeShow
       }, {
         reference: withCtx(() => [
           createVNode(unref(Array), {
-            rangeSeparator: props.rangeSeparator,
-            startPlaceholder: props.startPlaceholder,
-            endPlaceholder: props.endPlaceholder,
+            rangeSeparator: unref(props).rangeSeparator,
+            startPlaceholder: unref(props).startPlaceholder,
+            endPlaceholder: unref(props).endPlaceholder,
             readonly: "",
-            clearable: props.clearable,
+            clearable: unref(props).clearable,
             modelValue: [data.sname, data.ename],
             onFocus: _cache[0] || (_cache[0] = ($event) => data.timeShow = true),
             onClear: onCancel,
@@ -146,13 +149,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("select-list-title"))
-                }, toDisplayString(props.startPlaceholder), 3),
+                }, toDisplayString(unref(props).startPlaceholder), 3),
                 createVNode(unref(SelectScroll), {
                   modelValue: zindex.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => zindex.value = $event),
                   max: yindex.value,
-                  label: props.label,
-                  options: props.options
+                  label: unref(props).label,
+                  options: unref(props).options
                 }, null, 8, ["modelValue", "max", "label", "options"])
               ], 2),
               createElementVNode("div", {
@@ -160,13 +163,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("select-list-title"))
-                }, toDisplayString(props.endPlaceholder), 3),
+                }, toDisplayString(unref(props).endPlaceholder), 3),
                 createVNode(unref(SelectScroll), {
                   min: zindex.value,
                   modelValue: yindex.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => yindex.value = $event),
-                  label: props.label,
-                  options: props.options
+                  label: unref(props).label,
+                  options: unref(props).options
                 }, null, 8, ["min", "modelValue", "label", "options"])
               ], 2)
             ], 2),

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const list = require("../../common/list.cjs");
+const name = "selects";
 const dataProps = {
   ...list.props,
   /**
@@ -16,3 +17,4 @@ const dataEmits = [...list.emits, "click-multiple"];
 exports.dataEmits = dataEmits;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;
+exports.name = name;

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

@@ -1,5 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 import { comHandle } from '../../common/list';
+/**
+ * @title {h3}
+ */
+export declare const name = "selects";
 export declare const dataProps: {
     /**
      * @props { String } placeholder= ( )

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

@@ -1,4 +1,5 @@
 import { props, comHandle, emits } from "../../common/list.js";
+const name = "selects";
 const dataProps = {
   ...props,
   /**
@@ -14,5 +15,6 @@ const dataEmits = [...emits, "click-multiple"];
 export {
   dataEmits,
   dataHandle,
-  dataProps
+  dataProps,
+  name
 };