@fangzhongya/fang-ui 0.1.9 → 0.1.11

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;

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