@fangzhongya/fang-ui 0.1.39 → 0.1.40

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const use = require("../../common/use.cjs");
 const judge = require("@fangzhongya/utils/judge/judge");
 const config = require("../common/config.cjs");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
+const use = require("../../common/use.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -125,14 +125,12 @@ function getLinkageJudge(jyjudgev, linkage) {
         const v = judge2 == null ? void 0 : judge2(val, data);
         if (v) {
           callback(new Error(v));
-        } else {
-          if (prop) {
-            refForm == null ? void 0 : refForm.validateField([prop], () => {
-              callback();
-            });
-          } else {
+        } else if (prop) {
+          refForm == null ? void 0 : refForm.validateField([prop], () => {
             callback();
-          }
+          });
+        } else {
+          callback();
         }
       };
     }

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

@@ -1,7 +1,7 @@
-import { getLabelText, useHide } from "../../common/use.js";
 import * as judge from "@fangzhongya/utils/judge/judge";
 import { changes } from "../common/config.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+import { getLabelText, useHide } from "../../common/use.js";
 function isValue(value) {
   if (value || value === 0 || value === false) {
     return false;
@@ -106,14 +106,12 @@ function getLinkageJudge(jyjudgev, linkage) {
         const v = judge2 == null ? void 0 : judge2(val, data);
         if (v) {
           callback(new Error(v));
-        } else {
-          if (prop) {
-            refForm == null ? void 0 : refForm.validateField([prop], () => {
-              callback();
-            });
-          } else {
+        } else if (prop) {
+          refForm == null ? void 0 : refForm.validateField([prop], () => {
             callback();
-          }
+          });
+        } else {
+          callback();
         }
       };
     }

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

@@ -2,6 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const name = "forms-div";
 const dataProps = {
+  index: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
   /**
    * @props { Object<ObjAny>} options={}
    * 选择数据集合
@@ -37,13 +43,10 @@ const dataProps = {
   },
   /**
    * 传入值
-   * @props { Object } modelValue={} ( )
+   * @props { Object } modelValue ( )
    */
   modelValue: {
-    type: Object,
-    default() {
-      return {};
-    }
+    type: null
   },
   /**
    * @props { Object<ObjStr> } formvalue= ( )

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

@@ -4,6 +4,25 @@ import { ExtractPropTypes } from 'vue';
  */
 export declare const name = "forms-div";
 export declare const dataProps: {
+    index: {
+        type: {
+            (arrayLength: number): number[];
+            (...items: number[]): number[];
+            new (arrayLength: number): number[];
+            new (...items: number[]): number[];
+            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 { Object<ObjAny>} options={}
      * 选择数据集合
@@ -35,11 +54,10 @@ export declare const dataProps: {
     };
     /**
      * 传入值
-     * @props { Object } modelValue={} ( )
+     * @props { Object } modelValue ( )
      */
     modelValue: {
-        type: ObjectConstructor;
-        default(): {};
+        type: null;
     };
     /**
      * @props { Object<ObjStr> } formvalue= ( )

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

@@ -1,5 +1,11 @@
 const name = "forms-div";
 const dataProps = {
+  index: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
   /**
    * @props { Object<ObjAny>} options={}
    * 选择数据集合
@@ -35,13 +41,10 @@ const dataProps = {
   },
   /**
    * 传入值
-   * @props { Object } modelValue={} ( )
+   * @props { Object } modelValue ( )
    */
   modelValue: {
-    type: Object,
-    default() {
-      return {};
-    }
+    type: null
   },
   /**
    * @props { Object<ObjStr> } formvalue= ( )

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

@@ -2,7 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
@@ -21,6 +20,7 @@ const _sfc_main = vue.defineComponent({
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
     const props = prs.listobj;
     const compons = index$2.useComponsGet(config.provides.compons);
+    const form = vue.inject(config.provides.form, {});
     const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -99,7 +99,7 @@ const _sfc_main = vue.defineComponent({
       return result;
     }
     function getSourceObject() {
-      let source = prs.modelValue ?? {};
+      let source = prs.modelValue;
       if (props.orig) {
         source = prs.valueobj ?? {};
       }
@@ -136,10 +136,10 @@ const _sfc_main = vue.defineComponent({
       if (props.computed) {
         handleComputedSet(newValue, v);
       }
-      if (!props.orig) {
-        emit("update:modelValue", v);
+      if (!props.orig && !prop) {
+        emit("update:modelValue", newValue);
       }
-      if (props.compon !== "items") {
+      if (prop) {
         emit("upform", newValue, props, v);
       }
     }
@@ -167,78 +167,49 @@ const _sfc_main = vue.defineComponent({
         }
       }
     }
-    const options = vue.computed(() => {
-      const optionss = prs.optionss;
-      if (typeof props.options === "string") {
-        const value2 = optionss[props.options];
-        if (typeof value2 == "function") {
-          return value2(optionss, value2.value, props) || [];
-        } else {
-          return value2 || [];
-        }
-      } else if (typeof props.options == "function") {
-        return props.options(optionss, value.value, props) || [];
-      } else {
-        return props.options || [];
-      }
-    });
-    const render = () => {
+    const setDom = () => {
+      var _a;
       const compon = props.compon || prs.compon || "input";
       const componValueName = prs.componValueName || "modelValue";
-      const componObj = {
-        ...binds.value,
-        ...use.getOnObjs(
-          props,
-          prs.valueobj ?? value.value,
-          emit,
-          value
-        ),
-        class: cs.z("com"),
-        options: options.value,
-        listobj: props,
-        multiple: props.multiple,
-        optionss: prs.optionss,
-        valueobj: prs.valueobj,
-        [componValueName]: value.value,
-        ["onUpdate:" + componValueName]: (v) => value.value = v,
-        ["onUpform"]: (...arr) => {
-          emit("upform", ...arr);
+      const obj = {
+        ...props,
+        compon,
+        slots: props.slots ?? slots,
+        config: {
+          ...binds.value,
+          index: prs.index,
+          class: [cs.z("com"), ((_a = props.config) == null ? void 0 : _a.class) ?? ""].join(
+            " "
+          ),
+          [componValueName]: value.value,
+          ["onUpdate:" + componValueName]: (v) => value.value = v,
+          ["onUpform"]: (...arr) => {
+            if (props.prop) {
+              emit("upform", ...arr);
+            }
+          }
         }
       };
-      if (typeof compon == "string") {
-        const tcom = lineToLargeHump.lineToLargeHump(compon);
-        if (Object.keys(compons).includes(tcom)) {
-          return vue.h(compons[tcom], componObj, slots);
-        } else {
-          return vue.h(vue.resolveComponent(compon), componObj, slots);
-        }
-      } else if (typeof compon == "function") {
-        return compon(componObj, slots);
-      } else if (vue.isVNode(compon)) {
-        return compon;
-      } else {
-        return vue.h(compon, componObj, slots);
-      }
-    };
-    const setSslot = () => {
-      const slotname = props.slot ?? props.prop;
-      if (slotname) {
-        const slot = slots[slotname];
-        if (slot) {
-          return slot({
-            row: prs.valueobj,
-            value,
-            column: props,
-            options: options.value,
-            multiple: props.multiple,
-            optionss: prs.optionss
-          });
+      return use.useVNodeComponDom(
+        obj,
+        prs.valueobj ?? value.value,
+        slots,
+        emit,
+        {
+          options: prs.optionss,
+          compons,
+          index: prs.index,
+          scope: {
+            $index: prs.index[0] || 0,
+            config: form,
+            options: prs.optionss,
+            value
+          }
         }
-      }
-      return render();
+      );
     };
     return () => {
-      return props.compon ? vue.h("div", { class: cs.z() }, [setSslot()]) : "";
+      return props.compon ? vue.h("div", { class: cs.z() }, [setDom()]) : "";
     };
   }
 });

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

@@ -1,9 +1,8 @@
-import { defineComponent, computed, ref, h, resolveComponent, isVNode } from "vue";
+import { defineComponent, inject, computed, ref, h } from "vue";
 import { name, dataProps, dataEmits, dataExpose } from "./data.js";
-import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { getOnObjs } from "../../common/use.js";
+import { useVNodeComponDom } from "../../common/use.js";
 import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { useComponsGet } from "../../../hooks/compons/index.js";
@@ -19,6 +18,7 @@ const _sfc_main = defineComponent({
     const prs = usePropsDefault(name, p, dataProps);
     const props = prs.listobj;
     const compons = useComponsGet(provides.compons);
+    const form = inject(provides.form, {});
     const formvalue = computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -97,7 +97,7 @@ const _sfc_main = defineComponent({
       return result;
     }
     function getSourceObject() {
-      let source = prs.modelValue ?? {};
+      let source = prs.modelValue;
       if (props.orig) {
         source = prs.valueobj ?? {};
       }
@@ -134,10 +134,10 @@ const _sfc_main = defineComponent({
       if (props.computed) {
         handleComputedSet(newValue, v);
       }
-      if (!props.orig) {
-        emit("update:modelValue", v);
+      if (!props.orig && !prop) {
+        emit("update:modelValue", newValue);
       }
-      if (props.compon !== "items") {
+      if (prop) {
         emit("upform", newValue, props, v);
       }
     }
@@ -165,78 +165,49 @@ const _sfc_main = defineComponent({
         }
       }
     }
-    const options = computed(() => {
-      const optionss = prs.optionss;
-      if (typeof props.options === "string") {
-        const value2 = optionss[props.options];
-        if (typeof value2 == "function") {
-          return value2(optionss, value2.value, props) || [];
-        } else {
-          return value2 || [];
-        }
-      } else if (typeof props.options == "function") {
-        return props.options(optionss, value.value, props) || [];
-      } else {
-        return props.options || [];
-      }
-    });
-    const render = () => {
+    const setDom = () => {
+      var _a;
       const compon = props.compon || prs.compon || "input";
       const componValueName = prs.componValueName || "modelValue";
-      const componObj = {
-        ...binds.value,
-        ...getOnObjs(
-          props,
-          prs.valueobj ?? value.value,
-          emit,
-          value
-        ),
-        class: cs.z("com"),
-        options: options.value,
-        listobj: props,
-        multiple: props.multiple,
-        optionss: prs.optionss,
-        valueobj: prs.valueobj,
-        [componValueName]: value.value,
-        ["onUpdate:" + componValueName]: (v) => value.value = v,
-        ["onUpform"]: (...arr) => {
-          emit("upform", ...arr);
+      const obj = {
+        ...props,
+        compon,
+        slots: props.slots ?? slots,
+        config: {
+          ...binds.value,
+          index: prs.index,
+          class: [cs.z("com"), ((_a = props.config) == null ? void 0 : _a.class) ?? ""].join(
+            " "
+          ),
+          [componValueName]: value.value,
+          ["onUpdate:" + componValueName]: (v) => value.value = v,
+          ["onUpform"]: (...arr) => {
+            if (props.prop) {
+              emit("upform", ...arr);
+            }
+          }
         }
       };
-      if (typeof compon == "string") {
-        const tcom = lineToLargeHump(compon);
-        if (Object.keys(compons).includes(tcom)) {
-          return h(compons[tcom], componObj, slots);
-        } else {
-          return h(resolveComponent(compon), componObj, slots);
-        }
-      } else if (typeof compon == "function") {
-        return compon(componObj, slots);
-      } else if (isVNode(compon)) {
-        return compon;
-      } else {
-        return h(compon, componObj, slots);
-      }
-    };
-    const setSslot = () => {
-      const slotname = props.slot ?? props.prop;
-      if (slotname) {
-        const slot = slots[slotname];
-        if (slot) {
-          return slot({
-            row: prs.valueobj,
-            value,
-            column: props,
-            options: options.value,
-            multiple: props.multiple,
-            optionss: prs.optionss
-          });
+      return useVNodeComponDom(
+        obj,
+        prs.valueobj ?? value.value,
+        slots,
+        emit,
+        {
+          options: prs.optionss,
+          compons,
+          index: prs.index,
+          scope: {
+            $index: prs.index[0] || 0,
+            config: form,
+            options: prs.optionss,
+            value
+          }
         }
-      }
-      return render();
+      );
     };
     return () => {
-      return props.compon ? h("div", { class: cs.z() }, [setSslot()]) : "";
+      return props.compon ? h("div", { class: cs.z() }, [setDom()]) : "";
     };
   }
 });

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

@@ -0,0 +1,49 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #ffffff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
+}
+
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: var(--lable-array-height);
+}
+
+.forms-div {
+  width: 100%;
+  height: 100%;
+}
+.forms-div-com {
+  height: 100%;
+}
+
+.forms-item {
+  width: 100%;
+}
+.forms-item-el-item.is-height {
+  min-height: var(--forms-item-row-height);
+}
+.forms-item-el-item.is-height .el-form-item__label {
+  height: var(--forms-item-row-height);
+  line-height: var(--forms-item-row-height);
+}
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
+.forms-item-el-item.is-top .el-form-item__content {
+  min-height: var(--forms-item-row-height);
+  display: grid;
+}

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

@@ -2,6 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const name = "forms-item";
 const dataProps = {
+  index: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
   /**
    * @props { Object<ObjAny>} options={}
    * 选择数据集合

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

@@ -4,6 +4,25 @@ import { ExtractPropTypes } from 'vue';
  */
 export declare const name = "forms-item";
 export declare const dataProps: {
+    index: {
+        type: {
+            (arrayLength: number): number[];
+            (...items: number[]): number[];
+            new (arrayLength: number): number[];
+            new (...items: number[]): number[];
+            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 { Object<ObjAny>} options={}
      * 选择数据集合

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

@@ -1,5 +1,11 @@
 const name = "forms-item";
 const dataProps = {
+  index: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
   /**
    * @props { Object<ObjAny>} options={}
    * 选择数据集合

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

@@ -35,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const rowHeight = vue.computed(() => {
       return props.rowHeight ?? prs.rowHeight ?? (form == null ? void 0 : form.rowHeight);
     });
+    const onUpform = (...arr) => emit("upform", ...arr);
     function setLabelWidth(v) {
       if (v.hideLabel ?? prs.hideLabel) {
         return "0px";
@@ -65,12 +66,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }), {
           default: vue.withCtx(() => [
             vue.createVNode(vue.unref(index$4.FormsDiv), {
+              index: vue.unref(prs).index,
               listobj: vue.unref(props),
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj,
-              onUpform: _cache[0] || (_cache[0] = (...arr) => emit("upform", ...arr)),
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              onUpform
             }, vue.createSlots({ _: 2 }, [
               vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                 return {
@@ -80,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ])
                 };
               })
-            ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])
+            ]), 1032, ["index", "listobj", "optionss", "valueobj", "modelValue"])
           ]),
           _: 3
         }, 16, ["class", "prop", "required", "rules", "label-width"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.FormItem), vue.mergeProps({ key: 1 }, vue.unref(attrs).assem, {
@@ -96,21 +98,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }), {
           label: vue.withCtx(() => [
             vue.createVNode(vue.unref(label.default), {
+              index: vue.unref(prs).index,
               value: value.value,
               label: vue.unref(props).label,
               listobj: vue.unref(props),
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj
-            }, null, 8, ["value", "label", "listobj", "optionss", "valueobj"])
+            }, null, 8, ["index", "value", "label", "listobj", "optionss", "valueobj"])
           ]),
           default: vue.withCtx(() => [
             vue.createVNode(vue.unref(index$4.FormsDiv), {
+              index: vue.unref(prs).index,
               listobj: vue.unref(props),
               optionss: vue.unref(prs).optionss,
               valueobj: vue.unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
-              onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+              onUpform
             }, vue.createSlots({ _: 2 }, [
               vue.renderList(Object.keys(vue.unref(slots)), (k) => {
                 return {
@@ -120,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ])
                 };
               })
-            ]), 1032, ["listobj", "optionss", "valueobj", "modelValue"])
+            ]), 1032, ["index", "listobj", "optionss", "valueobj", "modelValue"])
           ]),
           _: 3
         }, 16, ["class", "prop", "required", "rules", "label-width"]))