@fangzhongya/fang-ui 0.1.10 → 0.1.12

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

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const urls = require("../../common/urls.cjs");
+const name = "forms";
+const provides = {
+  compons: "forms-compons",
+  form: "forms-form"
+};
 const dataProps = {
   ...urls.props,
   /**
@@ -225,3 +230,5 @@ exports.dataEmits = dataEmits;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;
+exports.provides = provides;

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

@@ -1,5 +1,13 @@
 import { ExtractPropTypes, Component } from 'vue';
 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,4 +1,9 @@
 import { props, comHandle } from "../../common/urls.js";
+const name = "forms";
+const provides = {
+  compons: "forms-compons",
+  form: "forms-form"
+};
 const dataProps = {
   ...props,
   /**
@@ -223,5 +228,7 @@ export {
   dataEmits,
   dataHandle,
   dataProps,
-  dataSlot
+  dataSlot,
+  name,
+  provides
 };

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

@@ -2,28 +2,31 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index$4 = require("../../forms-div/index.cjs");
-const index$5 = require("../../forms-item/index.cjs");
-const index$3 = require("../../form/index.cjs");
-const index$6 = require("../../form-item/index.cjs");
-const index$7 = require("../../button/index.cjs");
-const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$5 = require("../../forms-div/index.cjs");
+const index$6 = require("../../forms-item/index.cjs");
+const index$4 = require("../../form/index.cjs");
+const index$7 = require("../../form-item/index.cjs");
+const index$8 = require("../../button/index.cjs");
+const index$3 = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const setup = require("./setup.cjs");
 const index = require("../../../hooks/locale/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __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 slots = vue.useSlots();
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const props = __props;
+    const attrs = index$1.useInherit(vue.useAttrs(), 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 cs = index$2.useCssName("forms");
+    const cs = index$3.useCssName(data.name);
     const refForm = vue.ref();
     const refEl = vue.ref();
     const {
@@ -85,21 +88,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             vue.unref(cs).z("div"),
-            vue.unref(cs).zis("div", "inline", props.inline),
-            vue.unref(cs).zis("div", "box", props.inlineBox),
-            vue.unref(cs).zis("div", "query", props.query),
-            vue.unref(cs).zis("div", "column", props.column > 1)
+            vue.unref(cs).zis("div", "inline", vue.unref(props).inline),
+            vue.unref(cs).zis("div", "box", vue.unref(props).inlineBox),
+            vue.unref(cs).zis("div", "query", vue.unref(props).query),
+            vue.unref(cs).zis("div", "column", vue.unref(props).column > 1)
           ]),
           style: vue.normalizeStyle(vue.unref(styles))
         }, [
-          (vue.openBlock(), vue.createBlock(vue.unref(index$3.Form), vue.mergeProps(vue.unref(attrs).assem, {
-            key: props.list.length,
-            class: [vue.unref(cs).z("elf"), props.labelPosition],
+          (vue.openBlock(), vue.createBlock(vue.unref(index$4.Form), vue.mergeProps(vue.unref(attrs).assem, {
+            key: vue.unref(props).list.length,
+            class: [vue.unref(cs).z("elf"), vue.unref(props).labelPosition],
             model: vue.unref(dataForm),
-            disabled: props.disabled,
+            disabled: vue.unref(props).disabled,
             rules: vue.unref(dataRules),
-            "label-width": props.labelPosition == "auto" ? "" : props.labelWidth,
-            "label-position": props.labelPosition == "auto" ? void 0 : props.labelPosition,
+            "label-width": vue.unref(props).labelPosition == "auto" ? "" : vue.unref(props).labelWidth,
+            "label-position": vue.unref(props).labelPosition == "auto" ? void 0 : vue.unref(props).labelPosition,
             ref_key: "refForm",
             ref: refForm,
             onSubmit: _cache[2] || (_cache[2] = vue.withModifiers(() => {
@@ -107,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }), {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).header),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.list, (item, index2) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).list, (item, index2) => {
                 return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                   key: setKey(item, index2),
                   class: vue.normalizeClass([
@@ -117,10 +120,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   style: vue.normalizeStyle(vue.unref(setStyles)(item))
                 }, [
-                  (item == null ? void 0 : item.isdiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.FormsDiv), {
+                  (item == null ? void 0 : item.isdiv) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.FormsDiv), {
                     key: 0,
                     listobj: item,
-                    optionss: props.options,
+                    optionss: vue.unref(props).options,
                     valueobj: vue.unref(dataForm),
                     modelValue: vue.unref(dataForm),
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
@@ -133,10 +136,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         ])
                       };
                     })
-                  ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$5.FormsItem), {
+                  ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$6.FormsItem), {
                     key: 1,
                     listobj: item,
-                    optionss: props.options,
+                    optionss: vue.unref(props).options,
                     valueobj: vue.unref(dataForm),
                     modelValue: vue.unref(dataForm),
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(dataForm) ? dataForm.value = $event : null)
@@ -160,23 +163,23 @@ 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$6.FormItem), {
-                  "label-width": props.butLeft
+                vue.createVNode(vue.unref(index$7.FormItem), {
+                  "label-width": vue.unref(props).butLeft
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode("div", {
                       style: vue.normalizeStyle({
-                        height: props.butHeight ?? props.rowHeight
+                        height: vue.unref(props).butHeight ?? vue.unref(props).rowHeight
                       }),
                       class: vue.normalizeClass(vue.unref(cs).z("buts-div"))
                     }, [
                       (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$7.Button), vue.mergeProps({
+                          !vue.unref(use.useHide)(item, vue.unref(dataForm)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.Button), vue.mergeProps({
                             key: 0,
                             ref_for: true
                           }, item, {
-                            disabled: item.disabled ?? props.disabled,
+                            disabled: item.disabled ?? vue.unref(props).disabled,
                             onClick: vue.withModifiers(($event) => vue.unref(onClickButs)(item, index2, $event), ["stop"])
                           }), {
                             default: vue.withCtx(() => [

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

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, useAttrs, ref, createElementBlock, openBlock, mergeProps, unref, createElementVNode, normalizeStyle, normalizeClass, createBlock, withModifiers, withCtx, renderSlot, createCommentVNode, Fragment, renderList, withDirectives, isRef, createSlots, vShow, createVNode, createTextVNode, toDisplayString } from "vue";
-import { dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataSlot, dataEmits } from "./data.js";
 import { FormsDiv } from "../../forms-div/index.js";
 import { FormsItem } from "../../forms-item/index.js";
 import { Form } from "../../form/index.js";
@@ -10,18 +10,21 @@ import { useInherit } from "../../../hooks/inherit/index.js";
 import { useHide } from "../../common/use.js";
 import { setUp } from "./setup.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 slots = useSlots();
-    const attrs = useInherit(useAttrs());
-    const props = __props;
+    const attrs = useInherit(useAttrs(), name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
-    const cs = useCssName("forms");
+    const cs = useCssName(name);
     const refForm = ref();
     const refEl = ref();
     const {
@@ -83,21 +86,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass([
             unref(cs).z("div"),
-            unref(cs).zis("div", "inline", props.inline),
-            unref(cs).zis("div", "box", props.inlineBox),
-            unref(cs).zis("div", "query", props.query),
-            unref(cs).zis("div", "column", props.column > 1)
+            unref(cs).zis("div", "inline", unref(props).inline),
+            unref(cs).zis("div", "box", unref(props).inlineBox),
+            unref(cs).zis("div", "query", unref(props).query),
+            unref(cs).zis("div", "column", unref(props).column > 1)
           ]),
           style: normalizeStyle(unref(styles))
         }, [
           (openBlock(), createBlock(unref(Form), mergeProps(unref(attrs).assem, {
-            key: props.list.length,
-            class: [unref(cs).z("elf"), props.labelPosition],
+            key: unref(props).list.length,
+            class: [unref(cs).z("elf"), unref(props).labelPosition],
             model: unref(dataForm),
-            disabled: props.disabled,
+            disabled: unref(props).disabled,
             rules: unref(dataRules),
-            "label-width": props.labelPosition == "auto" ? "" : props.labelWidth,
-            "label-position": props.labelPosition == "auto" ? void 0 : props.labelPosition,
+            "label-width": unref(props).labelPosition == "auto" ? "" : unref(props).labelWidth,
+            "label-position": unref(props).labelPosition == "auto" ? void 0 : unref(props).labelPosition,
             ref_key: "refForm",
             ref: refForm,
             onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
@@ -105,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, unref(dataSlot).header),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).list, (item, index) => {
                 return withDirectives((openBlock(), createElementBlock("div", {
                   key: setKey(item, index),
                   class: normalizeClass([
@@ -118,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   (item == null ? void 0 : item.isdiv) ? (openBlock(), createBlock(unref(FormsDiv), {
                     key: 0,
                     listobj: item,
-                    optionss: props.options,
+                    optionss: unref(props).options,
                     valueobj: unref(dataForm),
                     modelValue: unref(dataForm),
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dataForm) ? dataForm.value = $event : null)
@@ -134,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])) : (openBlock(), createBlock(unref(FormsItem), {
                     key: 1,
                     listobj: item,
-                    optionss: props.options,
+                    optionss: unref(props).options,
                     valueobj: unref(dataForm),
                     modelValue: unref(dataForm),
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(dataForm) ? dataForm.value = $event : null)
@@ -159,12 +162,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle(unref(setStyles)({}))
               }, [
                 createVNode(unref(FormItem), {
-                  "label-width": props.butLeft
+                  "label-width": unref(props).butLeft
                 }, {
                   default: withCtx(() => [
                     createElementVNode("div", {
                       style: normalizeStyle({
-                        height: props.butHeight ?? props.rowHeight
+                        height: unref(props).butHeight ?? unref(props).rowHeight
                       }),
                       class: normalizeClass(unref(cs).z("buts-div"))
                     }, [
@@ -174,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             key: 0,
                             ref_for: true
                           }, item, {
-                            disabled: item.disabled ?? props.disabled,
+                            disabled: item.disabled ?? unref(props).disabled,
                             onClick: withModifiers(($event) => unref(onClickButs)(item, index, $event), ["stop"])
                           }), {
                             default: withCtx(() => [

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

@@ -40,9 +40,8 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  const tfcom = compons.getCompons(Components, props.compons);
-  vue.provide("forms-compons", tfcom);
-  vue.provide("forms-form", props);
+  compons.useCompons(data.provides.compons, Components, props.compons);
+  vue.provide(data.provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
     if (props.modelValue) {

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

@@ -1,10 +1,10 @@
-import { dataHandle } from "./data.js";
+import { provides, dataHandle } from "./data.js";
 import { getRule } from "./util.js";
 import "../../../utils/css.js";
 import { setFormDefaultValue, getFormRule } from "../../common/use.js";
 import "../../../utils/index.js";
 import { computed, provide, isProxy, ref, watch } from "vue";
-import { getCompons } from "../../common/compons.js";
+import { useCompons } from "../../common/compons.js";
 import { FormsItems } from "../../forms-items/index.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
@@ -38,9 +38,8 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  const tfcom = getCompons(Components, props.compons);
-  provide("forms-compons", tfcom);
-  provide("forms-form", props);
+  useCompons(provides.compons, Components, props.compons);
+  provide(provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
     if (props.modelValue) {

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "forms-div";
 const dataProps = {
   /**
    * @props { Object<ObjAny>} options={}
@@ -58,3 +59,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} forms-div
+ */
+export declare const name = "forms-div";
 export declare const dataProps: {
     /**
      * @props { Object<ObjAny>} options={}

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

@@ -1,3 +1,4 @@
+const name = "forms-div";
 const dataProps = {
   /**
    * @props { Object<ObjAny>} options={}
@@ -56,5 +57,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -5,6 +5,8 @@ const data = require("./data.cjs");
 require("../../../utils/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
+const index$1 = require("../../../hooks/props-default/index.cjs");
+const data$1 = require("../../forms/src/data.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const Components = {};
@@ -12,11 +14,13 @@ const _sfc_main = vue.defineComponent({
   components: Components,
   expose: data.dataExpose,
   emits: data.dataEmits,
-  props: data.dataProps,
-  setup(prs, { emit, slots }) {
-    const cs = index.useCssName("forms-div");
+  props: index$1.getProps(data.dataProps),
+  setup(p, { emit, slots }) {
+    const cs = index.useCssName(data.name);
+    const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
+    index$1.viewProps(prs, data.name);
     const props = prs.listobj;
-    const compons = vue.inject("forms-compons", {});
+    const compons = vue.inject(data$1.provides.compons, {});
     const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -32,7 +36,7 @@ const _sfc_main = vue.defineComponent({
       const binds2 = {};
       Object.keys(obj).forEach((key) => {
         const v = obj[key];
-        if (v !== "" && v !== void 0) {
+        if (v !== void 0) {
           binds2[key] = v;
         }
       });

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

@@ -1,8 +1,10 @@
 import { defineComponent, inject, computed, h, resolveComponent } from "vue";
-import { dataProps, dataEmits, dataExpose } from "./data.js";
+import { name, dataProps, dataEmits, dataExpose } from "./data.js";
 import "../../../utils/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { getOnObjs } from "../../common/use.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { provides } from "../../forms/src/data.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 const Components = {};
@@ -10,11 +12,13 @@ const _sfc_main = defineComponent({
   components: Components,
   expose: dataExpose,
   emits: dataEmits,
-  props: dataProps,
-  setup(prs, { emit, slots }) {
-    const cs = useCssName("forms-div");
+  props: getProps(dataProps),
+  setup(p, { emit, slots }) {
+    const cs = useCssName(name);
+    const prs = usePropsDefault(name, p, dataProps);
+    viewProps(prs, name);
     const props = prs.listobj;
-    const compons = inject("forms-compons", {});
+    const compons = inject(provides.compons, {});
     const formvalue = computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -30,7 +34,7 @@ const _sfc_main = defineComponent({
       const binds2 = {};
       Object.keys(obj).forEach((key) => {
         const v = obj[key];
-        if (v !== "" && v !== void 0) {
+        if (v !== void 0) {
           binds2[key] = v;
         }
       });

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

@@ -38,10 +38,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
     const slots = vue.useSlots();
-    const attrs = index$1.useInherit(vue.useAttrs());
+    const attrs = index$1.useInherit(vue.useAttrs(), data.name);
     const props = __props;
     const emit = __emit;
-    const cs = index$2.useCssName("forms");
+    const cs = index$2.useCssName(data.name);
     const refForm = vue.ref();
     const {
       buts,

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

@@ -1,6 +1,6 @@
 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 { dataSlot, dataEmits, dataProps } from "../../forms/src/data.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";
 import { Form } from "../../form/index.js";
@@ -36,10 +36,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
     const slots = useSlots();
-    const attrs = useInherit(useAttrs());
+    const attrs = useInherit(useAttrs(), name);
     const props = __props;
     const emit = __emit;
-    const cs = useCssName("forms");
+    const cs = useCssName(name);
     const refForm = ref();
     const {
       buts,

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "forms-item";
 const dataProps = {
   /**
    * @props { Object<ObjAny>} options={}
@@ -62,8 +63,9 @@ const dataEmits = ["update:modelValue"];
 const dataSlot = {
   default: "default"
 };
-const dataExpose = [];
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} forms-item
+ */
+export declare const name = "forms-item";
 export declare const dataProps: {
     /**
      * @props { Object<ObjAny>} options={}
@@ -66,4 +70,6 @@ export declare const dataSlot: {
 };
 /**
  */
-export declare const dataExpose: never[];
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -1,3 +1,4 @@
+const name = "forms-item";
 const dataProps = {
   /**
    * @props { Object<ObjAny>} options={}
@@ -60,10 +61,11 @@ const dataEmits = ["update:modelValue"];
 const dataSlot = {
   default: "default"
 };
-const dataExpose = [];
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -2,24 +2,28 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index$3 = require("../../forms-div/index.cjs");
-const index$2 = require("../../form-item/index.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
+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 index$1 = require("../../../hooks/props-default/index.cjs");
 const label = require("./label.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: data.dataProps,
+  props: index$1.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const slots = vue.useSlots();
-    const attrs = index.useInherit(vue.useAttrs());
-    const prs = __props;
+    const attrs = index.useInherit(vue.useAttrs(), data.name);
+    const p = __props;
+    const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
+    index$1.viewProps(prs, data.name);
     const props = prs.listobj;
     const emit = __emit;
-    const cs = index$1.useCssName("forms-item");
-    const form = vue.inject("forms-form", {});
+    const cs = index$2.useCssName(data.name);
+    const form = vue.inject(data$1.provides.form, {});
     const value = vue.computed({
       get() {
         return prs.modelValue;
@@ -49,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           rowHeight: rowHeight.value
         })
       }, vue.unref(attrs).root), [
-        vue.unref(props).hideLabel ?? prs.hideLabel ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.FormItem), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
+        vue.unref(props).hideLabel ?? vue.unref(prs).hideLabel ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.FormItem), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
           class: [
             vue.unref(cs).z("el-item"),
             vue.unref(cs).is("height", rowHeight.value && vue.unref(form).labelPosition != "top"),
@@ -61,10 +65,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "label-width": setLabelWidth(vue.unref(props))
         }), {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$3.FormsDiv), {
+            vue.createVNode(vue.unref(index$4.FormsDiv), {
               listobj: vue.unref(props),
-              optionss: prs.optionss,
-              valueobj: prs.valueobj,
+              optionss: vue.unref(prs).optionss,
+              valueobj: vue.unref(prs).valueobj,
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
             }, vue.createSlots({ _: 2 }, [
@@ -79,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])
           ]),
           _: 3
-        }, 16, ["class", "prop", "required", "rules", "label-width"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.FormItem), vue.mergeProps({ key: 1 }, vue.unref(attrs).assem, {
+        }, 16, ["class", "prop", "required", "rules", "label-width"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.FormItem), vue.mergeProps({ key: 1 }, vue.unref(attrs).assem, {
           class: [
             vue.unref(cs).z("el-item"),
             vue.unref(cs).is("height", rowHeight.value && vue.unref(form).labelPosition != "top"),
@@ -95,15 +99,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               value: value.value,
               label: vue.unref(props).label,
               listobj: vue.unref(props),
-              optionss: prs.optionss,
-              valueobj: prs.valueobj
+              optionss: vue.unref(prs).optionss,
+              valueobj: vue.unref(prs).valueobj
             }, null, 8, ["value", "label", "listobj", "optionss", "valueobj"])
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$3.FormsDiv), {
+            vue.createVNode(vue.unref(index$4.FormsDiv), {
               listobj: vue.unref(props),
-              optionss: prs.optionss,
-              valueobj: prs.valueobj,
+              optionss: vue.unref(prs).optionss,
+              valueobj: vue.unref(prs).valueobj,
               modelValue: value.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
             }, vue.createSlots({ _: 2 }, [