element-less 0.0.13 → 0.0.14

package/inner-DAknse9T.js

@@ -0,0 +1,735 @@
+import { defineComponent, reactive, useModel, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, mergeProps, unref, withCtx, createElementVNode, createBlock, toDisplayString, Fragment, renderList, mergeModels, useAttrs, watchEffect, watch, resolveDynamicComponent, createSlots, createCommentVNode, normalizeClass, renderSlot, createTextVNode } from "vue";
+import { u as useProps, a as useRender, b as utils, _ as _export_sfc, c as useComponentRef, D as DynamicRenderAsync } from "./index-ByP0XZDD.js";
+import "file-saver";
+import "xlsx";
+import "element-plus";
+import "axios";
+const _hoisted_1$1 = ["innerHTML"];
+const _hoisted_2 = { class: "els-dynamic-r-mobile-title" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "innerObjectArray",
+  props: {
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
+  },
+  emits: ["update:nodeItem"],
+  setup(__props) {
+    const props = __props;
+    const { setValue } = useProps();
+    const nodeItem = useModel(__props, "nodeItem");
+    const { isMobile, componentProps, getArrayNodeValue, renderProps, getGlobalData, getRootNode, getParentNode, getCurrNode, getNodeValue } = useRender(props, nodeItem.value);
+    const list = ref();
+    const listProps = computed(() => {
+      const currProps = { ...nodeItem.value.config.arrayConfig };
+      return renderProps(currProps);
+    });
+    function handleAddItem() {
+      return utils.cloneObj(nodeItem.value.arrayObjData);
+    }
+    function handleRemove(index) {
+      list.value.remove(index);
+    }
+    const arrayConfig = computed(() => {
+      return nodeItem.value.config.arrayConfig;
+    });
+    function getItemTitle(arrayChildren) {
+      let currContent = nodeItem.value.config.arrayConfig.itemComponentTitle;
+      if (!currContent.startsWith(":")) {
+        return currContent;
+      }
+      currContent = currContent.substring(1);
+      if (!currContent) {
+        return "";
+      }
+      const item = getNodeValue(arrayChildren);
+      let currEvent = new Function("globalData,rootNode,parentNode,currNode,item,utils", currContent.indexOf("return") > -1 ? currContent : `return ${currContent}`);
+      return currEvent(getGlobalData(), getRootNode(), getParentNode(), getCurrNode(), item, utils);
+    }
+    setValue({
+      getCurrNode: () => {
+        return getArrayNodeValue(nodeItem.value.children);
+      },
+      getParentNode: () => {
+        return getArrayNodeValue(nodeItem.value.children);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_van_cell_group = resolveComponent("van-cell-group");
+      const _component_els_form = resolveComponent("els-form");
+      const _component_els_list = resolveComponent("els-list");
+      return openBlock(), createElementBlock("div", {
+        class: "els-dynamic-array",
+        style: normalizeStyle((_a = nodeItem.value.config.advancedConfig) == null ? void 0 : _a.style)
+      }, [
+        createVNode(_component_els_list, mergeProps({
+          modelValue: nodeItem.value.children,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeItem.value.children = $event),
+          ref_key: "list",
+          ref: list,
+          onAdd: handleAddItem,
+          sortable: !unref(isMobile),
+          isRemove: !unref(isMobile),
+          hasForm: false,
+          "item-class-name": [
+            { "els-dynamic-r-array": nodeItem.value.arrayDataTypeName === "Object" || nodeItem.value.componentTypeName === "DynamicRender" },
+            { "els-dynamic-r-array-mobile": unref(isMobile) }
+          ],
+          borderType: arrayConfig.value.borderType,
+          style: [
+            { "max-width": arrayConfig.value.maxWidth ? arrayConfig.value.maxWidth + "px" : "" },
+            { "max-height": arrayConfig.value.maxHeight ? arrayConfig.value.maxHeight + "px" : "" },
+            { "display": arrayConfig.value.arrangementType === "Horizontal" ? "flex" : "" }
+          ],
+          class: ["els-dynamic-array-render", { "horizontal": arrayConfig.value.arrangementType === "Horizontal" }]
+        }, listProps.value), {
+          itemTitle: withCtx(({ $item }) => [
+            createElementVNode("div", {
+              innerHTML: getItemTitle($item)
+            }, null, 8, _hoisted_1$1)
+          ]),
+          default: withCtx(({ element, $item, $index }) => [
+            (openBlock(), createElementBlock("div", {
+              key: element.keyID,
+              class: "els-dynamic-array-inner"
+            }, [
+              createVNode(_component_els_form, mergeProps({
+                modelValue: nodeItem.value.children[$index],
+                "onUpdate:modelValue": ($event) => nodeItem.value.children[$index] = $event
+              }, unref(componentProps)), {
+                default: withCtx(() => [
+                  unref(isMobile) ? (openBlock(), createBlock(_component_van_cell_group, {
+                    title: nodeItem.value.keyName,
+                    key: element.itemKey
+                  }, {
+                    title: withCtx(() => [
+                      createElementVNode("div", _hoisted_2, [
+                        createElementVNode("span", null, toDisplayString(nodeItem.value.keyName + " " + ($index + 1)), 1),
+                        createElementVNode("span", {
+                          class: "els-dynamic-remove",
+                          onClick: ($event) => handleRemove($index)
+                        }, "删除", 8, _hoisted_3)
+                      ])
+                    ]),
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($item, (item, index) => {
+                        return openBlock(), createBlock(DynamicRenderInner, {
+                          nodeItem: item,
+                          key: item.keyID,
+                          arrayIndex: $index,
+                          index
+                        }, null, 8, ["nodeItem", "arrayIndex", "index"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["title"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList($item, (item, index) => {
+                    return openBlock(), createBlock(DynamicRenderInner, {
+                      nodeItem: item,
+                      key: item.keyID,
+                      arrayIndex: $index,
+                      index
+                    }, null, 8, ["nodeItem", "arrayIndex", "index"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1040, ["modelValue", "onUpdate:modelValue"])
+            ]))
+          ]),
+          _: 1
+        }, 16, ["modelValue", "sortable", "isRemove", "item-class-name", "borderType", "style", "class"])
+      ], 4);
+    };
+  }
+});
+const DynamicRenderInnerObjectArray = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5cfb31ad"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "innerItem",
+  props: /* @__PURE__ */ mergeModels({
+    nodeItem: {},
+    currDepath: {},
+    parentNode: {},
+    currNode: {},
+    nodeType: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "valueChange"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const dyComponent = ref();
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const attrs = useAttrs();
+    const currValue = ref();
+    const slotValue = ref({});
+    const { isMobile, componentProps } = useRender(props, props.nodeItem, modelValue, slotValue);
+    if (props.nodeItem.slots && props.nodeItem.slots.length) {
+      props.nodeItem.slots.forEach((slot) => {
+        if (props.nodeItem.dataTypeName === "String") {
+          slotValue.value[slot.name] = "";
+        } else {
+          slotValue.value[slot.name] = {};
+        }
+      });
+    }
+    watchEffect(() => {
+      currValue.value = modelValue.value;
+    });
+    watch(currValue, (val) => {
+      emits("update:modelValue", val);
+      emits("valueChange", val);
+    }, { deep: true, immediate: true });
+    const componentName = ref("");
+    watchEffect(() => {
+      componentName.value = props.nodeItem.componentName;
+    });
+    useComponentRef(props.nodeItem, dyComponent);
+    return (_ctx, _cache) => {
+      var _a;
+      return componentName.value ? (openBlock(), createBlock(resolveDynamicComponent(componentName.value), mergeProps({ key: 0 }, Object.assign({}, unref(componentProps), unref(attrs)), {
+        modelValue: currValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currValue.value = $event),
+        ref_key: "dyComponent",
+        ref: dyComponent
+      }), createSlots({ _: 2 }, [
+        renderList((_a = _ctx.nodeItem.slots) == null ? void 0 : _a.filter((ele) => ele.children.length), (slot) => {
+          return {
+            name: slot.name,
+            fn: withCtx((slotProps) => [
+              createVNode(DynamicRenderAsync, {
+                config: slot.children,
+                modelValue: slotValue.value[slot.name],
+                "onUpdate:modelValue": ($event) => slotValue.value[slot.name] = $event,
+                globalData: Object.assign({}, slotProps, { componentValue: currValue.value }),
+                isMobile: unref(isMobile)
+              }, null, 8, ["config", "modelValue", "onUpdate:modelValue", "globalData", "isMobile"])
+            ])
+          };
+        })
+      ]), 1040, ["modelValue"])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "innerArray",
+  props: /* @__PURE__ */ mergeModels({
+    parentNode: {}
+  }, {
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
+  }),
+  emits: ["update:nodeItem"],
+  setup(__props) {
+    const props = __props;
+    const { getValue } = useProps();
+    const dataTypes = getValue("dataTypeData", []);
+    const nodeItem = useModel(__props, "nodeItem");
+    const { isMobile, formProps, componentProps, renderDisabled } = useRender(props, nodeItem.value);
+    function handleValueChange(val) {
+      if (nodeItem.value.config.advancedConfig && nodeItem.value.config.advancedConfig.eventChange) {
+        let currEvent = new Function("val,parentNode,currNode", nodeItem.value.config.advancedConfig.eventChange);
+        currEvent(val, props.parentNode, nodeItem.value);
+      }
+    }
+    function getItemDefaultValue() {
+      const currDataType = dataTypes.find((ele) => ele.value === nodeItem.value.arrayDataType);
+      if (currDataType && currDataType.defaultValue) {
+        return currDataType.defaultValue;
+      }
+      if (nodeItem.value.arrayDataTypeName == "String") {
+        if (nodeItem.value.defaultValue) {
+          return nodeItem.value.defaultValue;
+        }
+        return "";
+      } else if (nodeItem.value.arrayDataTypeName == "Bool") {
+        if (nodeItem.value.defaultValue === "true") {
+          return true;
+        } else {
+          return false;
+        }
+      } else if (nodeItem.value.arrayDataTypeName === "Number") {
+        if (nodeItem.value.defaultValue != void 0 && nodeItem.value.defaultValue !== "") {
+          return parseFloat(nodeItem.value.defaultValue);
+        } else {
+          return 0;
+        }
+      } else if (nodeItem.value.arrayDataTypeName === "Object") {
+        return {};
+      } else if (nodeItem.value.arrayDataTypeName === "Array") {
+        return [];
+      }
+      return {};
+    }
+    function handleAddItem() {
+      return getItemDefaultValue();
+    }
+    function initDefault(val) {
+      let defaultArrayData = [];
+      let defaultValue = getItemDefaultValue();
+      if (val === void 0 || val === "") {
+        defaultArrayData.push(defaultValue);
+      } else {
+        for (let i = 0; i < val; i++) {
+          defaultArrayData.push(defaultValue);
+        }
+      }
+      nodeItem.value.value = defaultArrayData;
+    }
+    watch(() => nodeItem.value.value, (val) => {
+      if (!val || !Array.isArray(val)) {
+        initDefault(nodeItem.value.config.arrayConfig.arrayDefaultLength);
+      }
+    }, { immediate: true });
+    watch(() => nodeItem.value.config.arrayConfig.arrayDefaultLength, (val) => {
+      initDefault(val);
+    });
+    const baseProps = computed(() => {
+      const currProps = Object.assign({}, componentProps.value, formProps.value);
+      delete currProps.label;
+      return currProps;
+    });
+    const isObject = computed(() => {
+      return nodeItem.value.arrayDataTypeName === "Object";
+    });
+    return (_ctx, _cache) => {
+      const _component_els_list = resolveComponent("els-list");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["els-dynamic-array-render", { "horizontal": nodeItem.value.config.arrayConfig.arrangementType === "Horizontal" }]),
+        style: { "flex-grow": "1" }
+      }, [
+        createVNode(_component_els_list, {
+          modelValue: nodeItem.value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeItem.value.value = $event),
+          onAdd: handleAddItem,
+          "item-class-name": nodeItem.value.arrayDataTypeName === "Object" || nodeItem.value.componentTypeName === "DynamicRender" ? "els-dynamic-r-array" : "",
+          borderType: nodeItem.value.config.arrayConfig.borderType,
+          style: normalizeStyle([
+            { "max-width": nodeItem.value.config.arrayConfig.maxWidth ? nodeItem.value.config.arrayConfig.maxWidth + "px" : "" },
+            { "max-height": nodeItem.value.config.arrayConfig.maxHeight ? nodeItem.value.config.arrayConfig.maxHeight + "px" : "" },
+            { "display": nodeItem.value.config.arrayConfig.arrangementType === "Horizontal" ? "flex" : "" },
+            { "flex-wrap": "wrap" },
+            { "gap": "5px" },
+            { "overflow": "scroll" },
+            { "padding-right": unref(isMobile) || isObject.value ? "0px" : "20px" }
+          ])
+        }, {
+          default: withCtx(({ element, index }) => [
+            (openBlock(), createBlock(_sfc_main$5, mergeProps({
+              class: { "els-dynamic-r-array-item": nodeItem.value.componentName === "ElsDynamicRender" }
+            }, baseProps.value, {
+              key: index,
+              "parent-node": _ctx.parentNode,
+              "curr-node": nodeItem.value,
+              disabled: unref(renderDisabled)(),
+              modelValue: element.value,
+              "onUpdate:modelValue": ($event) => element.value = $event,
+              prop: `[${index}]`,
+              requiredMessage: "不能为空",
+              nodeItem: nodeItem.value,
+              style: nodeItem.value.config.advancedConfig.style,
+              onValueChange: handleValueChange
+            }), null, 16, ["class", "parent-node", "curr-node", "disabled", "modelValue", "onUpdate:modelValue", "prop", "nodeItem", "style"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "item-class-name", "borderType", "style"])
+      ], 2);
+    };
+  }
+});
+const DynamicRenderInnerArray = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-ce85fadb"]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "innerWrap",
+  props: {
+    index: {},
+    nodeItem: {},
+    parentNode: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { getValue, setValue } = useProps();
+    const dyComponent = ref();
+    const { renderIf, componentProps, getNodeValue, getCurrNode } = useRender(props, props.nodeItem);
+    const getResult = getValue("getResult", () => {
+      return {};
+    });
+    const modelValue = computed(() => {
+      return getResult(props.nodeItem.children);
+    });
+    const getFormPropIndex = getValue("getFormPropIndex", () => {
+      return "";
+    });
+    useComponentRef(props.nodeItem, dyComponent);
+    if (props.nodeItem.keyCode && props.nodeItem.dataType === "Object") {
+      setValue({
+        getCurrNode: () => {
+          return getNodeValue(props.nodeItem.children);
+        },
+        getParentNode: () => {
+          return getCurrNode();
+        },
+        getFormPropIndex: () => {
+          let currPropIndex = getFormPropIndex();
+          currPropIndex += `[${props.index}].children`;
+          return currPropIndex;
+        }
+      });
+    } else {
+      setValue({
+        getFormPropIndex: () => {
+          let currPropIndex = getFormPropIndex();
+          currPropIndex += `[${props.index}].children`;
+          return currPropIndex;
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e;
+      return ((_a = _ctx.nodeItem) == null ? void 0 : _a.componentName) === "ElsFormQuery" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        unref(renderIf)() ? (openBlock(), createBlock(resolveDynamicComponent((_b = _ctx.nodeItem) == null ? void 0 : _b.componentName), mergeProps({
+          key: 0,
+          style: (_c = _ctx.nodeItem.config.advancedConfig) == null ? void 0 : _c.style
+        }, unref(componentProps), {
+          ref_key: "dyComponent",
+          ref: dyComponent,
+          modelValue: modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodeItem.children, (item, index) => {
+              return openBlock(), createBlock(DynamicRenderInner, {
+                nodeItem: item,
+                index: -1,
+                key: item.keyID
+              }, null, 8, ["nodeItem"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 16, ["style", "modelValue"])) : createCommentVNode("", true)
+      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        unref(renderIf)() ? (openBlock(), createBlock(resolveDynamicComponent((_d = _ctx.nodeItem) == null ? void 0 : _d.componentName), mergeProps({
+          key: 0,
+          style: (_e = _ctx.nodeItem.config.advancedConfig) == null ? void 0 : _e.style
+        }, unref(componentProps), {
+          ref_key: "dyComponent",
+          ref: dyComponent
+        }), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodeItem.children, (item, index) => {
+              return openBlock(), createBlock(DynamicRenderInner, {
+                nodeItem: item,
+                index,
+                key: item.keyID
+              }, null, 8, ["nodeItem", "index"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 16, ["style"])) : createCommentVNode("", true)
+      ], 64));
+    };
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "show",
+  props: /* @__PURE__ */ mergeModels({
+    nodeItem: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const dyComponent = ref();
+    const modelValue = useModel(__props, "modelValue");
+    const slotValue = ref({});
+    const props = __props;
+    const { isMobile, componentProps, renderContent } = useRender(props, props.nodeItem, modelValue, slotValue);
+    useComponentRef(props.nodeItem, dyComponent);
+    const componentName = ref("");
+    const innerContent = ref(props.nodeItem.config.baseConfig.innerContent);
+    watchEffect(() => {
+      componentName.value = props.nodeItem.componentName;
+    });
+    return (_ctx, _cache) => {
+      const _component_els_tip = resolveComponent("els-tip");
+      return componentName.value ? (openBlock(), createBlock(resolveDynamicComponent(componentName.value), mergeProps({
+        key: 0,
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+      }, unref(componentProps), {
+        ref_key: "dyComponent",
+        ref: dyComponent
+      }), {
+        default: withCtx(() => [
+          innerContent.value ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            innerHTML: unref(renderContent)(innerContent.value)
+          }, null, 8, _hoisted_1)) : createCommentVNode("", true),
+          _ctx.nodeItem.slots && _ctx.nodeItem.slots.length ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.nodeItem.slots, (slot) => {
+            return renderSlot(_ctx.$slots, slot.name, {}, () => [
+              createVNode(DynamicRenderAsync, {
+                config: slot.children,
+                modelValue: slotValue.value[slot.name],
+                "onUpdate:modelValue": ($event) => slotValue.value[slot.name] = $event,
+                isMobile: unref(isMobile)
+              }, null, 8, ["config", "modelValue", "onUpdate:modelValue", "isMobile"])
+            ]);
+          }), 256)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["modelValue"])) : (openBlock(), createBlock(_component_els_tip, {
+        key: 1,
+        type: "danger"
+      }, {
+        default: withCtx(() => [
+          createTextVNode("未设置组件名")
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "form",
+  props: /* @__PURE__ */ mergeModels({
+    isRoot: { type: Boolean }
+  }, {
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
+  }),
+  emits: ["update:nodeItem"],
+  setup(__props) {
+    const dyComponent = ref();
+    const props = __props;
+    const nodeItem = useModel(__props, "nodeItem");
+    const { setValue } = useProps();
+    const { isMobile, getNodeValue, getCurrNode, componentProps } = useRender(props, nodeItem.value);
+    useComponentRef(nodeItem.value, dyComponent);
+    setValue({
+      getCurrNode: () => {
+        return getNodeValue(nodeItem.value.children);
+      },
+      getParentNode: () => {
+        return getCurrNode();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_els_form = resolveComponent("els-form");
+      return unref(isMobile) && !_ctx.isRoot ? (openBlock(), createBlock(_component_els_form, mergeProps({
+        key: 0,
+        modelValue: nodeItem.value.children,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeItem.value.children = $event)
+      }, unref(componentProps), {
+        ref_key: "dyComponent",
+        ref: dyComponent,
+        key: nodeItem.value.keyID
+      }), {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent("van-cell-group"), {
+            title: nodeItem.value.keyName
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(nodeItem.value.children, (item, index) => {
+                return openBlock(), createBlock(DynamicRenderInner, {
+                  index,
+                  nodeItem: item,
+                  key: item.keyID
+                }, null, 8, ["index", "nodeItem"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["title"]))
+        ]),
+        _: 1
+      }, 16, ["modelValue"])) : (openBlock(), createBlock(_component_els_form, mergeProps({
+        key: 1,
+        modelValue: nodeItem.value.children,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeItem.value.children = $event)
+      }, unref(componentProps), {
+        ref_key: "dyComponent",
+        ref: dyComponent,
+        key: nodeItem.value.keyID
+      }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(nodeItem.value.children, (item, index) => {
+            return openBlock(), createBlock(DynamicRenderInner, {
+              index,
+              nodeItem: item,
+              key: item.keyID
+            }, null, 8, ["index", "nodeItem"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["modelValue"]));
+    };
+  }
+});
+const DynamicRenderForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-26a1bd2a"]]);
+const form = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: DynamicRenderForm
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "inner",
+  props: /* @__PURE__ */ mergeModels({
+    index: {},
+    arrayIndex: { default: -1 }
+  }, {
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
+  }),
+  emits: ["update:nodeItem"],
+  setup(__props) {
+    const props = __props;
+    const { getValue, setValue } = useProps();
+    const nodeItem = useModel(__props, "nodeItem");
+    const { isMobile, formProps, getCurrNode, renderIf, renderValueChange } = useRender(props, nodeItem.value);
+    const hasForm = computed(() => {
+      var _a;
+      if ((nodeItem.value.dataTypeName === "Object" || nodeItem.value.arrayDataTypeName == "Object") && ((_a = nodeItem.value.config.baseConfig) == null ? void 0 : _a.componentName) == "ElsCaption") {
+        return false;
+      }
+      return true;
+    });
+    if (props.arrayIndex > -1) {
+      setValue({
+        getCurrNode: () => {
+          return getCurrNode();
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_els_caption = resolveComponent("els-caption");
+      const _component_els_form_node = resolveComponent("els-form-node");
+      return unref(renderIf)() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        (nodeItem.value.dataTypeName === "Object" || nodeItem.value.arrayDataTypeName == "Object") && ((_a = nodeItem.value.config.baseConfig) == null ? void 0 : _a.componentName) == "ElsCaption" ? (openBlock(), createBlock(_component_els_caption, mergeProps({ key: 0 }, nodeItem.value.config.baseConfig, {
+          title: nodeItem.value.config.baseConfig.title || nodeItem.value.keyName
+        }), null, 16, ["title"])) : createCommentVNode("", true),
+        nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Show" && nodeItem.value.keyCode ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 1,
+          nodeItem: nodeItem.value,
+          style: normalizeStyle(nodeItem.value.config.advancedConfig.style),
+          modelValue: nodeItem.value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeItem.value.value = $event),
+          title: nodeItem.value.keyName
+        }, null, 8, ["nodeItem", "style", "modelValue", "title"])) : nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Show" ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 2,
+          nodeItem: nodeItem.value,
+          style: normalizeStyle(nodeItem.value.config.advancedConfig.style),
+          title: nodeItem.value.keyName
+        }, null, 8, ["nodeItem", "style", "title"])) : nodeItem.value.componentGroup == "Container" ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 3,
+          parentNode: nodeItem.value,
+          nodeItem: nodeItem.value,
+          index: _ctx.index
+        }, null, 8, ["parentNode", "nodeItem", "index"])) : nodeItem.value.dataTypeName === "Array" && nodeItem.value.arrayDataType !== "Object" || nodeItem.value.dataTypeName === "Array" && nodeItem.value.componentTypeName ? (openBlock(), createBlock(_component_els_form_node, mergeProps({
+          key: 4,
+          childCreateFormItem: false,
+          createFormItem: hasForm.value
+        }, unref(formProps), {
+          prop: void 0,
+          childType: nodeItem.value.dataTypeName === "Array" ? "" : nodeItem.value.componentTypeName
+        }), {
+          default: withCtx(() => [
+            createVNode(DynamicRenderInnerArray, { nodeItem: nodeItem.value }, null, 8, ["nodeItem"])
+          ]),
+          _: 1
+        }, 16, ["createFormItem", "childType"])) : nodeItem.value.dataTypeName == "Object" || nodeItem.value.dataTypeName === "Array" && nodeItem.value.arrayDataType === "Object" ? (openBlock(), createBlock(_component_els_form_node, mergeProps({
+          key: 5,
+          childCreateFormItem: false,
+          createFormItem: !unref(isMobile) && hasForm.value
+        }, unref(formProps), {
+          childType: nodeItem.value.dataTypeName === "Array" ? "" : nodeItem.value.componentTypeName
+        }), {
+          default: withCtx(() => [
+            nodeItem.value.dataTypeName == "Object" && nodeItem.value.componentTypeName ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              unref(isMobile) ? (openBlock(), createBlock(resolveDynamicComponent("van-cell-group"), {
+                key: 0,
+                title: nodeItem.value.keyName
+              }, {
+                default: withCtx(() => [
+                  nodeItem.value.dataTypeName == "Object" && nodeItem.value.componentTypeName ? (openBlock(), createBlock(_sfc_main$5, {
+                    key: 0,
+                    nodeItem: nodeItem.value,
+                    modelValue: nodeItem.value.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeItem.value.value = $event),
+                    onValueChange: _cache[2] || (_cache[2] = ($event) => unref(renderValueChange)($event))
+                  }, null, 8, ["nodeItem", "modelValue"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }, 8, ["title"])) : (openBlock(), createBlock(_sfc_main$5, {
+                key: 1,
+                nodeItem: nodeItem.value,
+                modelValue: nodeItem.value.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => nodeItem.value.value = $event),
+                onValueChange: _cache[4] || (_cache[4] = ($event) => unref(renderValueChange)($event))
+              }, null, 8, ["nodeItem", "modelValue"]))
+            ], 64)) : nodeItem.value.dataTypeName == "Object" ? (openBlock(), createBlock(DynamicRenderForm, {
+              key: 1,
+              nodeItem: nodeItem.value
+            }, null, 8, ["nodeItem"])) : (openBlock(), createBlock(DynamicRenderInnerObjectArray, {
+              key: 2,
+              nodeItem: nodeItem.value
+            }, null, 8, ["nodeItem"]))
+          ]),
+          _: 1
+        }, 16, ["createFormItem", "childType"])) : unref(isMobile) && nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Form" ? (openBlock(), createBlock(_sfc_main$5, mergeProps({
+          key: 6,
+          nodeItem: nodeItem.value,
+          modelValue: nodeItem.value.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => nodeItem.value.value = $event)
+        }, unref(formProps), {
+          onValueChange: _cache[6] || (_cache[6] = ($event) => unref(renderValueChange)($event))
+        }), null, 16, ["nodeItem", "modelValue"])) : nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Form" ? (openBlock(), createBlock(_component_els_form_node, mergeProps({
+          key: 7,
+          childCreateFormItem: false,
+          createFormItem: hasForm.value
+        }, unref(formProps), {
+          childType: nodeItem.value.componentTypeName
+        }), {
+          default: withCtx(() => [
+            createVNode(_sfc_main$5, {
+              nodeItem: nodeItem.value,
+              modelValue: nodeItem.value.value,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => nodeItem.value.value = $event),
+              onValueChange: _cache[8] || (_cache[8] = ($event) => unref(renderValueChange)($event))
+            }, null, 8, ["nodeItem", "modelValue"])
+          ]),
+          _: 1
+        }, 16, ["createFormItem", "childType"])) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+const DynamicRenderInner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77f43620"]]);
+const inner = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: DynamicRenderInner
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  form as f,
+  inner as i
+};