element-less 0.0.23 → 0.0.24

package/{index-BpEV-RF_.js → index-CDXygK3Q.js}

@@ -13882,7 +13882,7 @@ ${res[apiConfig.$messageField]}` });
     };
   }
 });
-const Upload$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-901f97aa"]]);
+const Upload$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-b5b393b6"]]);
 const ElsUpload = withInstall(Upload$1);
 const timePickerProps = buildProps({
   ...formItemProps$1,
@@ -16144,12 +16144,12 @@ const captionProps = buildProps({
     default: "150px"
   }
 });
-const _withScopeId$1 = (n) => (pushScopeId("data-v-1952f6f8"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-1952f6f8"), n = n(), popScopeId(), n);
 const _hoisted_1$14 = {
   key: 0,
   class: "els-caption-sub-header"
 };
-const _hoisted_2$W = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("i", { class: "dec" }, null, -1));
+const _hoisted_2$W = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("i", { class: "dec" }, null, -1));
 const _hoisted_3$F = [
   _hoisted_2$W
 ];
@@ -16819,19 +16819,24 @@ const listProps = buildProps({
   },
   addButtonText: String
 });
+const _withScopeId$1 = (n) => (pushScopeId("data-v-1517cf2b"), n = n(), popScopeId(), n);
 const _hoisted_1$12 = { class: "els-list-title" };
 const _hoisted_2$U = ["innerHTML"];
 const _hoisted_3$D = { key: 1 };
 const _hoisted_4$x = ["innerHTML"];
 const _hoisted_5$l = { key: 1 };
 const _hoisted_6$f = { class: "els-list-operate" };
-const _hoisted_7$c = {
+const _hoisted_7$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+  src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAI1QTFRFAAAAqqqqv7+/qqqqkpK2n5+fjqqqi6KikpKkkZGfjZSajJGZjZGZj4+ajJCbjo6ZjI+ZjJCajJCZjI6bjY+ZjJCajY+bi4+ZjJCZjI6Zi4+ajI+Zi4+ajI+ZjI+ai46ai4+ai46ajI+ajI6Zi4+ajI6ajI6ajI6ai46Zi4+Zi46ajI+ZjI+ajI+ai46ZFQs9ewAAAC50Uk5TAAMEBgcICQsOJSY8QURFRmRqc3p7fn+Ah4qLoKGoq66wtczQ1tne4Ofs9/r8/hM3NbgAAAC3SURBVDjL5dPZDoIwEIXhcS2KVi2C1n1fKs77P55Q2xg17fTOBE9I4OJLCP0DQMXG0pV3MjIwQWLSQEnBxMBI+l+dsl8cSLcT5sQdRZArP1kEugA5ssc4JOAR8aavg7u1rjvNN7Mi3zbPLBw76rZhgpgVN3C3NnU1fO27ta37Ad37Q1iPWQlbcZOASzwvEOcnXBOtdzbTHtz/ddm6p57Pqk+15loqTrceqDfnGb9eeNhvWGtAFfcAjpk9Uo3Om5AAAAAASUVORK5CYII=",
+  class: "el-icon-rank drag-menu"
+}, null, -1));
+const _hoisted_8$b = {
   key: 0,
   class: "els-list-operate",
   style: { "margin-left": "10px" }
 };
-const _hoisted_8$b = { class: "els-list-index" };
-const _hoisted_9$a = { class: "els-list-handle" };
+const _hoisted_9$a = { class: "els-list-index" };
+const _hoisted_10$6 = { class: "els-list-handle" };
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   ...{ name: "ElsList", inheritAttrs: false },
   __name: "list",
@@ -16952,10 +16957,11 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
       remove: handleRemoveIndex
     });
     return (_ctx, _cache) => {
-      const _component_Rank = resolveComponent("Rank");
-      const _component_el_icon = resolveComponent("el-icon");
       const _component_Delete = resolveComponent("Delete");
+      const _component_el_icon = resolveComponent("el-icon");
       const _component_el_popconfirm = resolveComponent("el-popconfirm");
+      const _component_ArrowRight = resolveComponent("ArrowRight");
+      const _component_Rank = resolveComponent("Rank");
       const _component_Remove = resolveComponent("Remove");
       const _component_Plus = resolveComponent("Plus");
       const _component_Minus = resolveComponent("Minus");
@@ -16986,7 +16992,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           _ctx.itemKey ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, { item: element, index, $item: element, $index: index, element })), void 0, true) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, { item: element.value, index, $item: element.value, $index: index, element })), void 0, true),
                           (_ctx.sortable || _ctx.isRemove) && _ctx.itemComponent === "div" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                            !_ctx.borderType ? (openBlock(), createElementBlock("span", _hoisted_7$c, [
+                            !_ctx.borderType ? (openBlock(), createElementBlock("span", _hoisted_8$b, [
                               _ctx.sortable && _ctx.isModify ? renderSlot(_ctx.$slots, "drag", { key: 0 }, () => [
                                 createVNode(_component_el_icon, { class: "el-icon-rank" }, {
                                   default: withCtx(() => [
@@ -17022,8 +17028,8 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
                                 }, 1032, ["onClick"]))
                               ], true) : createCommentVNode("", true)
                             ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              createElementVNode("div", _hoisted_8$b, toDisplayString(index + 1), 1),
-                              createElementVNode("div", _hoisted_9$a, [
+                              createElementVNode("div", _hoisted_9$a, toDisplayString(index + 1), 1),
+                              createElementVNode("div", _hoisted_10$6, [
                                 index === dropData.value.length - 1 ? (openBlock(), createBlock(_component_el_icon, {
                                   key: 0,
                                   class: "el-icon-add",
@@ -17091,12 +17097,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
                               ], true),
                               createElementVNode("span", _hoisted_6$f, [
                                 _ctx.sortable && _ctx.isModify ? renderSlot(_ctx.$slots, "drag", { key: 0 }, () => [
-                                  createVNode(_component_el_icon, { class: "el-icon-rank" }, {
-                                    default: withCtx(() => [
-                                      createVNode(_component_Rank)
-                                    ]),
-                                    _: 1
-                                  })
+                                  _hoisted_7$c
                                 ], true) : createCommentVNode("", true),
                                 _ctx.isModify && _ctx.isRemove ? renderSlot(_ctx.$slots, "remove", { key: 1 }, () => [
                                   _ctx.isConfirmRemove ? (openBlock(), createBlock(_component_el_popconfirm, {
@@ -17123,7 +17124,13 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
                                     ]),
                                     _: 2
                                   }, 1032, ["onClick"]))
-                                ], true) : createCommentVNode("", true)
+                                ], true) : createCommentVNode("", true),
+                                createVNode(_component_el_icon, { class: "el-collapse-item__arrow" }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_ArrowRight)
+                                  ]),
+                                  _: 1
+                                })
                               ])
                             ])
                           ]),
@@ -17164,7 +17171,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const List = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-38ac115f"]]);
+const List = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-1517cf2b"]]);
 const ElsList = withInstall(List);
 const _hoisted_1$11 = { class: "custom-block-title" };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
@@ -36919,7 +36926,7 @@ const dynamicComponentTypes = [
     label: "Tabs标签页",
     value: "Tabs",
     type: "Tabs",
-    dataTypes: ["None"],
+    dataTypes: ["Object"],
     defaultPropertys: {},
     propertys: property_tabs,
     group: "Container",
@@ -36933,7 +36940,7 @@ const dynamicComponentTypes = [
     label: "Tabs选项",
     value: "TabPane",
     type: "Option",
-    dataTypes: ["None"],
+    dataTypes: ["Object"],
     defaultPropertys: {},
     propertys: property_tabPane,
     group: "Container",
@@ -37208,6 +37215,7 @@ class DynamicHandler {
     __publicField(this, "uploadUrl", "");
     __publicField(this, "resourceCode", "");
     __publicField(this, "restrictCode", "");
+    __publicField(this, "uploadHeaders");
     if (componentTypes) {
       this.componentTypes = componentTypes;
     } else {
@@ -37223,6 +37231,7 @@ class DynamicHandler {
     this.uploadUrl = uploadConfig.uploadUrl;
     this.resourceCode = uploadConfig.resourceCode;
     this.restrictCode = uploadConfig.restrictCode;
+    this.uploadHeaders = uploadConfig.headers;
   }
   //兼容版本数据
   toPropsData(data, configProps) {
@@ -37449,34 +37458,27 @@ class DynamicHandler {
       } else if (ele.componentGroup === "Container") {
         this.recoverData(ele.children, valueData);
       }
-      if (this.appendUrlParams && ["Checkbox", "Select", "Radio", "Upload", "DataModal"].includes(ele.componentTypeName ?? "") && ele.config.baseConfig && (ele.config.baseConfig.url || ele.config.baseConfig.modalUrl)) {
+      if (ele.componentName === "ElsUpload") {
+        this.appendUploadParams(ele);
+      }
+      if (this.appendUrlParams && (["Checkbox", "Select", "Radio", "Upload", "DataModal"].includes(ele.componentTypeName ?? "") || ele.componentName === "ElsUpload") && ele.config.baseConfig && (ele.config.baseConfig.url || ele.config.baseConfig.modalUrl)) {
         this.appendCommonParams(ele);
-        if (ele.componentTypeName === "Upload") {
-          this.appendUploadParams(ele);
-        }
       }
     });
   }
   appendUploadParams(item) {
-    let currUrl = this.uploadUrl;
-    if (item.config.baseConfig.url) {
-      currUrl = item.config.baseConfig.url;
+    if (!item.config.baseConfig.url) {
+      item.config.baseConfig.url = this.uploadUrl;
     }
-    let uploadParms = `&ResourcePicLimitType=${item.config.baseConfig.picLimitType ?? ""}&ResourcePicWidth=${item.config.baseConfig.picWidthLimit ?? 0}&ResourcePicHeight=${item.config.baseConfig.picHeightLimit ?? 0}&HasMd5Parameter=${item.config.baseConfig.hasMd5Parameter ? 1 : 0}`;
     if (!item.config.baseConfig.resourceCode) {
       item.config.baseConfig.resourceCode = this.resourceCode;
     }
     if (!item.config.baseConfig.restrictCode) {
       item.config.baseConfig.restrictCode = this.restrictCode;
     }
-    if (item.config.baseConfig.resourceCode) {
-      currUrl = currUrl.addUrlParameter("ResourceCode", item.config.baseConfig.resourceCode);
+    if (!item.config.baseConfig.headers && this.uploadHeaders) {
+      item.config.baseConfig.headers = this.uploadHeaders;
     }
-    if (item.config.baseConfig.restrictCode) {
-      currUrl = currUrl.addUrlParameter("RestrictCode", item.config.baseConfig.restrictCode);
-    }
-    let uploadUrl = currUrl + uploadParms;
-    return uploadUrl;
   }
   appendCommonParams(item) {
     if (!this.appendUrlParams) {
@@ -38707,7 +38709,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-BZYX-bX8.js");
+      return import("./innerItem-OubYcUKo.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -39491,6 +39493,12 @@ const renderProps = buildProps({
    * @description 上传限制码
    */
   restrictCode: String,
+  /**
+   * @description 上传头部信息
+   */
+  uploadHeaders: {
+    type: Object
+  },
   /**
    * @description 添加接口参数
    */
@@ -39550,10 +39558,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-Bgkt112R.js").then((n) => n.i);
+      return import("./inner-p2zviOce.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-Bgkt112R.js").then((n) => n.f);
+      return import("./inner-p2zviOce.js").then((n) => n.f);
     });
     const props = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props);
@@ -39593,7 +39601,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
         currComponentTypes.value.push(...props.appendComponentTypes);
       }
     }
-    const dynamicHandler = new DynamicHandler(currDynamicDataType.value, currComponentTypes.value, props.defaultValueConfig, { appendUrlParams: props.appendUrlParams }, { uploadUrl: props.uploadUrl, resourceCode: props.resourceCode, restrictCode: props.restrictCode });
+    const dynamicHandler = new DynamicHandler(currDynamicDataType.value, currComponentTypes.value, props.defaultValueConfig, { appendUrlParams: props.appendUrlParams }, { uploadUrl: props.uploadUrl, resourceCode: props.resourceCode, restrictCode: props.restrictCode, headers: props.uploadHeaders });
     watch(renderData, () => {
       handleReturnResult();
     }, { deep: true });
@@ -39771,7 +39779,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicRender = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-fd3b4cba"]]);
+const DynamicRender = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-5907885a"]]);
 const _hoisted_1$X = { class: "els-node els-dynamic-render" };
 const _hoisted_2$Q = { class: "els-dynamic-render-inner" };
 const _sfc_main$13 = /* @__PURE__ */ defineComponent({
@@ -39783,10 +39791,10 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-Bgkt112R.js").then((n) => n.i);
+      return import("./inner-p2zviOce.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-Bgkt112R.js").then((n) => n.f);
+      return import("./inner-p2zviOce.js").then((n) => n.f);
     });
     const props = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props);
@@ -39822,7 +39830,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         currComponentTypes.value.push(...props.appendComponentTypes);
       }
     }
-    const dynamicHandler = new DynamicHandler(currDynamicDataType.value, currComponentTypes.value, props.defaultValueConfig, { appendUrlParams: props.appendUrlParams }, { uploadUrl: props.uploadUrl, resourceCode: props.resourceCode, restrictCode: props.restrictCode });
+    const dynamicHandler = new DynamicHandler(currDynamicDataType.value, currComponentTypes.value, props.defaultValueConfig, { appendUrlParams: props.appendUrlParams }, { uploadUrl: props.uploadUrl, resourceCode: props.resourceCode, restrictCode: props.restrictCode, headers: props.uploadHeaders });
     watch(renderData, () => {
       handleReturnResult();
     }, { deep: true });
@@ -39994,7 +40002,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicRenderAsync = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-957795fa"]]);
+const DynamicRenderAsync = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-a4cf364a"]]);
 const ElsRender = withInstall(DynamicRender);
 const ElsRenderAsync = withInstall(DynamicRenderAsync);
 const _sfc_main$12 = {};
@@ -41478,19 +41486,19 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
     return "";
   });
   let slotRootHasDefault = false;
-  const defaultSlot = nodeItem.slots ? nodeItem.slots.find((ele) => ele.name === "default") : void 0;
+  const defaultSlot = nodeItem.value.slots ? nodeItem.value.slots.find((ele) => ele.name === "default") : void 0;
   if (defaultSlot) {
     if (defaultSlot.children.length > 0 && defaultSlot.children.some((ele) => ele.keyCode === "default")) {
       slotRootHasDefault = true;
     }
   }
   const componentProps = computed(() => {
-    if (!nodeItem || !nodeItem.config) {
+    if (!nodeItem || !nodeItem.value.config) {
       return {};
     }
-    const itemConfig = nodeItem.config;
+    const itemConfig = nodeItem.value.config;
     let baseProps = { "style": itemConfig.advancedConfig.style ?? "" };
-    if (nodeItem.componentName === "div") {
+    if (nodeItem.value.componentName === "div") {
       Object.keys(itemConfig.baseConfig).forEach((key) => {
         if (itemConfig.baseConfig[key] !== "") {
           baseProps.style += `;${key}:${itemConfig.baseConfig[key]}`;
@@ -41501,7 +41509,7 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
     if (itemConfig.advancedConfig.disabled) {
       baseProps["disabled"] = renderDisabled();
     }
-    const currControl = componentData.find((ele) => ele.value == nodeItem.componentType);
+    const currControl = componentData.find((ele) => ele.value == nodeItem.value.componentType);
     if (currControl == null ? void 0 : currControl.defaultPropertys) {
       Object.assign(baseProps, currControl.defaultPropertys, itemConfig.baseConfig);
       utils.removeEmptyProp(baseProps);
@@ -41510,25 +41518,25 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
       Object.assign(baseProps, itemConfig.baseConfig);
       utils.removeEmptyProp(baseProps);
     }
-    if (["ElsSelect", "ElsRadio", "ElsCheckBox", "ElsCascader"].includes(nodeItem.componentName)) {
+    if (["ElsSelect", "ElsRadio", "ElsCheckBox", "ElsCascader"].includes(nodeItem.value.componentName)) {
       if (!baseProps.valueType) {
-        if (nodeItem.dataTypeName == "Number" || nodeItem.arrayDataTypeName == "Number") {
+        if (nodeItem.value.dataTypeName == "Number" || nodeItem.value.arrayDataTypeName == "Number") {
           baseProps.valueType = "Number";
-        } else if (nodeItem.dataTypeName == "Bool" || nodeItem.arrayDataTypeName == "Bool") {
+        } else if (nodeItem.value.dataTypeName == "Bool" || nodeItem.value.arrayDataTypeName == "Bool") {
           baseProps.valueType = "Bool";
         }
       }
     }
-    if (nodeItem.componentTypeName == "Option") {
-      baseProps["label"] = nodeItem.config.baseConfig.label || nodeItem.keyName;
-      baseProps["value"] = nodeItem.config.baseConfig.value || nodeItem.keyID;
-    } else if (nodeItem.componentTypeName === "CollapseItem") {
-      baseProps["title"] = nodeItem.config.baseConfig.title || "请设置标题";
-      baseProps["name"] = nodeItem.config.baseConfig.name || nodeItem.keyID;
-    } else if (nodeItem.componentTypeName == "Table") {
-      baseProps["tagId"] = nodeItem.keyID;
-    } else if (nodeItem.componentTypeName == "Caption") {
-      baseProps["title"] = nodeItem.config.baseConfig.title || nodeItem.keyName;
+    if (nodeItem.value.componentTypeName == "Option") {
+      baseProps["label"] = nodeItem.value.config.baseConfig.label || nodeItem.value.keyName;
+      baseProps["value"] = nodeItem.value.config.baseConfig.value || nodeItem.value.keyID;
+    } else if (nodeItem.value.componentTypeName === "CollapseItem") {
+      baseProps["title"] = nodeItem.value.config.baseConfig.title || "请设置标题";
+      baseProps["name"] = nodeItem.value.config.baseConfig.name || nodeItem.value.keyID;
+    } else if (nodeItem.value.componentTypeName == "Table") {
+      baseProps["tagId"] = nodeItem.value.keyID;
+    } else if (nodeItem.value.componentTypeName == "Caption") {
+      baseProps["title"] = nodeItem.value.config.baseConfig.title || nodeItem.value.keyName;
     }
     renderProps2(baseProps);
     delete baseProps.innerContent;
@@ -41536,37 +41544,37 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
   });
   const formProps2 = computed(() => {
     var _a;
-    if (!nodeItem || !nodeItem.config) {
+    if (!nodeItem || !nodeItem.value.config) {
       return {};
     }
-    const itemConfig = nodeItem.config;
+    const itemConfig = nodeItem.value.config;
     let baseProps = {};
-    const currControl = componentData.find((ele) => ele.value == nodeItem.componentType);
+    const currControl = componentData.find((ele) => ele.value == nodeItem.value.componentType);
     if (currControl == null ? void 0 : currControl.defaultPropertys) {
       baseProps = { ...itemConfig.formConfig };
       utils.removeEmptyProp(baseProps);
     }
-    if (nodeItem.dataTypeName == "None" || ((_a = nodeItem.config.baseConfig) == null ? void 0 : _a.componentName) == "ElsCaption" || nodeItem.componentTypeName === "Row") {
+    if (nodeItem.value.dataTypeName == "None" || ((_a = nodeItem.value.config.baseConfig) == null ? void 0 : _a.componentName) == "ElsCaption" || nodeItem.value.componentTypeName === "Row") {
       baseProps.labelWidth = "0px";
-    } else if (nodeItem.dataTypeName == "Array" && nodeItem.arrayDataTypeName == "Object") {
+    } else if (nodeItem.value.dataTypeName == "Array" && nodeItem.value.arrayDataTypeName == "Object") {
       delete baseProps.labelWidth;
     }
-    if (nodeItem.required) {
+    if (nodeItem.value.required) {
       baseProps["required"] = true;
     }
-    if (nodeItem.keyCode) {
-      baseProps["prop"] = nodeItem.keyCode;
+    if (nodeItem.value.keyCode) {
+      baseProps["prop"] = nodeItem.value.keyCode;
     }
-    if (nodeItem.description) {
-      baseProps["tip"] = nodeItem.description;
+    if (nodeItem.value.description) {
+      baseProps["tip"] = nodeItem.value.description;
     }
     if (props.index !== void 0 && props.index > -1) {
       const currPropsIndex = getFormPropIndex();
       baseProps["prop"] = currPropsIndex + `[${props.index}].value`;
     } else {
-      baseProps["prop"] = nodeItem.keyCode;
+      baseProps["prop"] = nodeItem.value.keyCode;
     }
-    baseProps["label"] = nodeItem.keyName;
+    baseProps["label"] = nodeItem.value.keyName;
     renderProps2(baseProps);
     return baseProps;
   });
@@ -41599,12 +41607,13 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
     }
   }
   function renderEvent(eventExpress) {
+    var _a;
     if (isDesigner) {
       return "事件计算";
     }
     try {
       let currEvent = new Function("refs,globalData,rootNode,parentNode,currNode,currValue,dataType,slotRootHasDefault,slotValue,utils", eventExpress);
-      return currEvent(refsData.value, getGlobalData(), getRootNode(), getParentNode(), handleGetCurrNode(), modelValue, nodeItem == null ? void 0 : nodeItem.dataType, slotRootHasDefault, slotValue.value, utils);
+      return currEvent(refsData.value, getGlobalData(), getRootNode(), getParentNode(), handleGetCurrNode(), modelValue, (_a = nodeItem.value) == null ? void 0 : _a.dataType, slotRootHasDefault, slotValue.value, utils);
     } catch (err) {
       console.log("RenderEvent异常");
       console.log(eventExpress);
@@ -41643,10 +41652,10 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
   }
   function renderIf() {
     try {
-      if (nodeItem.config.advancedConfig && nodeItem.config.advancedConfig.vif) {
-        let currEvent = new Function("globalData,rootNode,parentNode,currNode,utils", "return " + nodeItem.config.advancedConfig.vif);
+      if (nodeItem.value.config.advancedConfig && nodeItem.value.config.advancedConfig.vif) {
+        let currEvent = new Function("globalData,rootNode,parentNode,currNode,utils", "return " + nodeItem.value.config.advancedConfig.vif);
         const isShow = currEvent(getGlobalData(), getRootNode(), getParentNode(), handleGetCurrNode(), utils);
-        nodeItem.isShow = isShow;
+        nodeItem.value.isShow = isShow;
         return isShow;
       }
     } catch (err) {
@@ -41656,8 +41665,8 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
   }
   function renderDisabled() {
     try {
-      if (nodeItem.config.advancedConfig && nodeItem.config.advancedConfig.disabled) {
-        let currEvent = new Function("globalData,rootNode,parentNode,currNode,utils", "return " + nodeItem.config.advancedConfig.disabled);
+      if (nodeItem.value.config.advancedConfig && nodeItem.value.config.advancedConfig.disabled) {
+        let currEvent = new Function("globalData,rootNode,parentNode,currNode,utils", "return " + nodeItem.value.config.advancedConfig.disabled);
         return currEvent(getGlobalData(), getRootNode(), getParentNode(), handleGetCurrNode(), utils);
       }
     } catch (err) {
@@ -41668,13 +41677,13 @@ function useRender(props, nodeItem, modelValue = void 0, slotValue = void 0, isD
   }
   function renderValueChange(val) {
     try {
-      if (nodeItem.config.advancedConfig && nodeItem.config.advancedConfig.eventChange) {
-        let currEvent = new Function("val,globalData,rootNode,parentNode,currNode,utils", nodeItem.config.advancedConfig.eventChange);
+      if (nodeItem.value.config.advancedConfig && nodeItem.value.config.advancedConfig.eventChange) {
+        let currEvent = new Function("val,globalData,rootNode,parentNode,currNode,utils", nodeItem.value.config.advancedConfig.eventChange);
         return currEvent(val, getGlobalData(), getRootNode(), getParentNode(), handleGetCurrNode(), utils);
       }
     } catch (err) {
       console.log("ValueCahnge异常");
-      console.log(nodeItem.config.advancedConfig.eventChange);
+      console.log(nodeItem.value.config.advancedConfig.eventChange);
     }
   }
   return {
@@ -41704,13 +41713,13 @@ function useComponentRef(nodeItem, dyComponent) {
     return {};
   });
   onMounted(() => {
-    if (nodeItem.keyID && dyComponent) {
-      setComponentRef(nodeItem.keyID, dyComponent.value);
+    if (nodeItem.value.keyID && dyComponent) {
+      setComponentRef(nodeItem.value.keyID, dyComponent.value);
     }
   });
   onUnmounted(() => {
-    if (nodeItem.keyID) {
-      removeComponentRef(nodeItem.keyID);
+    if (nodeItem.value.keyID) {
+      removeComponentRef(nodeItem.value.keyID);
     }
   });
 }
@@ -41720,22 +41729,27 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   __name: "innerItem",
   props: {
-    nodeItem: {}
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
   },
+  emits: ["update:nodeItem"],
   setup(__props) {
+    const nodeItem = useModel$1(__props, "nodeItem");
     const { getValue: getValue2 } = useProps();
     const attrs = useAttrs();
     const props = __props;
     const currValue = ref();
     const setSelectItem = getValue2("setSelectItem", () => {
     });
-    const { componentProps } = useDesigner(props, props.nodeItem);
+    const { componentProps } = useDesigner(props, nodeItem);
     function handleSelectItem() {
-      setSelectItem(props.nodeItem);
+      setSelectItem(nodeItem.value);
     }
     const componentName = ref("");
     watchEffect(() => {
-      componentName.value = props.nodeItem.componentName;
+      componentName.value = nodeItem.value.componentName;
     });
     return (_ctx, _cache) => {
       const _component_els_tip = resolveComponent("els-tip");
@@ -41856,15 +41870,21 @@ const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["_
 const _hoisted_1$f = { key: 1 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "wrap",
-  props: {
-    nodeItem: {},
+  props: /* @__PURE__ */ mergeModels({
     parentNode: {},
     showOperate: { type: Boolean }
-  },
+  }, {
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
+  }),
+  emits: ["update:nodeItem"],
   setup(__props) {
+    const nodeItem = useModel$1(__props, "nodeItem");
     const props = __props;
     const { getValue: getValue2, setValue } = useProps(props);
-    const { componentProps, getNodeValue, getCurrNode } = useDesigner(props, props.nodeItem);
+    const { componentProps, getNodeValue, getCurrNode } = useDesigner(props, nodeItem);
     const recordComponent = getValue2("recordComponent", () => {
     });
     const getSelectItem = getValue2("getSelectItem", () => {
@@ -41881,33 +41901,33 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     });
     function handleAddComponent(e) {
       recordComponent();
-      setSelectItem(props.nodeItem.children[e.newIndex]);
+      setSelectItem(nodeItem.value.children[e.newIndex]);
     }
     setValue({
       getCurrNode: () => {
-        return getNodeValue(props.nodeItem.children);
+        return getNodeValue(nodeItem.value.children);
       },
       getParentNode: () => {
         return getCurrNode();
       },
       removeItem: (item) => {
-        utils.removeArrayItem(props.nodeItem.children, item);
+        utils.removeArrayItem(nodeItem.value.children, item);
       }
     });
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
       const _component_els_col = resolveComponent("els-col");
       const _component_Wrap = resolveComponent("Wrap", true);
-      return _ctx.nodeItem.componentName === "ElsRow" ? (openBlock(), createBlock(unref(draggable), mergeProps({
-        tag: _ctx.nodeItem.componentName,
-        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(setSelectItem)(_ctx.nodeItem), ["stop"])),
-        key: _ctx.nodeItem.keyID,
+      return nodeItem.value.componentName === "ElsRow" ? (openBlock(), createBlock(unref(draggable), mergeProps({
+        tag: nodeItem.value.componentName,
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(setSelectItem)(nodeItem.value), ["stop"])),
+        key: nodeItem.value.keyID,
         componentData: unref(componentProps)
       }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-        class: ["els-dynamic-designer-wrap", [{ "selected": ((_a = unref(getSelectItem)()) == null ? void 0 : _a.keyID) == _ctx.nodeItem.keyID }, { "els-dynamic-designer-empty": _ctx.nodeItem.children.length == 0 }]],
-        "data-restrict": _ctx.nodeItem.restrictChild,
-        "data-type": _ctx.nodeItem.componentType,
-        list: _ctx.nodeItem.children,
+        class: ["els-dynamic-designer-wrap", [{ "selected": ((_a = unref(getSelectItem)()) == null ? void 0 : _a.keyID) == nodeItem.value.keyID }, { "els-dynamic-designer-empty": nodeItem.value.children.length == 0 }]],
+        "data-restrict": nodeItem.value.restrictChild,
+        "data-type": nodeItem.value.componentType,
+        list: nodeItem.value.children,
         move: unref(handleMove),
         style: wrapStyle.value,
         itemKey: "keyID",
@@ -41916,7 +41936,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         onAdd: handleAddComponent
       }), {
         item: withCtx(({ element }) => [
-          _ctx.nodeItem.componentTypeName === "Row" && element.componentTypeName !== "Col" ? (openBlock(), createBlock(_component_els_col, {
+          nodeItem.value.componentTypeName === "Row" && element.componentTypeName !== "Col" ? (openBlock(), createBlock(_component_els_col, {
             class: "create",
             key: "col" + element.keyID
           }, {
@@ -41928,22 +41948,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             showOperate: "",
             "data-type": element.componentType,
             "data-restrict": element.restrictParent,
-            parentNode: _ctx.nodeItem,
+            parentNode: nodeItem.value,
             nodeItem: element,
             key: element.keyID
           }, null, 8, ["data-type", "data-restrict", "parentNode", "nodeItem"]))
         ]),
         _: 1
-      }, 16, ["tag", "componentData", "class", "data-restrict", "data-type", "list", "move", "style"])) : _ctx.nodeItem.componentName === "ElsDialog" || _ctx.nodeItem.componentName === "ElsDrawer" || _ctx.nodeItem.componentName === "ElsFormQuery" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+      }, 16, ["tag", "componentData", "class", "data-restrict", "data-type", "list", "move", "style"])) : nodeItem.value.componentName === "ElsDialog" || nodeItem.value.componentName === "ElsDrawer" || nodeItem.value.componentName === "ElsFormQuery" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode("div", null, [
           (openBlock(), createBlock(unref(draggable), mergeProps({
-            key: _ctx.nodeItem.keyID
+            key: nodeItem.value.keyID
           }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-            tag: _ctx.nodeItem.componentName === "ElsFormQuery" ? "els-form-query" : "div",
-            class: ["els-dynamic-designer-wrap", [{ "selected": ((_b = unref(getSelectItem)()) == null ? void 0 : _b.keyID) == _ctx.nodeItem.keyID }, { "els-dynamic-designer-empty": _ctx.nodeItem.children.length == 0 }]],
-            "data-restrict": _ctx.nodeItem.restrictChild,
-            "data-type": _ctx.nodeItem.componentType,
-            list: _ctx.nodeItem.children,
+            tag: nodeItem.value.componentName === "ElsFormQuery" ? "els-form-query" : "div",
+            class: ["els-dynamic-designer-wrap", [{ "selected": ((_b = unref(getSelectItem)()) == null ? void 0 : _b.keyID) == nodeItem.value.keyID }, { "els-dynamic-designer-empty": nodeItem.value.children.length == 0 }]],
+            "data-restrict": nodeItem.value.restrictChild,
+            "data-type": nodeItem.value.componentType,
+            list: nodeItem.value.children,
             move: unref(handleMove),
             style: wrapStyle.value,
             itemKey: "keyID",
@@ -41963,28 +41983,28 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             _: 1
           }, 16, ["tag", "class", "data-restrict", "data-type", "list", "move", "style", "componentData"]))
         ])
-      ])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.nodeItem.componentName), mergeProps({
+      ])) : (openBlock(), createBlock(resolveDynamicComponent(nodeItem.value.componentName), mergeProps({
         key: 2,
-        class: { "selected": ((_c = unref(getSelectItem)()) == null ? void 0 : _c.keyID) == _ctx.nodeItem.keyID },
-        style: (_d = _ctx.nodeItem.config.advancedConfig) == null ? void 0 : _d.style
+        class: { "selected": ((_c = unref(getSelectItem)()) == null ? void 0 : _c.keyID) == nodeItem.value.keyID },
+        style: (_d = nodeItem.value.config.advancedConfig) == null ? void 0 : _d.style
       }, unref(componentProps), {
-        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(setSelectItem)(_ctx.nodeItem), ["stop"]))
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(setSelectItem)(nodeItem.value), ["stop"]))
       }), {
         default: withCtx(() => {
           var _a2;
           return [
-            _ctx.showOperate || _ctx.nodeItem.componentType === "CollapseItem" ? (openBlock(), createBlock(DynamicDesignerViewOperate, {
+            _ctx.showOperate || nodeItem.value.componentType === "CollapseItem" ? (openBlock(), createBlock(DynamicDesignerViewOperate, {
               key: 0,
-              nodeItem: _ctx.nodeItem,
+              nodeItem: nodeItem.value,
               removeItem: unref(handleRemoveItem)
             }, null, 8, ["nodeItem", "removeItem"])) : createCommentVNode("", true),
             (openBlock(), createBlock(unref(draggable), mergeProps({
-              key: _ctx.nodeItem.keyID
+              key: nodeItem.value.keyID
             }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-              class: ["els-dynamic-designer-wrap", [{ "selected": ((_a2 = unref(getSelectItem)()) == null ? void 0 : _a2.keyID) == _ctx.nodeItem.keyID }, { "els-dynamic-designer-empty": _ctx.nodeItem.children.length == 0 }]],
-              "data-restrict": _ctx.nodeItem.restrictChild,
-              "data-type": _ctx.nodeItem.componentType,
-              list: _ctx.nodeItem.children,
+              class: ["els-dynamic-designer-wrap", [{ "selected": ((_a2 = unref(getSelectItem)()) == null ? void 0 : _a2.keyID) == nodeItem.value.keyID }, { "els-dynamic-designer-empty": nodeItem.value.children.length == 0 }]],
+              "data-restrict": nodeItem.value.restrictChild,
+              "data-type": nodeItem.value.componentType,
+              list: nodeItem.value.children,
               move: unref(handleMove),
               style: wrapStyle.value,
               itemKey: "keyID",
@@ -42009,7 +42029,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewWrap = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2524d5fb"]]);
+const DynamicDesignerViewWrap = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1613ca3f"]]);
 const _hoisted_1$e = ["innerHTML"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
@@ -42017,17 +42037,22 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   },
   __name: "show",
   props: {
-    nodeItem: {}
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
   },
+  emits: ["update:nodeItem"],
   setup(__props) {
+    const nodeItem = useModel$1(__props, "nodeItem");
     const props = __props;
-    const { componentProps, renderContent } = useDesigner(props, props.nodeItem);
+    const { componentProps, renderContent } = useDesigner(props, nodeItem);
     const componentName = ref("");
     const innerContent = computed(() => {
-      return props.nodeItem.config.baseConfig.innerContent;
+      return nodeItem.value.config.baseConfig.innerContent;
     });
     watchEffect(() => {
-      componentName.value = props.nodeItem.componentName;
+      componentName.value = nodeItem.value.componentName;
     });
     const currProps = computed(() => {
       const copyProps = { ...componentProps.value };
@@ -42065,21 +42090,26 @@ const _hoisted_3$7 = { class: "component-inner-wrap" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "inner",
   props: {
-    nodeItem: {}
+    "nodeItem": { default: () => {
+      return reactive([]);
+    } },
+    "nodeItemModifiers": {}
   },
+  emits: ["update:nodeItem"],
   setup(__props) {
+    const nodeItem = useModel$1(__props, "nodeItem");
     const props = __props;
-    const { getValue: getValue2, setValue } = useProps(props);
+    const { getValue: getValue2, setValue } = useProps();
     const setSelectItem = getValue2("setSelectItem", () => {
     });
     const getSelectItem = getValue2("getSelectItem", () => {
     });
     const handleContextMenu = getValue2("handleContextMenu", () => {
     });
-    const { isMobile, formProps: formProps2, renderDisabled } = useDesigner(props, props.nodeItem);
+    const { isMobile, formProps: formProps2, renderDisabled } = useDesigner(props, nodeItem);
     const slotVisible = ref();
     function handleSelectItem() {
-      setSelectItem(props.nodeItem);
+      setSelectItem(nodeItem.value);
     }
     function setSlotVisible() {
       slotVisible.value = !slotVisible.value;
@@ -42095,69 +42125,69 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const _component_els_tabs = resolveComponent("els-tabs");
       const _component_els_collapse_transition = resolveComponent("els-collapse-transition");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["els-dynamic-d-v-item", [{ "selected": ((_a = unref(getSelectItem)()) == null ? void 0 : _a.keyID) == _ctx.nodeItem.keyID }, { "iswrap": _ctx.nodeItem.componentGroup == "Container" }]]),
-        style: normalizeStyle((_b = _ctx.nodeItem.config.advancedConfig) == null ? void 0 : _b.style),
-        "data-restrict": _ctx.nodeItem.restrictChild,
-        "data-type": _ctx.nodeItem.componentType,
+        class: normalizeClass(["els-dynamic-d-v-item", [{ "selected": ((_a = unref(getSelectItem)()) == null ? void 0 : _a.keyID) == nodeItem.value.keyID }, { "iswrap": nodeItem.value.componentGroup == "Container" }]]),
+        style: normalizeStyle((_b = nodeItem.value.config.advancedConfig) == null ? void 0 : _b.style),
+        "data-restrict": nodeItem.value.restrictChild,
+        "data-type": nodeItem.value.componentType,
         onClick: withModifiers(handleSelectItem, ["stop"]),
-        onContextmenu: _cache[1] || (_cache[1] = ($event) => unref(handleContextMenu)($event, _ctx.nodeItem))
+        onContextmenu: _cache[1] || (_cache[1] = ($event) => unref(handleContextMenu)($event, nodeItem.value))
       }, [
-        createVNode(DynamicDesignerViewOperate, { nodeItem: _ctx.nodeItem }, null, 8, ["nodeItem"]),
-        _ctx.nodeItem.componentGroup == "Container" ? (openBlock(), createBlock(DynamicDesignerViewWrap, {
+        createVNode(DynamicDesignerViewOperate, { nodeItem: nodeItem.value }, null, 8, ["nodeItem"]),
+        nodeItem.value.componentGroup == "Container" ? (openBlock(), createBlock(DynamicDesignerViewWrap, {
           key: 0,
-          parentNode: _ctx.nodeItem,
-          nodeItem: _ctx.nodeItem
-        }, null, 8, ["parentNode", "nodeItem"])) : _ctx.nodeItem.componentTypeName && _ctx.nodeItem.componentGroup === "Show" && _ctx.nodeItem.keyCode ? (openBlock(), createBlock(_sfc_main$j, {
+          parentNode: nodeItem.value,
+          nodeItem: nodeItem.value
+        }, null, 8, ["parentNode", "nodeItem"])) : nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Show" && nodeItem.value.keyCode ? (openBlock(), createBlock(_sfc_main$j, {
           key: 1,
-          nodeItem: _ctx.nodeItem,
-          style: normalizeStyle(_ctx.nodeItem.config.advancedConfig.style),
-          title: _ctx.nodeItem.keyName,
-          modelValue: _ctx.nodeItem.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.nodeItem.value = $event)
-        }, null, 8, ["nodeItem", "style", "title", "modelValue"])) : _ctx.nodeItem.componentTypeName && _ctx.nodeItem.componentGroup === "Show" ? (openBlock(), createBlock(_sfc_main$j, {
+          nodeItem: nodeItem.value,
+          style: normalizeStyle(nodeItem.value.config.advancedConfig.style),
+          title: nodeItem.value.keyName,
+          modelValue: nodeItem.value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeItem.value.value = $event)
+        }, null, 8, ["nodeItem", "style", "title", "modelValue"])) : nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Show" ? (openBlock(), createBlock(_sfc_main$j, {
           key: 2,
-          nodeItem: _ctx.nodeItem,
-          style: normalizeStyle(_ctx.nodeItem.config.advancedConfig.style),
-          title: _ctx.nodeItem.keyName
-        }, null, 8, ["nodeItem", "style", "title"])) : unref(isMobile) && (_ctx.nodeItem.componentTypeName === "Input" || _ctx.nodeItem.componentTypeName === "Textarea") ? (openBlock(), createBlock(_sfc_main$m, mergeProps({
+          nodeItem: nodeItem.value,
+          style: normalizeStyle(nodeItem.value.config.advancedConfig.style),
+          title: nodeItem.value.keyName
+        }, null, 8, ["nodeItem", "style", "title"])) : unref(isMobile) && (nodeItem.value.componentTypeName === "Input" || nodeItem.value.componentTypeName === "Textarea") ? (openBlock(), createBlock(_sfc_main$m, mergeProps({
           key: 3,
           disabled: unref(renderDisabled)()
         }, unref(formProps2), {
-          nodeItem: _ctx.nodeItem,
+          nodeItem: nodeItem.value,
           prop: void 0
-        }), null, 16, ["disabled", "nodeItem"])) : _ctx.nodeItem.componentTypeName && _ctx.nodeItem.componentGroup === "Form" ? (openBlock(), createBlock(_component_els_form_node, mergeProps({
+        }), null, 16, ["disabled", "nodeItem"])) : nodeItem.value.componentTypeName && nodeItem.value.componentGroup === "Form" ? (openBlock(), createBlock(_component_els_form_node, mergeProps({
           key: 4,
           childCreateFormItem: false,
-          childType: _ctx.nodeItem.operateType
+          childType: nodeItem.value.operateType
         }, unref(formProps2), { prop: void 0 }), {
           default: withCtx(() => [
-            _ctx.nodeItem.dataTypeName === "Object" && !_ctx.nodeItem.formItem ? (openBlock(), createBlock(resolveDynamicComponent("van-cell-group"), {
+            nodeItem.value.dataTypeName === "Object" && !nodeItem.value.formItem ? (openBlock(), createBlock(resolveDynamicComponent("van-cell-group"), {
               key: 0,
-              title: _ctx.nodeItem.keyName
+              title: nodeItem.value.keyName
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$m, { nodeItem: _ctx.nodeItem }, null, 8, ["nodeItem"])
+                createVNode(_sfc_main$m, { nodeItem: nodeItem.value }, null, 8, ["nodeItem"])
               ]),
               _: 1
             }, 8, ["title"])) : (openBlock(), createBlock(_sfc_main$m, {
               key: 1,
               disabled: unref(renderDisabled)(),
-              nodeItem: _ctx.nodeItem
+              nodeItem: nodeItem.value
             }, null, 8, ["disabled", "nodeItem"]))
           ]),
           _: 1
-        }, 16, ["childType"])) : _ctx.nodeItem.dataTypeName === "Array" || _ctx.nodeItem.dataTypeName == "Object" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-          ((_c = _ctx.nodeItem.config.baseConfig) == null ? void 0 : _c.componentName) == "ElsCaption" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            ((_d = _ctx.nodeItem.config.baseConfig) == null ? void 0 : _d.componentName) == "ElsCaption" ? (openBlock(), createBlock(_component_els_caption, mergeProps({ key: 0 }, _ctx.nodeItem.config.baseConfig, {
-              title: _ctx.nodeItem.config.baseConfig.title || _ctx.nodeItem.keyName
+        }, 16, ["childType"])) : nodeItem.value.dataTypeName === "Array" || nodeItem.value.dataTypeName == "Object" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+          ((_c = nodeItem.value.config.baseConfig) == null ? void 0 : _c.componentName) == "ElsCaption" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            ((_d = nodeItem.value.config.baseConfig) == null ? void 0 : _d.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),
-            createVNode(DynamicDesignerViewForm, { nodeItem: _ctx.nodeItem }, null, 8, ["nodeItem"])
+            createVNode(DynamicDesignerViewForm, { nodeItem: nodeItem.value }, null, 8, ["nodeItem"])
           ], 64)) : (openBlock(), createBlock(_component_els_form_node, mergeProps({
             key: 1,
             createFormItem: !unref(isMobile)
           }, unref(formProps2), { prop: void 0 }), {
             default: withCtx(() => [
-              createVNode(DynamicDesignerViewForm, { nodeItem: _ctx.nodeItem }, null, 8, ["nodeItem"])
+              createVNode(DynamicDesignerViewForm, { nodeItem: nodeItem.value }, null, 8, ["nodeItem"])
             ]),
             _: 1
           }, 16, ["createFormItem"]))
@@ -42169,7 +42199,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               class: "slot-tabs"
             }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodeItem.slots, (slot) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(nodeItem.value.slots, (slot) => {
                   return openBlock(), createBlock(_component_els_option, {
                     label: `插槽[${slot.name}]`
                   }, {
@@ -42197,7 +42227,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-5f362207"]]);
+const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1f8e26bb"]]);
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "form",
   props: /* @__PURE__ */ mergeModels({
@@ -42215,7 +42245,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const recordComponent = getValue2("recordComponent", () => {
     });
     const nodeItem = useModel$1(__props, "nodeItem");
-    const { isMobile, componentProps, getCurrNode, getNodeValue } = useDesigner(props, nodeItem.value);
+    const { isMobile, componentProps, getCurrNode, getNodeValue } = useDesigner(props, nodeItem);
     const setSelectItem = getValue2("setSelectItem", () => {
     });
     const getSelectItem = getValue2("getSelectItem", () => {
@@ -42337,7 +42367,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-359ff6ae"]]);
+const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-57481452"]]);
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "body",
   props: /* @__PURE__ */ mergeModels({
@@ -42562,7 +42592,7 @@ const useDesign = defineStore("dynamic-design", () => {
     clear
   };
 });
-const _withScopeId = (n) => (pushScopeId("data-v-a5b2aacb"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-05b6fdb5"), n = n(), popScopeId(), n);
 const _hoisted_1$c = {
   style: { "display": "flex", "background": "#f8f8f8" },
   class: "els-dynamic-d-view"
@@ -43835,7 +43865,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DesignerView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a5b2aacb"]]);
+const DesignerView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-05b6fdb5"]]);
 const ElsDesignerView = withInstall(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -44642,31 +44672,31 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     }
     onMounted(() => {
       if (props.language === "json") {
-        const currModule = import("./mode-json-D_XNlvhQ.js").then((n) => n.m);
+        const currModule = import("./mode-json-DDQhzDQk.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/json", res);
           init();
         });
       } else if (props.language === "javascript") {
-        const currModule = import("./mode-javascript-CNNbmrBT.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-BFIoW_cQ.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/javascript", res);
           init();
         });
       } else if (props.language === "csharp") {
-        const currModule = import("./mode-csharp-BcERfx17.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-BeZCsaLF.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/csharp", res);
           init();
         });
       } else if (props.language === "mysql") {
-        const currModule = import("./mode-mysql-CQxu4LZy.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-B8-3MK9X.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/mysql", res);
           init();
         });
       } else if (props.language === "css") {
-        const currModule = import("./mode-css-DV1KYeHm.js").then((n) => n.m);
+        const currModule = import("./mode-css-B7YEKEnN.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           init();
@@ -44828,7 +44858,7 @@ const wangEditorProps = buildProps({
     type: Object
   }
 });
-const _hoisted_1$a = { style: { "border": "1px solid #ccc", "flex-grow": "1" } };
+const _hoisted_1$a = { class: "els-wangEditor" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ name: "ElsWangEditor", inheritAttrs: false },
   __name: "wangEditor",
@@ -44940,7 +44970,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ElsWangEditor = withInstall(_sfc_main$a);
+const WangEditor = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-7bf90232"]]);
+const ElsWangEditor = withInstall(WangEditor);
 const jsonViewerProps = buildProps({
   /**
    * @description 数据