@fangzhongya/fang-ui 0.1.26 → 0.1.27

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "draggable";
+const dataProps = buildProps.buildProps({
+  modelValue: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { String } handle= ( )
+   * 拖拽的地方
+   */
+  handle: {
+    type: String
+  },
+  itemKey: {
+    type: [String, Function]
+  }
+});
+const dataEmits = ["update:modelValue", "start", "end"];
+const dataSlot = {
+  default: "default",
+  item: "item",
+  footer: "footer",
+  header: "header"
+};
+const dataExpose = {
+  name
+};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -0,0 +1,60 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} Draggable
+ * @text draggable
+ */
+export declare const name = "draggable";
+export declare const dataProps: {
+    modelValue: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+    /**
+     * @props { String } handle= ( )
+     * 拖拽的地方
+     */
+    handle: {
+        type: StringConstructor;
+    };
+    itemKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+    item: string;
+    footer: string;
+    header: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -0,0 +1,37 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "draggable";
+const dataProps = buildProps({
+  modelValue: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { String } handle= ( )
+   * 拖拽的地方
+   */
+  handle: {
+    type: String
+  },
+  itemKey: {
+    type: [String, Function]
+  }
+});
+const dataEmits = ["update:modelValue", "start", "end"];
+const dataSlot = {
+  default: "default",
+  item: "item",
+  footer: "footer",
+  header: "header"
+};
+const dataExpose = {
+  name
+};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

package/dist/components/draggable/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/draggable/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,101 @@
+"use strict";
+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/locale/index.cjs");
+const index$3 = require("../../../directives/sortable/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: index$2.getProps(data.dataProps),
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName(data.name);
+    const { getLocale } = index$1.useLocale();
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
+    const emit = __emit;
+    function safeStringify(obj, space = 2) {
+      const seen = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(
+        obj,
+        (key, value2) => {
+          if (typeof value2 === "object" && value2 !== null) {
+            if (seen.has(value2)) {
+              return "[Circular]";
+            }
+            seen.add(value2);
+          }
+          return value2;
+        },
+        space
+      );
+    }
+    const getKey = (item, index2) => {
+      if (props.itemKey) {
+        if (typeof props.itemKey == "string") {
+          return item[props.itemKey] ?? index2;
+        } else {
+          const v = props.itemKey(item, index2) ?? index2;
+          if (typeof v === "object") {
+            return safeStringify(v);
+          } else {
+            return v;
+          }
+        }
+      }
+      return index2;
+    };
+    const onEnd = (obj) => {
+      const { oldIndex, newIndex } = obj;
+      if (oldIndex === newIndex) return;
+      const movedItem = value.value.splice(oldIndex, 1)[0];
+      value.value.splice(newIndex, 0, movedItem);
+      emit("update:modelValue", value.value);
+      emit("end", obj);
+    };
+    const onStart = (obj) => {
+      emit("start", obj);
+    };
+    const sortable = vue.computed(() => {
+      return {
+        handle: props.handle,
+        onStart,
+        onEnd
+      };
+    });
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
+      }, [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).header),
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+            return vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).item, {
+              key: getKey(item, index2),
+              element: item,
+              index: index2
+            });
+          }), 128))
+        ])), [
+          [vue.unref(index$3.default), sortable.value]
+        ]),
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,101 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, withDirectives, Fragment, renderList } from "vue";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import vSortable from "../../../directives/sortable/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: getProps(dataProps),
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName(name);
+    const { getLocale } = useLocale();
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
+    const emit = __emit;
+    function safeStringify(obj, space = 2) {
+      const seen = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(
+        obj,
+        (key, value2) => {
+          if (typeof value2 === "object" && value2 !== null) {
+            if (seen.has(value2)) {
+              return "[Circular]";
+            }
+            seen.add(value2);
+          }
+          return value2;
+        },
+        space
+      );
+    }
+    const getKey = (item, index) => {
+      if (props.itemKey) {
+        if (typeof props.itemKey == "string") {
+          return item[props.itemKey] ?? index;
+        } else {
+          const v = props.itemKey(item, index) ?? index;
+          if (typeof v === "object") {
+            return safeStringify(v);
+          } else {
+            return v;
+          }
+        }
+      }
+      return index;
+    };
+    const onEnd = (obj) => {
+      const { oldIndex, newIndex } = obj;
+      if (oldIndex === newIndex) return;
+      const movedItem = value.value.splice(oldIndex, 1)[0];
+      value.value.splice(newIndex, 0, movedItem);
+      emit("update:modelValue", value.value);
+      emit("end", obj);
+    };
+    const onStart = (obj) => {
+      emit("start", obj);
+    };
+    const sortable = computed(() => {
+      return {
+        handle: props.handle,
+        onStart,
+        onEnd
+      };
+    });
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        renderSlot(_ctx.$slots, unref(dataSlot).header),
+        withDirectives((openBlock(), createElementBlock("div", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
+            return renderSlot(_ctx.$slots, unref(dataSlot).item, {
+              key: getKey(item, index),
+              element: item,
+              index
+            });
+          }), 128))
+        ])), [
+          [unref(vSortable), sortable.value]
+        ]),
+        renderSlot(_ctx.$slots, unref(dataSlot).footer)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .edit {
   display: inline-flex;
   align-items: center;

package/dist/components/edit-float/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .edit-float-body {
   display: inline-flex;
   align-items: center;

package/dist/components/forms/common/config.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const provides = {
+  compons: "form-compons",
+  form: "form-form"
+};
+exports.provides = provides;

package/dist/components/forms/common/config.d.ts

@@ -0,0 +1,4 @@
+export declare const provides: {
+    compons: string;
+    form: string;
+};

package/dist/components/forms/common/config.js

@@ -0,0 +1,7 @@
+const provides = {
+  compons: "form-compons",
+  form: "form-form"
+};
+export {
+  provides
+};

package/dist/components/forms/index.css

@@ -13,6 +13,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;

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

@@ -2,10 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const urls = require("../../common/urls.cjs");
 const name = "forms";
-const provides = {
-  compons: "form-compons",
-  form: "form-form"
-};
 const dataProps = {
   ...urls.props,
   /**
@@ -231,4 +227,3 @@ exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
 exports.name = name;
-exports.provides = provides;

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

@@ -4,10 +4,6 @@ import { comHandle } from '../../common/urls';
  * @title {h3} forms
  */
 export declare const name = "forms";
-export declare const provides: {
-    compons: string;
-    form: string;
-};
 /**
  * 组件属性
  */

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

@@ -1,9 +1,5 @@
 import { props, comHandle } from "../../common/urls.js";
 const name = "forms";
-const provides = {
-  compons: "form-compons",
-  form: "form-form"
-};
 const dataProps = {
   ...props,
   /**
@@ -229,6 +225,5 @@ export {
   dataHandle,
   dataProps,
   dataSlot,
-  name,
-  provides
+  name
 };

package/dist/components/forms/src/setup.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const data = require("./data.cjs");
+const config = require("../common/config.cjs");
 const util = require("./util.cjs");
 require("../../../utils/css.cjs");
 const use = require("../../common/use.cjs");
@@ -40,8 +41,8 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  compons.useCompons(data.provides.compons, Components, props.compons);
-  vue.provide(data.provides.form, props);
+  compons.useCompons(config.provides.compons, Components, props.compons);
+  vue.provide(config.provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
     if (props.modelValue) {

package/dist/components/forms/src/setup.js

@@ -1,4 +1,5 @@
-import { provides, dataHandle } from "./data.js";
+import { dataHandle } from "./data.js";
+import { provides } from "../common/config.js";
 import { getRule } from "./util.js";
 import "../../../utils/css.js";
 import { setFormDefaultValue, getFormRule } from "../../common/use.js";

package/dist/components/forms-div/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;

package/dist/components/forms-div/src/index2.cjs

@@ -8,7 +8,7 @@ const use = require("../../common/use.cjs");
 const isEqual = require("@fangzhongya/utils/basic/object/isEqual");
 const index$1 = require("../../../hooks/props-default/index.cjs");
 const compons = require("../../common/compons.cjs");
-const data$1 = require("../../forms/src/data.cjs");
+const config = require("../../forms/common/config.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const Components = {};
@@ -22,7 +22,7 @@ const _sfc_main = vue.defineComponent({
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
     index$1.viewProps(prs, data.name);
     const props = prs.listobj;
-    const compons$1 = compons.useGetCompons(data$1.provides.compons);
+    const compons$1 = compons.useGetCompons(config.provides.compons);
     const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {

package/dist/components/forms-div/src/index2.js

@@ -6,7 +6,7 @@ import { getOnObjs } from "../../common/use.js";
 import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useGetCompons } from "../../common/compons.js";
-import { provides } from "../../forms/src/data.js";
+import { provides } from "../../forms/common/config.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 const Components = {};

package/dist/components/forms-drag/src/index2.cjs

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Draggable = require("vuedraggable");
+const index$4 = require("../../draggable/index.cjs");
 const data = require("../../forms/src/data.cjs");
-const index$6 = require("../../forms-div/index.cjs");
-const index$7 = require("../../forms-item/index.cjs");
+const index$7 = require("../../forms-div/index.cjs");
+const index$8 = require("../../forms-item/index.cjs");
 const index$3 = require("../../form/index.cjs");
-const index$4 = require("../../form-item/index.cjs");
-const index$5 = require("../../button/index.cjs");
+const index$5 = require("../../form-item/index.cjs");
+const index$6 = require("../../button/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const setup = require("../../forms/src/setup.cjs");
-const index$8 = require("../../../directives/adjust/index.cjs");
+const index$9 = require("../../../directives/adjust/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const _hoisted_1 = ["onClick", "data-key"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -134,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, ["prevent"]))
           }), {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(Draggable), vue.mergeProps(dragOptions, {
+              vue.createVNode(vue.unref(index$4.Draggable), vue.mergeProps(dragOptions, {
                 onStart,
                 onEnd,
                 modelValue: lists.value,
@@ -158,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => onClickHandle(element, index2), ["stop"]),
                     "data-key": index2
                   }, [
-                    (element == null ? void 0 : element.isdiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.FormsDiv), {
+                    (element == null ? void 0 : element.isdiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.FormsDiv), {
                       key: 0,
                       listobj: element,
                       optionss: props.options,
@@ -174,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           ])
                         };
                       })
-                    ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$7.FormsItem), {
+                    ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$8.FormsItem), {
                       key: 1,
                       listobj: element,
                       optionss: props.options,
@@ -192,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       })
                     ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"]))
                   ], 14, _hoisted_1)), [
-                    [vue.unref(index$8.default), {
+                    [vue.unref(index$9.default), {
                       right: true,
                       onChange: (obj, data2) => {
                         onChangeAdjust(element, index2, obj, data2);
@@ -208,7 +208,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass([vue.unref(cs).z("li"), vue.unref(cs).z("buts")]),
                     style: vue.normalizeStyle(vue.unref(setStyles)({}))
                   }, [
-                    vue.createVNode(vue.unref(index$4.FormItem), {
+                    vue.createVNode(vue.unref(index$5.FormItem), {
                       "label-width": props.butLeft
                     }, {
                       default: vue.withCtx(() => [
@@ -220,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         }, [
                           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(buts), (item, index2) => {
                             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-                              !vue.unref(use.useHide)(item, vue.unref(dataForm)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Button), vue.mergeProps({
+                              !vue.unref(use.useHide)(item, vue.unref(dataForm)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), vue.mergeProps({
                                 key: 0,
                                 ref_for: true
                               }, item, {

package/dist/components/forms-drag/src/index2.js

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, useAttrs, ref, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, normalizeStyle, normalizeClass, createBlock, withModifiers, withCtx, createVNode, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString, withDirectives, isRef, createSlots, normalizeProps, guardReactiveProps, vShow } from "vue";
-import Draggable from "vuedraggable";
+import { Draggable } from "../../draggable/index.js";
 import { name, dataSlot, dataEmits, dataProps } from "../../forms/src/data.js";
 import { FormsDiv } from "../../forms-div/index.js";
 import { FormsItem } from "../../forms-item/index.js";

package/dist/components/{forms-items → forms-item}/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;

package/dist/components/forms-item/src/index2.cjs

@@ -6,7 +6,7 @@ const index$4 = require("../../forms-div/index.cjs");
 const index$3 = require("../../form-item/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
-const data$1 = require("../../forms/src/data.cjs");
+const config = require("../../forms/common/config.cjs");
 const index$1 = require("../../../hooks/props-default/index.cjs");
 const label = require("./label.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = prs.listobj;
     const emit = __emit;
     const cs = index$2.useCssName(data.name);
-    const form = vue.inject(data$1.provides.form, {});
+    const form = vue.inject(config.provides.form, {});
     const value = vue.computed({
       get() {
         return prs.modelValue;

package/dist/components/forms-item/src/index2.js

@@ -4,7 +4,7 @@ import { FormsDiv } from "../../forms-div/index.js";
 import { FormItem } from "../../form-item/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
-import { provides } from "../../forms/src/data.js";
+import { provides } from "../../forms/common/config.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import Lable from "./label.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({