form-imagining 0.0.8 → 0.0.9

package/dist/{index-a3197e12.js → index-4404fc7a.js}

@@ -4383,7 +4383,7 @@ SaveOutlined.inheritAttrs = !1;
 const SaveOutlined$1 = SaveOutlined, _hoisted_1$e = { style: { "text-align": "left" } }, _hoisted_2$a = { class: "move" }, _hoisted_3$8 = {
   key: 0,
   class: "widget-view-drag"
-}, _hoisted_4$6 = { class: "item-model" }, _hoisted_5$5 = {
+}, _hoisted_4$6 = { class: "item-model" }, _hoisted_5$6 = {
   key: 12,
   class: "item-action"
 }, _sfc_main$l = /* @__PURE__ */ defineComponent({
@@ -4561,7 +4561,7 @@ const SaveOutlined$1 = SaveOutlined, _hoisted_1$e = { style: { "text-align": "le
           _: 1
         }, 8, ["label"])) : createCommentVNode("", !0),
         createElementVNode("div", _hoisted_4$6, toDisplayString(K.data.model), 1),
-        K.activeIndex === K.index ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+        K.activeIndex === K.index ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
           createVNode(unref(CopyOutlined$1), { style: { padding: "3px 5px" } }),
           createVNode(unref(DeleteOutlined$1), {
             onClick: Z[8] || (Z[8] = (le) => U(K.data))
@@ -4570,477 +4570,7 @@ const SaveOutlined$1 = SaveOutlined, _hoisted_1$e = { style: { "text-align": "le
       ]);
     };
   }
-}), FormInput_vue_vue_type_style_index_0_scoped_a1672db9_lang = "", FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-a1672db9"]]), _hoisted_1$d = { class: "move" }, _hoisted_2$9 = {
-  key: 0,
-  class: "widget-view-drag"
-}, _hoisted_3$7 = ["onMousedown"], _hoisted_4$5 = {
-  key: 0,
-  class: "item-action"
-}, _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "FormGrid",
-  props: {
-    data: {
-      type: Object,
-      default: null
-    },
-    activeIndex: {
-      type: String,
-      default: ""
-    },
-    index: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["childConfig", "index"],
-  setup(K, { emit: C }) {
-    const W = K, H = useFormStore(), { formData: U } = H, G = ref("-1");
-    watch(
-      () => W.activeIndex,
-      (ie, ne) => {
-        G.value = ie;
-      }
-    );
-    function Z(ie, ne, oe) {
-      G.value = ne, C("childConfig", ie), C("index", G.value), oe.stopPropagation(), oe.preventDefault();
-    }
-    function Q() {
-      debugger;
-      G.value = "-1", console.log("开始拖拽");
-    }
-    function X(ie, ne) {
-      debugger;
-      ie.to.className == "widget-col-list" ? G.value = W.index + "-" + ne + "-" + ie.newIndex : G.value = ie.newIndex, C("index", G.value);
-    }
-    function ee(ie) {
-      const ne = JSON.parse(JSON.stringify(ie)), oe = Number.parseInt(W.index);
-      U.list[oe].columns.push(ne);
-    }
-    function te(ie) {
-    }
-    return (ie, ne) => {
-      const oe = resolveComponent("a-col"), re = resolveComponent("a-row"), se = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$d, [
-          K.activeIndex == K.index ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-            createVNode(unref(DragOutlined$1), { style: { padding: "6px" } })
-          ])) : createCommentVNode("", !0)
-        ]),
-        createVNode(se, {
-          "label-col": { style: { width: "100px" } },
-          labelWrap: !0
-        }, {
-          default: withCtx(() => [
-            createVNode(re, {
-              gutter: [K.data.options.gutter, 8],
-              tyle: "flex",
-              style: normalizeStyle({ marginLeft: -K.data.options.gutter / 2 + "px", marginRight: -K.data.options.gutter / 2 + "px" })
-            }, {
-              default: withCtx(() => [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(K.data.columns, (ae, ce) => (openBlock(), createBlock(oe, {
-                  class: normalizeClass(["widget-col-item", { active: G.value == "col" + ce }]),
-                  span: ae.options.span,
-                  offset: ae.options.offset,
-                  onMousedown: (le) => Z(ae, "col" + ce, le)
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(VueDraggableNext), {
-                      class: "widget-col-list",
-                      style: { "min-height": "50px" },
-                      "ghost-class": "ghost",
-                      list: ae.list,
-                      "force-fallback": !0,
-                      "chosen-class": "chosenClass2",
-                      "drag-class": "dragClass1",
-                      onStart: Q,
-                      onEnd: (le) => X(le, ce),
-                      group: "itxst",
-                      sort: !1,
-                      animation: "300",
-                      handle: ".move",
-                      itemKey: ""
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(!0), createElementBlock(Fragment, null, renderList(ae.list, (le, de) => (openBlock(), createElementBlock("div", {
-                          class: normalizeClass(["widget-view", { active: G.value == K.index + "-" + ce + "-" + de }]),
-                          onMousedown: (ue) => Z(le, K.index + "-" + ce + "-" + de, ue)
-                        }, [
-                          createVNode(FormInput, {
-                            data: le,
-                            activeIndex: G.value,
-                            index: K.index + "-" + ce + "-" + de
-                          }, null, 8, ["data", "activeIndex", "index"])
-                        ], 42, _hoisted_3$7))), 256))
-                      ]),
-                      _: 2
-                    }, 1032, ["list", "onEnd"]),
-                    K.activeIndex === "col" + ce ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
-                      createVNode(unref(CopyOutlined$1), {
-                        style: { padding: "3px 5px" },
-                        onClick: (le) => ee(ae)
-                      }, null, 8, ["onClick"]),
-                      createVNode(unref(DeleteOutlined$1), {
-                        onClick: ne[0] || (ne[0] = (le) => (K.data, void 0))
-                      })
-                    ])) : createCommentVNode("", !0)
-                  ]),
-                  _: 2
-                }, 1032, ["span", "class", "offset", "onMousedown"]))), 256))
-              ]),
-              _: 1
-            }, 8, ["gutter", "style"])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), FormGrid_vue_vue_type_style_index_0_scoped_236360af_lang = "", FormGrid = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-236360af"]]), _hoisted_1$c = { id: "table-css" }, _hoisted_2$8 = { style: { "text-align": "left", "padding-left": "50px" } }, _hoisted_3$6 = ["onClick"], _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "FormTable",
-  props: {
-    data: {
-      type: Object,
-      default: null
-    },
-    activeIndex: {
-      type: String,
-      default: ""
-    },
-    index: {
-      type: Number,
-      default: ""
-    }
-  },
-  setup(K) {
-    const C = K, W = useFormStore(), { formData: H } = storeToRefs(W);
-    let U = ref(null), G = ref(!1);
-    function Z(te) {
-      U.value != null && (U.value.className = ""), U.value = te, G.value = !0, te.className = "tableClass";
-    }
-    let Q = 0;
-    function X() {
-      H.value.list[C.index].tableColumns.push({
-        title: "自定义列" + Q,
-        dataIndex: "code"
-      }), Q++;
-    }
-    function ee() {
-      U.value.children == null && Reflect.set(U.value, "children", []), U.value.children.push({
-        title: "自定义列" + Q,
-        dataIndex: "code",
-        key: "code"
-      }), Q++;
-    }
-    return (te, ie) => {
-      const ne = resolveComponent("a-input"), oe = resolveComponent("a-table");
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        createElementVNode("div", _hoisted_2$8, [
-          createElementVNode("a", { onClick: X }, "添加列"),
-          createTextVNode("     "),
-          unref(G) ? (openBlock(), createElementBlock("a", {
-            key: 0,
-            onClick: ee
-          }, "分组『" + toDisplayString(unref(U).title) + "』添加列", 1)) : createCommentVNode("", !0)
-        ]),
-        createVNode(oe, {
-          columns: unref(H).list[K.index].tableColumns,
-          bordered: "",
-          size: "middle",
-          scroll: { y: 240 }
-        }, {
-          headerCell: withCtx(({ column: re }) => [
-            createElementVNode("div", {
-              onClick: (se) => Z(re)
-            }, [
-              createVNode(ne, {
-                value: re.title,
-                "onUpdate:value": (se) => re.title = se
-              }, null, 8, ["value", "onUpdate:value"])
-            ], 8, _hoisted_3$6)
-          ]),
-          _: 1
-        }, 8, ["columns"])
-      ]);
-    };
-  }
-}), FormTable_vue_vue_type_style_index_0_scoped_4208a59b_lang = "", FormTable = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4208a59b"]]), _hoisted_1$b = { id: "report-css" }, _hoisted_2$7 = { class: "report-table-css" }, _hoisted_3$5 = ["onClick"], _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "FormReport",
-  props: {
-    data: {
-      type: Object,
-      default: null
-    },
-    activeIndex: {
-      type: String,
-      default: ""
-    },
-    index: {
-      type: Number,
-      default: ""
-    }
-  },
-  setup(K) {
-    const C = useFormStore(), { formData: W } = storeToRefs(C);
-    let H = ref(null), U = ref(!1);
-    function G(X, ee) {
-      H.value != null && (H.value.className = ""), H.value = X, U.value = !0;
-    }
-    function Z() {
-    }
-    function Q() {
-      H.value.columns.push({
-        type: "td",
-        options: {
-          customClass: "",
-          colspan: 1,
-          rowspan: 1,
-          align: "left",
-          valign: "top",
-          width: "",
-          height: ""
-        },
-        list: [],
-        key: "fuzps6zb",
-        rules: []
-      });
-    }
-    return (X, ee) => (openBlock(), createElementBlock("div", _hoisted_1$b, [
-      createElementVNode("div", { style: { "text-align": "left", "padding-left": "50px" } }, [
-        createElementVNode("a", { onClick: Z }, "添加行"),
-        createTextVNode("  "),
-        createElementVNode("a", { onClick: Q }, "添加列")
-      ]),
-      createElementVNode("table", _hoisted_2$7, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(W).list[K.index].rows, (te, ie) => (openBlock(), createElementBlock("tr", null, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(te.columns, (ne, oe) => (openBlock(), createElementBlock("td", {
-            class: "report-table-item",
-            onClick: (re) => G(te)
-          }, " fdfd ", 8, _hoisted_3$5))), 256))
-        ]))), 256))
-      ])
-    ]));
-  }
-}), FormReport_vue_vue_type_style_index_0_scoped_9eb302b9_lang = "", FormReport = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9eb302b9"]]), _hoisted_1$a = { class: "" }, _hoisted_2$6 = ["onMousedown"], _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  emits: ["controlConfig"],
-  setup(K, { emit: C }) {
-    const W = useFormStore();
-    let { formData: H } = storeToRefs(W);
-    const U = { style: { width: "100px" } }, G = ref("-1");
-    function Z(ne, oe, re) {
-      C("controlConfig", ne), G.value = oe, re.stopPropagation(), re.preventDefault();
-    }
-    function Q(ne) {
-      C("controlConfig", ne);
-    }
-    function X(ne) {
-      G.value = ne;
-    }
-    function ee() {
-      G.value = "-1", console.log("开始拖拽");
-    }
-    function te(ne) {
-      ne.to.className == "widget-col-list" ? G.value = "base" + ne.newIndex : G.value = ne.newIndex;
-    }
-    function ie(ne) {
-    }
-    return (ne, oe) => {
-      const re = resolveComponent("a-form");
-      return openBlock(), createBlock(re, {
-        class: "form-container",
-        "label-col": U
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(VueDraggableNext), {
-            class: normalizeClass(unref(H).list.length > 0 ? "widget-form-list" : "widgt-empty"),
-            list: unref(H).list,
-            "ghost-class": "ghost",
-            handle: ".move",
-            "force-fallback": !0,
-            "chosen-class": "chosenClass1",
-            "drag-class": "dragClass1",
-            animation: "300",
-            onStart: ee,
-            onEnd: te,
-            group: "itxst",
-            "fallback-class": !0,
-            "fallback-on-body": !0,
-            "touch-start-threshold": 50,
-            "fallback-tolerance": 50,
-            move: ie,
-            itemKey: ""
-          }, {
-            default: withCtx(() => [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(H).list, (se, ae) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
-                createElementVNode("div", {
-                  class: normalizeClass(["widget-col widget-view", { active: G.value == ae.toString() }]),
-                  onMousedown: (ce) => Z(se, ae.toString(), ce)
-                }, [
-                  se.type == "grid" ? (openBlock(), createBlock(FormGrid, {
-                    key: 0,
-                    data: se,
-                    activeIndex: G.value,
-                    onChildConfig: Q,
-                    onIndex: X,
-                    index: ae.toString()
-                  }, null, 8, ["data", "activeIndex", "index"])) : se.type == "table" ? (openBlock(), createBlock(FormTable, {
-                    key: 1,
-                    data: se,
-                    activeIndex: G.value,
-                    index: ae
-                  }, null, 8, ["data", "activeIndex", "index"])) : se.type == "report" ? (openBlock(), createBlock(FormReport, {
-                    key: 2,
-                    data: se,
-                    activeIndex: G.value,
-                    index: ae
-                  }, null, 8, ["data", "activeIndex", "index"])) : (openBlock(), createBlock(FormInput, {
-                    key: 3,
-                    data: se,
-                    activeIndex: G.value,
-                    index: ae.toString()
-                  }, null, 8, ["data", "activeIndex", "index"]))
-                ], 42, _hoisted_2$6)
-              ]))), 256))
-            ]),
-            _: 1
-          }, 8, ["class", "list"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), index_vue_vue_type_style_index_0_scoped_aa78c39f_lang = "", FormDesign = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-aa78c39f"]]), _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "Grid",
-  props: {
-    configData: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(K) {
-    return (C, W) => {
-      const H = resolveComponent("a-input"), U = resolveComponent("a-form-item"), G = resolveComponent("a-input-number"), Z = resolveComponent("a-form");
-      return openBlock(), createBlock(Z, {
-        layout: "vertical",
-        model: K.configData,
-        autocomplete: "off"
-      }, {
-        default: withCtx(() => [
-          createVNode(U, {
-            label: "字段标识",
-            rules: [{ required: !0 }]
-          }, {
-            default: withCtx(() => [
-              createVNode(H, {
-                value: K.configData.model,
-                "onUpdate:value": W[0] || (W[0] = (Q) => K.configData.model = Q)
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-          }),
-          createVNode(U, { label: "栅格间距" }, {
-            default: withCtx(() => [
-              createVNode(G, {
-                value: K.configData.options.gutter,
-                "onUpdate:value": W[1] || (W[1] = (Q) => K.configData.options.gutter = Q),
-                min: 1,
-                max: 30,
-                style: { width: "100%" }
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["model"]);
-    };
-  }
-}), _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "Col",
-  props: {
-    configData: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(K) {
-    return (C, W) => {
-      const H = resolveComponent("a-input-number"), U = resolveComponent("a-form-item"), G = resolveComponent("a-form");
-      return openBlock(), createBlock(G, {
-        layout: "vertical",
-        model: K.configData,
-        autocomplete: "off"
-      }, {
-        default: withCtx(() => [
-          createVNode(U, { label: "栅格占据的列数" }, {
-            default: withCtx(() => [
-              createVNode(H, {
-                value: K.configData.options.span,
-                "onUpdate:value": W[0] || (W[0] = (Z) => K.configData.options.span = Z),
-                min: 4,
-                max: 24,
-                style: { width: "100%" }
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-          }),
-          createVNode(U, { label: "栅格左侧的间隔格数" }, {
-            default: withCtx(() => [
-              createVNode(H, {
-                value: K.configData.options.offset,
-                "onUpdate:value": W[1] || (W[1] = (Z) => K.configData.options.offset = Z),
-                min: 0,
-                max: 10,
-                style: { width: "100%" }
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["model"]);
-    };
-  }
-}), useDataStore = defineStore({
-  id: "dataStore",
-  state: () => ({
-    selectList: [],
-    updateList: [],
-    delList: [],
-    selectTables: []
-  }),
-  getters: {
-    getSelectData(K) {
-      return K.selectList;
-    },
-    getSelectTables(K) {
-      return K.selectTables;
-    },
-    getUpdateData(K) {
-      return K.updateList;
-    }
-  },
-  actions: {
-    addSelectData(K) {
-      this.selectList.push(...K);
-    },
-    setSelectData(K) {
-      this.selectList = K;
-    },
-    setUpdateData(K) {
-      this.updateList = K;
-    },
-    addUpdateData(K) {
-      this.updateList.push(...K);
-    },
-    addSelectTable(K) {
-      this.selectTables.push(K);
-    },
-    setSelectTables(K) {
-      this.selectTables = K;
-    }
-  }
-});
+}), FormInput_vue_vue_type_style_index_0_scoped_a1672db9_lang = "", FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-a1672db9"]]);
 function _typeof$1(K) {
   "@babel/helpers - typeof";
   return _typeof$1 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(C) {
@@ -9989,7 +9519,505 @@ Modal.destroyAll = function() {
 Modal.install = function(K) {
   return K.component(Modal.name, Modal), K;
 };
-const _hoisted_1$9 = { class: "table-column-setting" }, _hoisted_2$5 = { class: "left" }, _hoisted_3$4 = { class: "left-content" }, _hoisted_4$4 = { class: "treeItem" }, _hoisted_5$4 = { class: "title" }, _hoisted_6$4 = { class: "right" }, _hoisted_7$3 = { class: "right-content" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "move" }, _hoisted_2$9 = {
+  key: 0,
+  class: "widget-view-drag"
+}, _hoisted_3$7 = ["onMousedown"], _hoisted_4$5 = {
+  key: 0,
+  class: "item-action"
+}, _hoisted_5$5 = {
+  key: 0,
+  class: "item-action"
+}, _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "FormGrid",
+  props: {
+    data: {
+      type: Object,
+      default: null
+    },
+    activeIndex: {
+      type: String,
+      default: ""
+    },
+    index: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["childConfig", "index"],
+  setup(K, { emit: C }) {
+    const W = K, H = useFormStore(), { formData: U } = H, G = ref("-1");
+    watch(
+      () => W.activeIndex,
+      (ne, oe) => {
+        G.value = ne;
+      }
+    );
+    function Z(ne, oe, re) {
+      G.value = oe, C("childConfig", ne), C("index", G.value), re.stopPropagation(), re.preventDefault();
+    }
+    function Q() {
+      debugger;
+      G.value = "-1", console.log("开始拖拽");
+    }
+    function X(ne, oe) {
+      debugger;
+      ne.to.className == "widget-col-list" ? G.value = W.index + "-" + oe + "-" + ne.newIndex : G.value = ne.newIndex, C("index", G.value);
+    }
+    function ee(ne) {
+      const oe = JSON.parse(JSON.stringify(ne)), re = Number.parseInt(W.index);
+      U.list[re].columns.push(oe);
+    }
+    function te(ne) {
+      let oe = W.data.columns.indexOf(ne);
+      W.data.columns.splice(oe, 1);
+    }
+    function ie() {
+      if (W.data.columns.length > 0)
+        Modal.confirm({
+          title: "确定要删除该栅格布局吗?",
+          content: "如果该布局存在表单，将会一并删除",
+          onOk() {
+            const ne = U.list.indexOf(W.data);
+            U.list.splice(ne, 1);
+          },
+          onCancel() {
+          }
+        });
+      else {
+        const ne = U.list.indexOf(W.data);
+        U.list.splice(ne, 1);
+      }
+    }
+    return (ne, oe) => {
+      const re = resolveComponent("a-col"), se = resolveComponent("a-row"), ae = resolveComponent("a-form");
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1$d, [
+          K.activeIndex == K.index ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+            createVNode(unref(DragOutlined$1), { style: { padding: "6px" } })
+          ])) : createCommentVNode("", !0)
+        ]),
+        createVNode(ae, {
+          "label-col": { style: { width: "100px" } },
+          labelWrap: !0
+        }, {
+          default: withCtx(() => [
+            createVNode(se, {
+              gutter: [K.data.options.gutter, 8],
+              tyle: "flex",
+              style: normalizeStyle({ marginLeft: -K.data.options.gutter / 2 + "px", marginRight: -K.data.options.gutter / 2 + "px" })
+            }, {
+              default: withCtx(() => [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(K.data.columns, (ce, le) => (openBlock(), createBlock(re, {
+                  class: normalizeClass(["widget-col-item", { active: G.value == "col" + le }]),
+                  span: ce.options.span,
+                  offset: ce.options.offset,
+                  onMousedown: (de) => Z(ce, "col" + le, de)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(VueDraggableNext), {
+                      class: "widget-col-list",
+                      style: { "min-height": "50px" },
+                      "ghost-class": "ghost",
+                      list: ce.list,
+                      "force-fallback": !0,
+                      "chosen-class": "chosenClass2",
+                      "drag-class": "dragClass1",
+                      onStart: Q,
+                      onEnd: (de) => X(de, le),
+                      group: "itxst",
+                      sort: !1,
+                      animation: "300",
+                      handle: ".move",
+                      itemKey: ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(!0), createElementBlock(Fragment, null, renderList(ce.list, (de, ue) => (openBlock(), createElementBlock("div", {
+                          class: normalizeClass(["widget-view", { active: G.value == K.index + "-" + le + "-" + ue }]),
+                          onMousedown: (he) => Z(de, K.index + "-" + le + "-" + ue, he)
+                        }, [
+                          createVNode(FormInput, {
+                            data: de,
+                            activeIndex: G.value,
+                            index: K.index + "-" + le + "-" + ue
+                          }, null, 8, ["data", "activeIndex", "index"])
+                        ], 42, _hoisted_3$7))), 256))
+                      ]),
+                      _: 2
+                    }, 1032, ["list", "onEnd"]),
+                    K.activeIndex === "col" + le ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+                      createVNode(unref(CopyOutlined$1), {
+                        style: { padding: "3px 5px" },
+                        onClick: (de) => ee(ce)
+                      }, null, 8, ["onClick"]),
+                      createVNode(unref(DeleteOutlined$1), {
+                        onClick: (de) => te(ce)
+                      }, null, 8, ["onClick"])
+                    ])) : createCommentVNode("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["span", "class", "offset", "onMousedown"]))), 256)),
+                K.activeIndex === K.index ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+                  createVNode(unref(DeleteOutlined$1), {
+                    style: { padding: "3px 5px", color: "#fff" },
+                    onClick: oe[0] || (oe[0] = (ce) => ie())
+                  })
+                ])) : createCommentVNode("", !0)
+              ]),
+              _: 1
+            }, 8, ["gutter", "style"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), FormGrid_vue_vue_type_style_index_0_scoped_7e7b2094_lang = "", FormGrid = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-7e7b2094"]]), _hoisted_1$c = { id: "table-css" }, _hoisted_2$8 = { style: { "text-align": "left", "padding-left": "50px" } }, _hoisted_3$6 = ["onClick"], _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "FormTable",
+  props: {
+    data: {
+      type: Object,
+      default: null
+    },
+    activeIndex: {
+      type: String,
+      default: ""
+    },
+    index: {
+      type: Number,
+      default: ""
+    }
+  },
+  setup(K) {
+    const C = K, W = useFormStore(), { formData: H } = storeToRefs(W);
+    let U = ref(null), G = ref(!1);
+    function Z(te) {
+      U.value != null && (U.value.className = ""), U.value = te, G.value = !0, te.className = "tableClass";
+    }
+    let Q = 0;
+    function X() {
+      H.value.list[C.index].tableColumns.push({
+        title: "自定义列" + Q,
+        dataIndex: "code"
+      }), Q++;
+    }
+    function ee() {
+      U.value.children == null && Reflect.set(U.value, "children", []), U.value.children.push({
+        title: "自定义列" + Q,
+        dataIndex: "code",
+        key: "code"
+      }), Q++;
+    }
+    return (te, ie) => {
+      const ne = resolveComponent("a-input"), oe = resolveComponent("a-table");
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_2$8, [
+          createElementVNode("a", { onClick: X }, "添加列"),
+          createTextVNode("     "),
+          unref(G) ? (openBlock(), createElementBlock("a", {
+            key: 0,
+            onClick: ee
+          }, "分组『" + toDisplayString(unref(U).title) + "』添加列", 1)) : createCommentVNode("", !0)
+        ]),
+        createVNode(oe, {
+          columns: unref(H).list[K.index].tableColumns,
+          bordered: "",
+          size: "middle",
+          scroll: { y: 240 }
+        }, {
+          headerCell: withCtx(({ column: re }) => [
+            createElementVNode("div", {
+              onClick: (se) => Z(re)
+            }, [
+              createVNode(ne, {
+                value: re.title,
+                "onUpdate:value": (se) => re.title = se
+              }, null, 8, ["value", "onUpdate:value"])
+            ], 8, _hoisted_3$6)
+          ]),
+          _: 1
+        }, 8, ["columns"])
+      ]);
+    };
+  }
+}), FormTable_vue_vue_type_style_index_0_scoped_4208a59b_lang = "", FormTable = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4208a59b"]]), _hoisted_1$b = { id: "report-css" }, _hoisted_2$7 = { class: "report-table-css" }, _hoisted_3$5 = ["onClick"], _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "FormReport",
+  props: {
+    data: {
+      type: Object,
+      default: null
+    },
+    activeIndex: {
+      type: String,
+      default: ""
+    },
+    index: {
+      type: Number,
+      default: ""
+    }
+  },
+  setup(K) {
+    const C = useFormStore(), { formData: W } = storeToRefs(C);
+    let H = ref(null), U = ref(!1);
+    function G(X, ee) {
+      H.value != null && (H.value.className = ""), H.value = X, U.value = !0;
+    }
+    function Z() {
+    }
+    function Q() {
+      H.value.columns.push({
+        type: "td",
+        options: {
+          customClass: "",
+          colspan: 1,
+          rowspan: 1,
+          align: "left",
+          valign: "top",
+          width: "",
+          height: ""
+        },
+        list: [],
+        key: "fuzps6zb",
+        rules: []
+      });
+    }
+    return (X, ee) => (openBlock(), createElementBlock("div", _hoisted_1$b, [
+      createElementVNode("div", { style: { "text-align": "left", "padding-left": "50px" } }, [
+        createElementVNode("a", { onClick: Z }, "添加行"),
+        createTextVNode("  "),
+        createElementVNode("a", { onClick: Q }, "添加列")
+      ]),
+      createElementVNode("table", _hoisted_2$7, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(W).list[K.index].rows, (te, ie) => (openBlock(), createElementBlock("tr", null, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(te.columns, (ne, oe) => (openBlock(), createElementBlock("td", {
+            class: "report-table-item",
+            onClick: (re) => G(te)
+          }, " fdfd ", 8, _hoisted_3$5))), 256))
+        ]))), 256))
+      ])
+    ]));
+  }
+}), FormReport_vue_vue_type_style_index_0_scoped_9eb302b9_lang = "", FormReport = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-9eb302b9"]]), _hoisted_1$a = { class: "" }, _hoisted_2$6 = ["onMousedown"], _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  emits: ["controlConfig"],
+  setup(K, { emit: C }) {
+    const W = useFormStore();
+    let { formData: H } = storeToRefs(W);
+    const U = { style: { width: "100px" } }, G = ref("-1");
+    function Z(ne, oe, re) {
+      C("controlConfig", ne), G.value = oe, re.stopPropagation(), re.preventDefault();
+    }
+    function Q(ne) {
+      C("controlConfig", ne);
+    }
+    function X(ne) {
+      G.value = ne;
+    }
+    function ee() {
+      G.value = "-1", console.log("开始拖拽");
+    }
+    function te(ne) {
+      ne.to.className == "widget-col-list" ? G.value = "base" + ne.newIndex : G.value = ne.newIndex;
+    }
+    function ie(ne) {
+    }
+    return (ne, oe) => {
+      const re = resolveComponent("a-form");
+      return openBlock(), createBlock(re, {
+        class: "form-container",
+        "label-col": U
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(VueDraggableNext), {
+            class: normalizeClass(unref(H).list.length > 0 ? "widget-form-list" : "widgt-empty"),
+            list: unref(H).list,
+            "ghost-class": "ghost",
+            handle: ".move",
+            "force-fallback": !0,
+            "chosen-class": "chosenClass1",
+            "drag-class": "dragClass1",
+            animation: "300",
+            onStart: ee,
+            onEnd: te,
+            group: "itxst",
+            "fallback-class": !0,
+            "fallback-on-body": !0,
+            "touch-start-threshold": 50,
+            "fallback-tolerance": 50,
+            move: ie,
+            itemKey: ""
+          }, {
+            default: withCtx(() => [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(H).list, (se, ae) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
+                createElementVNode("div", {
+                  class: normalizeClass(["widget-col widget-view", { active: G.value == ae.toString() }]),
+                  onMousedown: (ce) => Z(se, ae.toString(), ce)
+                }, [
+                  se.type == "grid" ? (openBlock(), createBlock(FormGrid, {
+                    key: 0,
+                    data: se,
+                    activeIndex: G.value,
+                    onChildConfig: Q,
+                    onIndex: X,
+                    index: ae.toString()
+                  }, null, 8, ["data", "activeIndex", "index"])) : se.type == "table" ? (openBlock(), createBlock(FormTable, {
+                    key: 1,
+                    data: se,
+                    activeIndex: G.value,
+                    index: ae
+                  }, null, 8, ["data", "activeIndex", "index"])) : se.type == "report" ? (openBlock(), createBlock(FormReport, {
+                    key: 2,
+                    data: se,
+                    activeIndex: G.value,
+                    index: ae
+                  }, null, 8, ["data", "activeIndex", "index"])) : (openBlock(), createBlock(FormInput, {
+                    key: 3,
+                    data: se,
+                    activeIndex: G.value,
+                    index: ae.toString()
+                  }, null, 8, ["data", "activeIndex", "index"]))
+                ], 42, _hoisted_2$6)
+              ]))), 256))
+            ]),
+            _: 1
+          }, 8, ["class", "list"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), index_vue_vue_type_style_index_0_scoped_aa78c39f_lang = "", FormDesign = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-aa78c39f"]]), _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "Grid",
+  props: {
+    configData: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(K) {
+    return (C, W) => {
+      const H = resolveComponent("a-input"), U = resolveComponent("a-form-item"), G = resolveComponent("a-input-number"), Z = resolveComponent("a-form");
+      return openBlock(), createBlock(Z, {
+        layout: "vertical",
+        model: K.configData,
+        autocomplete: "off"
+      }, {
+        default: withCtx(() => [
+          createVNode(U, {
+            label: "字段标识",
+            rules: [{ required: !0 }]
+          }, {
+            default: withCtx(() => [
+              createVNode(H, {
+                value: K.configData.model,
+                "onUpdate:value": W[0] || (W[0] = (Q) => K.configData.model = Q)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          createVNode(U, { label: "栅格间距" }, {
+            default: withCtx(() => [
+              createVNode(G, {
+                value: K.configData.options.gutter,
+                "onUpdate:value": W[1] || (W[1] = (Q) => K.configData.options.gutter = Q),
+                min: 1,
+                max: 30,
+                style: { width: "100%" }
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model"]);
+    };
+  }
+}), _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "Col",
+  props: {
+    configData: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(K) {
+    return (C, W) => {
+      const H = resolveComponent("a-input-number"), U = resolveComponent("a-form-item"), G = resolveComponent("a-form");
+      return openBlock(), createBlock(G, {
+        layout: "vertical",
+        model: K.configData,
+        autocomplete: "off"
+      }, {
+        default: withCtx(() => [
+          createVNode(U, { label: "栅格占据的列数" }, {
+            default: withCtx(() => [
+              createVNode(H, {
+                value: K.configData.options.span,
+                "onUpdate:value": W[0] || (W[0] = (Z) => K.configData.options.span = Z),
+                min: 4,
+                max: 24,
+                style: { width: "100%" }
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          }),
+          createVNode(U, { label: "栅格左侧的间隔格数" }, {
+            default: withCtx(() => [
+              createVNode(H, {
+                value: K.configData.options.offset,
+                "onUpdate:value": W[1] || (W[1] = (Z) => K.configData.options.offset = Z),
+                min: 0,
+                max: 10,
+                style: { width: "100%" }
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model"]);
+    };
+  }
+}), useDataStore = defineStore({
+  id: "dataStore",
+  state: () => ({
+    selectList: [],
+    updateList: [],
+    delList: [],
+    selectTables: []
+  }),
+  getters: {
+    getSelectData(K) {
+      return K.selectList;
+    },
+    getSelectTables(K) {
+      return K.selectTables;
+    },
+    getUpdateData(K) {
+      return K.updateList;
+    }
+  },
+  actions: {
+    addSelectData(K) {
+      this.selectList.push(...K);
+    },
+    setSelectData(K) {
+      this.selectList = K;
+    },
+    setUpdateData(K) {
+      this.updateList = K;
+    },
+    addUpdateData(K) {
+      this.updateList.push(...K);
+    },
+    addSelectTable(K) {
+      this.selectTables.push(K);
+    },
+    setSelectTables(K) {
+      this.selectTables = K;
+    }
+  }
+}), _hoisted_1$9 = { class: "table-column-setting" }, _hoisted_2$5 = { class: "left" }, _hoisted_3$4 = { class: "left-content" }, _hoisted_4$4 = { class: "treeItem" }, _hoisted_5$4 = { class: "title" }, _hoisted_6$4 = { class: "right" }, _hoisted_7$3 = { class: "right-content" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "TableColumn",
   props: {
     tableColumns: {
@@ -83016,37 +83044,37 @@ registerLanguage({
   id: "freemarker2",
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagAutoInterpolationDollar)
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagAngleInterpolationDollar)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagAngleInterpolationDollar)
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagBracketInterpolationDollar)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagBracketInterpolationDollar)
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagAngleInterpolationBracket)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagAngleInterpolationBracket)
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagBracketInterpolationBracket)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagBracketInterpolationBracket)
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagAutoInterpolationDollar)
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
-  loader: () => import("./freemarker2-4d8e8e55.js").then((K) => K.TagAutoInterpolationBracket)
+  loader: () => import("./freemarker2-12493398.js").then((K) => K.TagAutoInterpolationBracket)
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83084,7 +83112,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => import("./handlebars-c43672f7.js")
+  loader: () => import("./handlebars-def84c12.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83109,7 +83137,7 @@ registerLanguage({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => import("./html-c6099a2e.js")
+  loader: () => import("./html-280a7ed3.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83150,7 +83178,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => import("./javascript-ac2b4ae2.js")
+  loader: () => import("./javascript-3df96c77.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83225,7 +83253,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => import("./liquid-b5021331.js")
+  loader: () => import("./liquid-c70595aa.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83261,7 +83289,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => import("./mdx-bbae5f86.js")
+  loader: () => import("./mdx-1a6f1fd5.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83456,7 +83484,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => import("./python-fc373d9f.js")
+  loader: () => import("./python-3b635c55.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83493,7 +83521,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => import("./razor-1e9d135a.js")
+  loader: () => import("./razor-eb9ede61.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83745,7 +83773,7 @@ registerLanguage({
   extensions: [".ts", ".tsx", ".cts", ".mts"],
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
-  loader: () => import("./typescript-b2ef5e0f.js")
+  loader: () => import("./typescript-a7a35ee2.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83801,7 +83829,7 @@ registerLanguage({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => import("./xml-579a5775.js")
+  loader: () => import("./xml-8871547f.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83814,7 +83842,7 @@ registerLanguage({
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => import("./yaml-c31c56b7.js")
+  loader: () => import("./yaml-bba498d2.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -83909,7 +83937,7 @@ var LanguageServiceDefaultsImpl$3 = class {
 }, cssDefaults = new LanguageServiceDefaultsImpl$3("css", optionsDefault$1, modeConfigurationDefault$2), scssDefaults = new LanguageServiceDefaultsImpl$3("scss", optionsDefault$1, modeConfigurationDefault$2), lessDefaults = new LanguageServiceDefaultsImpl$3("less", optionsDefault$1, modeConfigurationDefault$2);
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
-  return import("./cssMode-0bcb1554.js");
+  return import("./cssMode-258e5ba7.js");
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
   getMode$3().then((K) => K.setupMode(lessDefaults));
@@ -84004,7 +84032,7 @@ monaco_editor_core_exports$2.languages.html = {
   registerHTMLLanguageService
 };
 function getMode$2() {
-  return import("./htmlMode-31c10440.js");
+  return import("./htmlMode-b76e0bdc.js");
 }
 function registerHTMLLanguageService(K, C = optionsDefault, W = getConfigurationDefault(K)) {
   const H = new LanguageServiceDefaultsImpl$2(K, C, W);
@@ -84081,7 +84109,7 @@ var LanguageServiceDefaultsImpl$1 = class {
 }, jsonDefaults = new LanguageServiceDefaultsImpl$1("json", diagnosticDefault, modeConfigurationDefault$1);
 monaco_editor_core_exports$1.languages.json = { jsonDefaults };
 function getMode$1() {
-  return import("./jsonMode-36333022.js");
+  return import("./jsonMode-09c5cef8.js");
 }
 monaco_editor_core_exports$1.languages.register({
   id: "json",
@@ -84244,7 +84272,7 @@ monaco_editor_core_exports.languages.typescript = {
   getJavaScriptWorker
 };
 function getMode() {
-  return import("./tsMode-ea3b05db.js");
+  return import("./tsMode-57e6691d.js");
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => getMode().then((K) => K.setupTypeScript(typescriptDefaults)));
 monaco_editor_core_exports.languages.onLanguage("javascript", () => getMode().then((K) => K.setupJavaScript(javascriptDefaults)));
@@ -117779,7 +117807,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 }), headerProperties = [
-  { title: "标题", bind: "name", type: "input", placeholder: "" },
+  // { title: '标题', bind: 'name', type: 'input', placeholder: '' },
   { title: "样式", bind: "classname", type: "dic", placeholder: "", code: "class" }
   // { title: '大小', bind: 'font', type: 'inputnumber', placeholder: '' },
   // { title: '颜色', bind: 'color', type: 'input', placeholder: '' }
@@ -117812,11 +117840,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   { title: "数据字典", bind: "dic", type: "dicall", placeholder: "" }
   // { title: '样式扩展', bind: 'cssextended', type: 'textarea', placeholder: '' },
 ], baseProperties = [
-  // { title: '标题', bind: 'name', type: 'input', placeholder: '', required: true },
+  { title: "绑定查询", bind: "model", type: "dataselect", placeholder: "", required: !0 },
+  //tags[允许输入]/multiple[多选]
+  { title: "绑定更新", bind: "writeField", type: "dataupdate", placeholder: "", required: !0, mode: "tags" },
+  //tags[允许输入]/multiple[多选]
   { title: "默认值", bind: "defaultValue", type: "input", placeholder: "" },
   { title: "宽度", bind: "width", type: "input", placeholder: "" },
-  // { title: '绑定查询', bind: 'model', type: 'data', placeholder: '', required: true },//tags[允许输入]/multiple[多选]
-  // { title: '绑定更新', bind: 'writeField', type: 'data', placeholder: '', required: true, mode: "tags" },//tags[允许输入]/multiple[多选]
   { title: "校验", bind: "guize", type: "guize", placeholder: "", mode: "pro" },
   //simple为简单模式pro为全模式
   { title: "其它扩展", bind: "extended", type: "textarea", placeholder: "", rows: 3 }
@@ -117863,7 +117892,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       { code: "title-css3", value: "标题3" }
     ]
   }
-], getDictItemsByCode = (K) => dicts.filter((C) => C.code == K)[0].options, getRuleList = () => [{ value: "string", label: "字符串" }, { value: "email", label: "邮箱地址" }], _hoisted_1$5 = { key: 6 }, _hoisted_2$1 = { key: 7 }, _hoisted_3$1 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_4$1 = { key: 8 }, _hoisted_5$1 = { key: 11 }, _hoisted_6$1 = /* @__PURE__ */ createElementVNode("span", { style: { color: "#1890ff" } }, "必填", -1), _hoisted_7 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_8 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_9 = { key: 0 }, _hoisted_10 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_11 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _sfc_main$8 = /* @__PURE__ */ defineComponent({
+], getDictItemsByCode = (K) => dicts.filter((C) => C.code == K)[0].options, getRuleList = () => [{ value: "string", label: "字符串" }, { value: "email", label: "邮箱地址" }], _hoisted_1$5 = { key: 6 }, _hoisted_2$1 = { key: 7 }, _hoisted_3$1 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_4$1 = { key: 8 }, _hoisted_5$1 = { key: 12 }, _hoisted_6$1 = /* @__PURE__ */ createElementVNode("span", { style: { color: "#1890ff" } }, "必填", -1), _hoisted_7 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_8 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_9 = { key: 0 }, _hoisted_10 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _hoisted_11 = /* @__PURE__ */ createElementVNode("br", null, null, -1), _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Properties",
   props: {
     configData: {
@@ -117939,7 +117968,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       C.configData.options[ae].label = se.value;
     }
     return (se, ae) => {
-      const ce = resolveComponent("a-input"), le = resolveComponent("a-form-item"), de = resolveComponent("a-select"), ue = resolveComponent("a-textarea"), he = resolveComponent("a-input-number"), fe = resolveComponent("a-radio-button"), ge = resolveComponent("a-radio-group"), me = resolveComponent("a-switch"), pe = resolveComponent("a-radio"), ve = resolveComponent("a-checkbox"), we = resolveComponent("a-checkbox-group"), be = resolveComponent("a-select-option"), Ee = resolveComponent("a-form");
+      const ce = resolveComponent("a-input"), le = resolveComponent("a-form-item"), de = resolveComponent("a-textarea"), ue = resolveComponent("a-input-number"), he = resolveComponent("a-radio-button"), fe = resolveComponent("a-radio-group"), ge = resolveComponent("a-switch"), me = resolveComponent("a-select"), pe = resolveComponent("a-radio"), ve = resolveComponent("a-checkbox"), we = resolveComponent("a-checkbox-group"), be = resolveComponent("a-select-option"), Ee = resolveComponent("a-form");
       return openBlock(), createBlock(Ee, {
         layout: "vertical",
         autocomplete: "off"
@@ -117954,35 +117983,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(le, {
-            label: "绑定查询",
-            rules: [{ required: !0 }]
-          }, {
-            default: withCtx(() => [
-              createVNode(de, {
-                "show-search": "",
-                value: K.configData.model,
-                "onUpdate:value": ae[1] || (ae[1] = (ye) => K.configData.model = ye),
-                options: unref(H).getSelectData,
-                onChange: U
-              }, null, 8, ["value", "options"])
-            ]),
-            _: 1
-          }),
-          createVNode(le, {
-            label: "绑定更新",
-            rules: [{ required: !0 }]
-          }, {
-            default: withCtx(() => [
-              createVNode(de, {
-                value: K.configData.writeField,
-                "onUpdate:value": ae[2] || (ae[2] = (ye) => K.configData.writeField = ye),
-                options: unref(H).getUpdateData,
-                mode: "tags"
-              }, null, 8, ["value", "options"])
-            ]),
-            _: 1
-          }),
           (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(Z), (ye, De) => (openBlock(), createBlock(le, {
             label: ye.title,
             rules: [{ required: ye.required }]
@@ -117992,25 +117992,25 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 key: 0,
                 value: K.configData[ye.bind],
                 "onUpdate:value": (Le) => K.configData[ye.bind] = Le
-              }, null, 8, ["value", "onUpdate:value"])) : ye.type == "textarea" ? (openBlock(), createBlock(ue, {
+              }, null, 8, ["value", "onUpdate:value"])) : ye.type == "textarea" ? (openBlock(), createBlock(de, {
                 key: 1,
                 value: K.configData[ye.bind],
                 "onUpdate:value": (Le) => K.configData[ye.bind] = Le,
                 placeholder: "",
                 rows: ye.rows
-              }, null, 8, ["value", "onUpdate:value", "rows"])) : ye.type == "inputnumber" ? (openBlock(), createBlock(he, {
+              }, null, 8, ["value", "onUpdate:value", "rows"])) : ye.type == "inputnumber" ? (openBlock(), createBlock(ue, {
                 key: 2,
                 value: K.configData[ye.bind],
                 "onUpdate:value": (Le) => K.configData[ye.bind] = Le,
                 min: 12,
                 max: 80
-              }, null, 8, ["value", "onUpdate:value"])) : ye.type == "radiogroup" ? (openBlock(), createBlock(ge, {
+              }, null, 8, ["value", "onUpdate:value"])) : ye.type == "radiogroup" ? (openBlock(), createBlock(fe, {
                 key: 3,
                 value: K.configData.align,
-                "onUpdate:value": ae[3] || (ae[3] = (Le) => K.configData.align = Le)
+                "onUpdate:value": ae[1] || (ae[1] = (Le) => K.configData.align = Le)
               }, {
                 default: withCtx(() => [
-                  (openBlock(!0), createElementBlock(Fragment, null, renderList(ye.children, (Le, Oe) => (openBlock(), createBlock(fe, {
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(ye.children, (Le, Oe) => (openBlock(), createBlock(he, {
                     value: Le.value
                   }, {
                     default: withCtx(() => [
@@ -118020,16 +118020,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   }, 1032, ["value"]))), 256))
                 ]),
                 _: 2
-              }, 1032, ["value"])) : ye.type == "switch" ? (openBlock(), createBlock(me, {
+              }, 1032, ["value"])) : ye.type == "switch" ? (openBlock(), createBlock(ge, {
                 key: 4,
                 checked: K.configData[ye.bind],
                 "onUpdate:checked": (Le) => K.configData[ye.bind] = Le
-              }, null, 8, ["checked", "onUpdate:checked"])) : ye.type == "select" ? (openBlock(), createBlock(de, {
+              }, null, 8, ["checked", "onUpdate:checked"])) : ye.type == "select" ? (openBlock(), createBlock(me, {
                 key: 5,
                 checked: K.configData[ye.bind],
                 "onUpdate:checked": (Le) => K.configData[ye.bind] = Le
               }, null, 8, ["checked", "onUpdate:checked"])) : ye.type == "radio" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-                createVNode(ge, {
+                createVNode(fe, {
                   value: K.configData[ye.bind],
                   "onUpdate:value": (Le) => K.configData[ye.bind] = Le
                 }, {
@@ -118091,7 +118091,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 }, 1032, ["value", "onUpdate:value"]),
                 createElementVNode("a", { onClick: oe }, "添加选项")
               ])) : ye.type == "dicall" ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-                createVNode(de, {
+                createVNode(me, {
                   value: K.configData[ye.bind],
                   "onUpdate:value": (Le) => K.configData[ye.bind] = Le,
                   onChange: ee
@@ -118113,7 +118113,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   label: "默认值"
                 }, {
                   default: withCtx(() => [
-                    createVNode(de, {
+                    createVNode(me, {
                       checked: K.configData[ye.bind],
                       "onUpdate:checked": (Le) => K.configData[ye.bind] = Le
                     }, {
@@ -118132,7 +118132,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1024)) : createCommentVNode("", !0)
-              ])) : ye.type == "dic" ? (openBlock(), createBlock(de, {
+              ])) : ye.type == "dic" ? (openBlock(), createBlock(me, {
                 key: 9,
                 value: K.configData[ye.bind],
                 "onUpdate:value": (Le) => K.configData[ye.bind] = Le
@@ -118148,16 +118148,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   }, 1032, ["value"]))), 256))
                 ]),
                 _: 2
-              }, 1032, ["value", "onUpdate:value"])) : ye.type == "data" ? (openBlock(), createBlock(de, {
+              }, 1032, ["value", "onUpdate:value"])) : ye.type == "dataselect" ? (openBlock(), createBlock(me, {
                 key: 10,
                 mode: ye.mode,
                 value: K.configData[ye.bind],
                 "onUpdate:value": (Le) => K.configData[ye.bind] = Le,
-                options: unref(H).getSelectData
+                options: unref(H).getSelectData,
+                onChange: U
+              }, null, 8, ["mode", "value", "onUpdate:value", "options"])) : ye.type == "dataupdate" ? (openBlock(), createBlock(me, {
+                key: 11,
+                mode: ye.mode,
+                value: K.configData[ye.bind],
+                "onUpdate:value": (Le) => K.configData[ye.bind] = Le,
+                options: unref(H).getUpdateData
               }, null, 8, ["mode", "value", "onUpdate:value", "options"])) : ye.type == "guize" ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
                 createVNode(ve, {
                   checked: K.configData.required,
-                  "onUpdate:checked": ae[4] || (ae[4] = (Le) => K.configData.required = Le)
+                  "onUpdate:checked": ae[2] || (ae[2] = (Le) => K.configData.required = Le)
                 }, {
                   default: withCtx(() => [
                     _hoisted_6$1
@@ -118171,11 +118178,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 ye.mode == "pro" ? (openBlock(), createElementBlock("div", _hoisted_9, [
                   createVNode(ve, {
                     checked: K.configData.dataTypeCheck,
-                    "onUpdate:checked": ae[5] || (ae[5] = (Le) => K.configData.dataTypeCheck = Le)
+                    "onUpdate:checked": ae[3] || (ae[3] = (Le) => K.configData.dataTypeCheck = Le)
                   }, null, 8, ["checked"]),
-                  createVNode(de, {
+                  createVNode(me, {
                     value: K.configData.dataType,
-                    "onUpdate:value": ae[6] || (ae[6] = (Le) => K.configData.dataType = Le),
+                    "onUpdate:value": ae[4] || (ae[4] = (Le) => K.configData.dataType = Le),
                     onChange: te,
                     options: unref(W),
                     style: { width: "80%", "margin-left": "8px" },
@@ -118187,7 +118194,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   K.configData.dataTypeCheck ? (openBlock(), createBlock(ce, {
                     key: 0,
                     value: K.configData.dataTypeMessage,
-                    "onUpdate:value": ae[7] || (ae[7] = (Le) => K.configData.dataTypeMessage = Le),
+                    "onUpdate:value": ae[5] || (ae[5] = (Le) => K.configData.dataTypeMessage = Le),
                     placeholder: "自定义错误提示",
                     style: { width: "80%", "margin-left": "24px" }
                   }, null, 8, ["value"])) : createCommentVNode("", !0)
@@ -121855,7 +121862,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     id: {
       type: Number,
-      default: 14
+      default: 1
     }
   },
   setup(K) {
@@ -121953,7 +121960,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       });
     };
   }
-}), index_vue_vue_type_style_index_0_scoped_a59f6200_lang = "", CImaginForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a59f6200"]]), _sfc_main = /* @__PURE__ */ defineComponent({
+}), index_vue_vue_type_style_index_0_scoped_4e65ba7b_lang = "", CImaginForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4e65ba7b"]]), _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormPublic",
   props: {
     data: {