@fangzhongya/fang-ui 0.1.9 → 0.1.11

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

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

@@ -1,27 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$4 = require("../../select/index.cjs");
-const index$5 = require("../../option/index.cjs");
+const index$5 = require("../../select/index.cjs");
+const index$6 = require("../../option/index.cjs");
 const compareArray = require("@fangzhongya/utils/basic/array/compareArray");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
-const index$3 = require("../../../hooks/expose/index.cjs");
+const index$4 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/locale/index.cjs");
+const index$3 = require("../../../hooks/props-default/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 { getLocale } = index.useLocale();
     const refEl = vue.ref();
     const elRef = vue.ref();
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const cs = index$2.useCssName("selects");
-    const props = __props;
+    const attrs = index$1.useInherit(vue.useAttrs(), data.name);
+    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 placeholder = vue.computed(() => {
       if (typeof props.placeholder == "undefined") {
         return getLocale("form.select");
@@ -47,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onClickMultiple(value2, true);
     };
     __expose(
-      index$3.useExpose(
+      index$4.useExpose(
         {
           el: refEl
         },
@@ -61,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, vue.unref(attrs).root, {
         class: vue.unref(cs).z()
       }), [
-        vue.createVNode(vue.unref(index$4.Select), vue.mergeProps({
+        vue.createVNode(vue.unref(index$5.Select), vue.mergeProps({
           class: vue.unref(cs).z("select"),
           ref_key: "elRef",
           ref: elRef,
@@ -74,10 +77,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onRemoveTag
         }), {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(index$5.Option), {
-                label: vue.unref(use.useVueValue)(item, props.label),
-                value: vue.unref(use.useVueValue)(item, props.prop),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).options, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(index$6.Option), {
+                label: vue.unref(use.useVueValue)(item, vue.unref(props).label),
+                value: vue.unref(use.useVueValue)(item, vue.unref(props).prop),
                 disabled: item == null ? void 0 : item.disabled
               }, null, 8, ["label", "value", "disabled"]);
             }), 256))

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

@@ -6,20 +6,23 @@ import { useInherit } from "../../../hooks/inherit/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
-import { dataHandle, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataHandle, dataEmits } from "./data.js";
 import { useLocale } from "../../../hooks/locale/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/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 { getLocale } = useLocale();
     const refEl = ref();
     const elRef = ref();
-    const attrs = useInherit(useAttrs());
-    const cs = useCssName("selects");
-    const props = __props;
+    const attrs = useInherit(useAttrs(), name);
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const placeholder = computed(() => {
       if (typeof props.placeholder == "undefined") {
         return getLocale("form.select");
@@ -72,10 +75,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onRemoveTag
         }), {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).options, (item) => {
               return openBlock(), createBlock(unref(Option), {
-                label: unref(useVueValue)(item, props.label),
-                value: unref(useVueValue)(item, props.prop),
+                label: unref(useVueValue)(item, unref(props).label),
+                value: unref(useVueValue)(item, unref(props).prop),
                 disabled: item == null ? void 0 : item.disabled
               }, null, 8, ["label", "value", "disabled"]);
             }), 256))

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

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

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

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

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

package/dist/components/sliders/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 = "sliders";
 const dataProps = buildProps.buildProps({
   /**
    * @props { Number ,Object} modelValue= ( )
@@ -40,3 +41,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

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

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

@@ -1,4 +1,5 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "sliders";
 const dataProps = buildProps({
   /**
    * @props { Number ,Object} modelValue= ( )
@@ -38,5 +39,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -2,22 +2,25 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("../../../hooks/expose/index.cjs");
-const index$5 = require("../../../directives/inserted/index.cjs");
-const index$4 = require("../../slider/index.cjs");
+const index$4 = require("../../../hooks/expose/index.cjs");
+const index$6 = require("../../../directives/inserted/index.cjs");
+const index$5 = require("../../slider/index.cjs");
 const data = require("./data.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$3.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(vue.useAttrs());
+    const attrs = index.useInherit(vue.useAttrs(), data.name);
     const { getLocale } = index$1.useLocale();
     const elRef = vue.ref();
-    const cs = index$2.useCssName("sliders");
-    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 inserted = {
       position: "." + cs.ec("slider", "", "runway"),
@@ -40,25 +43,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return "0%";
       }
     });
-    __expose(index$3.useExpose({ ...data.dataExpose }, elRef));
+    __expose(index$4.useExpose({ ...data.dataExpose }, elRef));
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: [vue.unref(cs).z()]
       }, vue.unref(attrs).root, {
         style: vue.unref(cs).vdo({
           advanceWidth: advanceWidth.value,
-          advanceColor: props.advanceColor
+          advanceColor: vue.unref(props).advanceColor
         })
       }), [
-        vue.withDirectives(vue.createVNode(vue.unref(index$4.Slider), vue.mergeProps(vue.unref(attrs).assem, {
+        vue.withDirectives(vue.createVNode(vue.unref(index$5.Slider), vue.mergeProps(vue.unref(attrs).assem, {
           class: vue.unref(cs).z("slider"),
-          size: props.size,
+          size: vue.unref(props).size,
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           ref_key: "elRef",
           ref: elRef
         }), null, 16, ["class", "size", "modelValue"]), [
-          [vue.unref(index$5.default), inserted]
+          [vue.unref(index$6.default), inserted]
         ])
       ], 16);
     };

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

@@ -3,19 +3,22 @@ import { useInherit } from "../../../hooks/inherit/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import vInserted from "../../../directives/inserted/index.js";
 import { Slider } from "../../slider/index.js";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.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 attrs = useInherit(useAttrs());
+    const attrs = useInherit(useAttrs(), name);
     const { getLocale } = useLocale();
     const elRef = ref();
-    const cs = useCssName("sliders");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const inserted = {
       position: "." + cs.ec("slider", "", "runway"),
@@ -45,12 +48,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, unref(attrs).root, {
         style: unref(cs).vdo({
           advanceWidth: advanceWidth.value,
-          advanceColor: props.advanceColor
+          advanceColor: unref(props).advanceColor
         })
       }), [
         withDirectives(createVNode(unref(Slider), mergeProps(unref(attrs).assem, {
           class: unref(cs).z("slider"),
-          size: props.size,
+          size: unref(props).size,
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           ref_key: "elRef",

package/dist/components/stick-div/src/data.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
+const name = "stick-div";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String } drag= ( )
@@ -46,3 +47,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/stick-div/src/data.d.ts

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