@ajaxjs/ui 1.5.9 → 1.6.1

package/dist/ajaxjs-ui.es.js

@@ -1,4 +1,4 @@
-import require$$0, { openBlock, createElementBlock, defineComponent, createElementVNode, createStaticVNode, normalizeClass, resolveComponent, createVNode, withCtx, toDisplayString, createTextVNode, createBlock, Fragment, renderList, createCommentVNode, withDirectives, vShow, withDefaults, defineProps, h, ref, renderSlot } from "vue";
+import require$$0, { openBlock, createElementBlock, defineComponent, createElementVNode, createStaticVNode, normalizeClass, resolveComponent, createVNode, withCtx, toDisplayString, createTextVNode, withDefaults, defineProps, createBlock, createCommentVNode, Fragment, renderList, h, ref, renderSlot, withDirectives, vShow } from "vue";
 const _sfc_main$c = {}, _export_sfc = (m, f) => {
   const p = m.__vccOpts || m;
   for (const [t, $] of f)
@@ -540,595 +540,107 @@ function _sfc_render$8(m, f, p, t, $, O) {
     }, 8, ["onOnSubmit"])
   ]);
 }
-const Login = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8], ["__scopeId", "data-v-2149b790"]]), _sfc_main$8 = {
-  props: {
-    treeJson: { type: Array, required: !0 }
-  },
-  data() {
-    return {
-      data: [],
-      selectId: 14
-    };
-  },
-  watch: {
-    treeJson(m) {
-      let f = JSON.parse(JSON.stringify(this.treeJson));
-      prepare(f), this.data = [], plat(this.data, f);
-    }
-  }
-}, stack = [];
-function prepare(m) {
-  if (!(!m || !m.length)) {
-    stack.push(m);
-    for (let f = 0, p = m.length; f < p; f++) {
-      let t = m[f], $ = stack.length;
-      if (t.level = $, $ == 1) t.indent = "";
-      else {
-        console.log(Math.pow($ - 1, 2));
-        let O = new Array(Math.pow($ + 1, 2)), N = new Array(Math.pow($ - 2, 2));
-        t.indent = O.join(" ") + "└─" + N.join("─");
+const Login = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8], ["__scopeId", "data-v-2149b790"]]);
+var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, viewuiplus_min$1 = { exports: {} }, viewuiplus_min = viewuiplus_min$1.exports, hasRequiredViewuiplus_min;
+function requireViewuiplus_min() {
+  return hasRequiredViewuiplus_min || (hasRequiredViewuiplus_min = 1, (function(m, f) {
+    (function(p, t) {
+      t(f, require$$0);
+    })(viewuiplus_min, function(p, t) {
+      const $ = typeof window < "u", O = (function() {
+        return $ && document.addEventListener ? function(e, n, i, a = !1) {
+          e && n && i && e.addEventListener(n, i, a);
+        } : function(e, n, i) {
+          e && n && i && e.attachEvent("on" + n, i);
+        };
+      })(), N = (function() {
+        return $ && document.removeEventListener ? function(e, n, i, a = !1) {
+          e && n && e.removeEventListener(n, i, a);
+        } : function(e, n, i) {
+          e && n && e.detachEvent("on" + n, i);
+        };
+      })();
+      var S = (e, n) => {
+        const i = e.__vccOpts || e;
+        for (const [a, o] of n) i[a] = o;
+        return i;
+      };
+      const ye = "ivu-affix";
+      function Ee(e, n) {
+        const i = n ? "pageYOffset" : "pageXOffset", a = n ? "scrollTop" : "scrollLeft";
+        let o = e[i];
+        return $ && typeof o != "number" && (o = window.document.documentElement[a]), o;
       }
-      prepare(t.children);
-    }
-    stack.pop();
-  }
-}
-function plat(m, f) {
-  for (let p = 0, t = f.length; p < t; p++) {
-    let $ = f[p];
-    m.push($), $.children && $.children.length && plat(m, $.children);
-  }
-}
-function _sfc_render$7(m, f, p, t, $, O) {
-  const N = resolveComponent("Option"), S = resolveComponent("Select");
-  return openBlock(), createBlock(S, {
-    modelValue: $.selectId,
-    "onUpdate:modelValue": f[0] || (f[0] = (ye) => $.selectId = ye)
-  }, {
-    default: withCtx(() => [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList($.data, (ye, Ee) => (openBlock(), createBlock(N, {
-        value: ye.id,
-        key: Ee,
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(ye.indent) + toDisplayString(ye.name), 1)
-        ]),
-        _: 2
-      }, 1032, ["value"]))), 128))
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const TreeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]), _sfc_main$7 = {
-  components: { TreeSelector },
-  props: {
-    name: { type: String, require: !0 },
-    list: { type: Array, default() {
-      return [];
-    } },
-    api: { type: Object, require: !0 },
-    formFields: { type: Array, default() {
-      return [];
-    } }
-  },
-  data() {
-    let m = [
-      // 动态传入 列配置
-      {
-        title: "#",
-        width: 100,
-        align: "center",
-        key: "id"
-      },
-      ...this.list,
-      {
-        title: "修改日期",
-        align: "center",
-        width: 150,
-        render(f, { row: p }) {
-          if (p.updateDate) {
-            let t = p.updateDate.split(":");
-            return t.pop(), f("span", t.join(":"));
-          }
-        }
-        // key: 'createDate'
-      },
-      // {
-      //     title: '顺序',
-      //     key: 'index',
-      //     align: 'center',
-      //     width: 120
-      // },
-      {
-        title: "编辑",
-        align: "center",
-        width: 270,
-        slot: "action"
-      }
-    ];
-    return {
-      isCreateTop: !1,
-      isUpdate: !1,
-      edit: {
-        isShowEdit: !1,
-        row: {},
-        // 正在编辑的对象，如果新建的时候，这个值为 null
-        parent: "",
-        parentId: 0
-      },
-      columns16: m,
-      data: [
-        {
-          id: "100",
-          name: "John Brown",
-          age: 18,
-          address: "New York No. 1 Lake Park"
-        },
-        {
-          id: "101",
-          name: "Jim Green",
-          age: 24,
-          address: "London No. 1 Lake Park",
-          _showChildren: !0,
-          children: [
-            {
-              id: "10100",
-              name: "John Brown",
-              age: 18,
-              address: "New York No. 1 Lake Park"
-            },
-            {
-              id: "10101",
-              name: "Joe Blackn",
-              age: 30,
-              address: "Sydney No. 1 Lake Park"
-            },
-            {
-              id: "10102",
-              name: "Jon Snow",
-              age: 26,
-              address: "Ottawa No. 2 Lake Park",
-              children: [
-                {
-                  id: "1010200",
-                  name: "Jim Green",
-                  age: 24,
-                  address: "New York No. 1 Lake Park"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          id: "102",
-          name: "Joe Black",
-          age: 30,
-          address: "Sydney No. 1 Lake Park"
-        },
-        {
-          id: "103",
-          name: "Jon Snow",
-          age: 26,
-          address: "Ottawa No. 2 Lake Park"
-        }
-      ]
-    };
-  },
-  mounted() {
-    this.getData();
-  },
-  methods: {
-    getData() {
-      xhr_fetch.get(`${this.api.list}`, (m) => {
-        this.data = tranListToTreeData(m.result);
-      });
-    },
-    /**
-     * 新建子节点
-     * 
-     * @param name  父节点的名称
-     * @param id    父节点的 id
-     */
-    createTreeNode(m, f, p) {
-      this.isCreateTop = !1, this.isUpdate = !1, this.edit.isShowEdit = !0, this.edit.parent = m, this.edit.parentId = f, this.edit.row = {}, this.$refs.selectParent.selectId = f;
-    },
-    /**
-     * 编辑节点
-     * 
-     * @param name  父节点的名称
-     * @param id    父节点的 id
-     */
-    editTreeNode(m) {
-      this.isCreateTop = !1, this.isUpdate = !0, this.edit.isShowEdit = !0, this.edit.parent = m.name, this.edit.parentId = m.id, this.edit.row = m, this.$refs.selectParent.selectId = m.parentId;
-    },
-    /**
-     * 创建顶级节点
-     */
-    createTop() {
-      this.isUpdate = !1, this.isCreateTop = !0, this.edit.isShowEdit = !0, this.edit.row = {};
-    },
-    /**
-     * 保存
-     */
-    save() {
-      if (this.isUpdate) {
-        let m = Object.assign({}, this.edit.row);
-        delete m._index, delete m._rowKey, delete m.children, delete m._showChildren, m.parentId = this.$refs.selectParent.selectId, xhr_fetch.put(`${this.api.update}`, (f) => {
-          f.status ? (this.getData(), this.$Message.success(f.message)) : this.$Message.error(f.message || "修改失败");
-        }, m);
-      } else if (this.isCreateTop)
-        this.edit.row.parentId = 0, xhr_fetch.post(`${this.api.create}`, (m) => {
-          m.status ? (this.getData(), this.$Message.success(m.message)) : this.$Message.error(m.message || "创建失败");
-        }, this.edit.row);
-      else {
-        let m = Object.assign({}, this.edit.row);
-        m.parentId = this.$refs.selectParent.selectId, xhr_fetch.post(`${this.api.create}`, (f) => {
-          f.status ? (this.getData(), this.$Message.success(f.message)) : this.$Message.error(f.message || "创建失败");
-        }, m);
-      }
-    },
-    delTreeNode({ id: m }) {
-      xhr_fetch.del(`${this.api.delete}`, (f) => {
-        f.status ? (this.getData(), this.$Message.success(f.message)) : this.$Message.error(f.message || "创建失败");
-      }, { id: m });
-    },
-    delAllTreeNode() {
-      alert(9);
-    }
-  },
-  computed: {
-    getTitle() {
-      return this.isUpdate ? "编辑[" + this.edit.row.name + "]" : this.isCreateTop ? "新建顶级节点" : "新建子" + this.name;
-    }
-  }
-};
-function tranListToTreeData(m) {
-  let f = [], p = {};
-  return m.forEach((t) => {
-    t.children || (t.children = []), t._showChildren = !0, p[t.id] = t;
-  }), m.forEach((t) => {
-    let $ = p[t.parentId];
-    $ ? $.children.push(t) : f.push(t);
-  }), f;
-}
-const _hoisted_1$3 = { style: { "text-align": "center" } }, _hoisted_2$3 = { key: 0 }, _hoisted_3$2 = { key: 1 };
-function _sfc_render$6(m, f, p, t, $, O) {
-  const N = resolveComponent("Button"), S = resolveComponent("Poptip"), ye = resolveComponent("Table"), Ee = resolveComponent("TreeSelector"), _e = resolveComponent("FormItem"), Nt = resolveComponent("Input"), cn = resolveComponent("Form"), He = resolveComponent("Modal");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(N, {
-      type: "primary",
-      style: { "margin-bottom": "10px" },
-      onClick: m.createTop
-    }, {
-      default: withCtx(() => [
-        createTextVNode("新建顶级" + toDisplayString(m.name), 1)
-      ]),
-      _: 1
-    }, 8, ["onClick"]),
-    createVNode(ye, {
-      "row-key": "id",
-      columns: m.columns16,
-      data: m.data,
-      border: "",
-      size: "small"
-    }, {
-      action: withCtx(({ row: Ce }) => [
-        createVNode(N, {
-          size: "small",
-          icon: "md-add",
-          type: "success",
-          onClick: (kt) => m.createTreeNode(Ce.name, Ce.id, Ce.parentId)
-        }, {
-          default: withCtx(() => [...f[4] || (f[4] = [
-            createTextVNode("新建", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(N, {
-          size: "small",
-          icon: "md-create",
-          type: "info",
-          onClick: (kt) => m.editTreeNode(Ce)
-        }, {
-          default: withCtx(() => [...f[5] || (f[5] = [
-            createTextVNode("编辑", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(S, {
-          transfer: "",
-          placement: "left"
-        }, {
-          content: withCtx(() => [
-            f[7] || (f[7] = createElementVNode("b", null, "请选择删除模式：", -1)),
-            createElementVNode("p", null, "- 删除该" + toDisplayString(m.name) + "，如有子" + toDisplayString(m.name) + "调整到原父亲" + toDisplayString(m.name) + "上；", 1),
-            createElementVNode("p", null, "- 删除该" + toDisplayString(m.name) + "以及所有子" + toDisplayString(m.name) + "，删除该节点并包括下级" + toDisplayString(m.name), 1),
-            f[8] || (f[8] = createElementVNode("br", null, null, -1)),
-            createElementVNode("div", _hoisted_1$3, [
-              createVNode(N, {
-                size: "small",
-                type: "primary",
-                onClick: (kt) => m.delTreeNode(Ce)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("删除该" + toDisplayString(m.name), 1)
-                ]),
-                _: 1
-              }, 8, ["onClick"]),
-              createVNode(N, {
-                size: "small",
-                type: "primary",
-                onClick: m.delAllTreeNode
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("删除所有" + toDisplayString(m.name), 1)
-                ]),
-                _: 1
-              }, 8, ["onClick"])
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(N, {
-              size: "small",
-              icon: "md-trash",
-              type: "error"
-            }, {
-              default: withCtx(() => [...f[6] || (f[6] = [
-                createTextVNode("删除", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          _: 2
-        }, 1024)
-      ]),
-      _: 1
-    }, 8, ["columns", "data"]),
-    createVNode(He, {
-      modelValue: m.edit.isShowEdit,
-      "onUpdate:modelValue": f[3] || (f[3] = (Ce) => m.edit.isShowEdit = Ce),
-      title: m.getTitle,
-      width: "650",
-      "ok-text": "保存",
-      onOnOk: m.save
-    }, {
-      default: withCtx(() => [
-        m.isCreateTop ? (openBlock(), createElementBlock("p", _hoisted_2$3, "你将新建顶级的" + toDisplayString(m.name) + "。", 1)) : createCommentVNode("", !0),
-        !m.isUpdate && !m.isCreateTop ? (openBlock(), createElementBlock("p", _hoisted_3$2, "你将在" + toDisplayString(m.name) + "[" + toDisplayString(m.edit.parent) + "]下面传新建子" + toDisplayString(m.name) + "。", 1)) : createCommentVNode("", !0),
-        createVNode(cn, {
-          "label-width": 100,
-          modelValue: m.edit.row,
-          "onUpdate:modelValue": f[2] || (f[2] = (Ce) => m.edit.row = Ce),
-          style: { margin: "5%" }
-        }, {
-          default: withCtx(() => [
-            withDirectives(createVNode(_e, {
-              label: "父亲" + m.name
-            }, {
-              default: withCtx(() => [
-                createVNode(Ee, {
-                  ref: "selectParent",
-                  "tree-json": m.data
-                }, null, 8, ["tree-json"])
-              ]),
-              _: 1
-            }, 8, ["label"]), [
-              [vShow, !m.isCreateTop]
-            ]),
-            createVNode(_e, {
-              label: m.name + "名称",
-              prop: "name"
-            }, {
-              default: withCtx(() => [
-                createVNode(Nt, {
-                  type: "text",
-                  modelValue: m.edit.row.name,
-                  "onUpdate:modelValue": f[0] || (f[0] = (Ce) => m.edit.row.name = Ce),
-                  placeholder: "名称为必填"
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            }, 8, ["label"]),
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(m.formFields, (Ce, kt) => (openBlock(), createBlock(_e, {
-              key: kt,
-              label: Ce.name,
-              prop: Ce.prop
-            }, {
-              default: withCtx(() => [
-                createVNode(Nt, {
-                  type: "text",
-                  modelValue: m.edit.row[Ce.key],
-                  "onUpdate:modelValue": (un) => m.edit.row[Ce.key] = un,
-                  placeholder: Ce.placeholder
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
-              ]),
-              _: 2
-            }, 1032, ["label", "prop"]))), 128)),
-            createVNode(_e, {
-              label: m.name + "说明",
-              prop: "content"
-            }, {
-              default: withCtx(() => [
-                createVNode(Nt, {
-                  type: "textarea",
-                  modelValue: m.edit.row.content,
-                  "onUpdate:modelValue": f[1] || (f[1] = (Ce) => m.edit.row.content = Ce),
-                  rows: 4,
-                  placeholder: "简介、说明、备注，选填"
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            }, 8, ["label"])
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "title", "onOnOk"])
-  ]);
-}
-const TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6], ["__scopeId", "data-v-80f72d55"]]), _sfc_main$6 = {
-  components: { TreeTable },
-  data() {
-    return {
-      api: "dd",
-      list: [
-        {
-          title: "名称",
-          key: "name",
-          align: "left",
-          tree: !0,
-          maxWidth: 200
-        },
-        {
-          title: "值（value）",
-          key: "value",
-          align: "center"
-        },
-        {
-          title: "说明",
-          align: "center",
-          key: "content"
-        },
-        {
-          title: "扩展属性",
-          align: "center",
-          key: "extraData"
-        },
-        {
-          title: "创建日期",
-          align: "center",
-          width: 150,
-          render(m, { row: f }) {
-            if (f.createDate) {
-              let p = f.createDate.split(":");
-              return p.pop(), m("span", p.join(":"));
-            }
-          }
-          // key: 'createDate'
-        }
-      ],
-      formFields: [{
-        name: "值（Value）",
-        key: "value"
-      }]
-    };
-  }
-};
-function _sfc_render$5(m, f, p, t, $, O) {
-  const N = resolveComponent("TreeTable");
-  return openBlock(), createElementBlock("div", null, [
-    f[0] || (f[0] = createElementVNode("h1", null, "数据字典", -1)),
-    createVNode(N, {
-      name: "组织机构",
-      list: $.list,
-      api: $.api,
-      "form-fields": $.formFields
-    }, null, 8, ["list", "api", "form-fields"])
-  ]);
-}
-const DataDict = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
-var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, viewuiplus_min$1 = { exports: {} }, viewuiplus_min = viewuiplus_min$1.exports, hasRequiredViewuiplus_min;
-function requireViewuiplus_min() {
-  return hasRequiredViewuiplus_min || (hasRequiredViewuiplus_min = 1, (function(m, f) {
-    (function(p, t) {
-      t(f, require$$0);
-    })(viewuiplus_min, function(p, t) {
-      const $ = typeof window < "u", O = (function() {
-        return $ && document.addEventListener ? function(e, n, i, a = !1) {
-          e && n && i && e.addEventListener(n, i, a);
-        } : function(e, n, i) {
-          e && n && i && e.attachEvent("on" + n, i);
-        };
-      })(), N = (function() {
-        return $ && document.removeEventListener ? function(e, n, i, a = !1) {
-          e && n && e.removeEventListener(n, i, a);
-        } : function(e, n, i) {
-          e && n && e.detachEvent("on" + n, i);
-        };
-      })();
-      var S = (e, n) => {
-        const i = e.__vccOpts || e;
-        for (const [a, o] of n) i[a] = o;
-        return i;
-      };
-      const ye = "ivu-affix";
-      function Ee(e, n) {
-        const i = n ? "pageYOffset" : "pageXOffset", a = n ? "scrollTop" : "scrollLeft";
-        let o = e[i];
-        return $ && typeof o != "number" && (o = window.document.documentElement[a]), o;
-      }
-      function _e(e) {
-        if (!$) return;
-        const n = e.getBoundingClientRect(), i = Ee(window, !0), a = Ee(window), o = window.document.body, l = o.clientTop || 0, r = o.clientLeft || 0;
-        return { top: n.top + i - l, left: n.left + a - r };
-      }
-      const Nt = { name: "Affix", emits: ["on-change"], props: { offsetTop: { type: Number, default: 0 }, offsetBottom: { type: Number }, useCapture: { type: Boolean, default: !1 } }, data() {
-        return { affix: !1, styles: {}, slot: !1, slotStyle: {} };
-      }, computed: { offsetType() {
-        let e = "top";
-        return this.offsetBottom >= 0 && (e = "bottom"), e;
-      }, classes() {
-        return [{ [`${ye}`]: this.affix }];
-      } }, mounted() {
-        O(window, "scroll", this.handleScroll, this.useCapture), O(window, "resize", this.handleScroll, this.useCapture), t.nextTick(() => {
-          this.handleScroll();
-        });
-      }, beforeUnmount() {
-        N(window, "scroll", this.handleScroll, this.useCapture), N(window, "resize", this.handleScroll, this.useCapture);
-      }, methods: { handleScroll() {
-        if (!$) return;
-        const e = this.affix, n = Ee(window, !0), i = _e(this.$el), a = window.innerHeight, o = this.$el.getElementsByTagName("div")[0].offsetHeight;
-        i.top - this.offsetTop < n && this.offsetType == "top" && !e ? (this.affix = !0, this.slotStyle = { width: this.$refs.point.clientWidth + "px", height: this.$refs.point.clientHeight + "px" }, this.slot = !0, this.styles = { top: `${this.offsetTop}px`, left: `${i.left}px`, width: `${this.$el.offsetWidth}px` }, this.$emit("on-change", !0)) : i.top - this.offsetTop > n && this.offsetType == "top" && e && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), i.top + this.offsetBottom + o > n + a && this.offsetType == "bottom" && !e ? (this.affix = !0, this.styles = { bottom: `${this.offsetBottom}px`, left: `${i.left}px`, width: `${this.$el.offsetWidth}px` }, this.$emit("on-change", !0)) : i.top + this.offsetBottom + o < n + a && this.offsetType == "bottom" && e && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
-      } } };
-      function cn(e, n, i, a, o, l) {
-        return t.openBlock(), t.createElementBlock("div", null, [t.createElementVNode("div", { ref: "point", class: t.normalizeClass(l.classes), style: t.normalizeStyle(o.styles) }, [t.renderSlot(e.$slots, "default")], 6), t.withDirectives(t.createElementVNode("div", { style: t.normalizeStyle(o.slotStyle) }, null, 4), [[t.vShow, o.slot]])]);
-      }
-      var He = S(Nt, [["render", cn]]);
-      const Ce = "ivu-icon", kt = { name: "Icon", props: { type: { type: String, default: "" }, size: [Number, String], color: String, custom: { type: String, default: "" } }, computed: { classes() {
-        return [`${Ce}`, { [`${Ce}-${this.type}`]: this.type !== "", [`${this.custom}`]: this.custom !== "" }];
-      }, styles() {
-        let e = {};
-        return this.size && (e["font-size"] = `${this.size}px`), this.color && (e.color = this.color), e;
-      } } };
-      function un(e, n, i, a, o, l) {
-        return t.openBlock(), t.createElementBlock("i", { class: t.normalizeClass(l.classes), style: t.normalizeStyle(l.styles) }, null, 6);
-      }
-      var ne = S(kt, [["render", un]]);
-      function D(e, n) {
-        for (let i = 0; i < n.length; i++) if (e === n[i]) return !0;
-        return !1;
-      }
-      let dn;
-      function ue(e) {
-        if ($ && dn === void 0) {
-          const n = document.createElement("div");
-          n.style.width = "100%", n.style.height = "200px";
-          const i = document.createElement("div"), a = i.style;
-          a.position = "absolute", a.top = 0, a.left = 0, a.pointerEvents = "none", a.visibility = "hidden", a.width = "200px", a.height = "150px", a.overflow = "hidden", i.appendChild(n), document.body.appendChild(i);
-          const o = n.offsetWidth;
-          i.style.overflow = "scroll";
-          let l = n.offsetWidth;
-          o === l && (l = i.clientWidth), document.body.removeChild(i), dn = o - l;
-        }
-        return dn;
-      }
-      const hn = $ && (window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver) || !1, Jc = /([\:\-\_]+(.))/g, Xc = /^moz([A-Z])/;
-      function Zc(e) {
-        return e.replace(Jc, function(n, i, a, o) {
-          return o ? a.toUpperCase() : a;
-        }).replace(Xc, "Moz$1");
-      }
-      function wt(e, n) {
-        if ($) {
-          if (!e || !n) return null;
-          n = Zc(n), n === "float" && (n = "cssFloat");
-          try {
-            const i = document.defaultView.getComputedStyle(e, "");
-            return e.style[n] || i ? i[n] : null;
-          } catch {
-            return e.style[n];
+      function _e(e) {
+        if (!$) return;
+        const n = e.getBoundingClientRect(), i = Ee(window, !0), a = Ee(window), o = window.document.body, l = o.clientTop || 0, r = o.clientLeft || 0;
+        return { top: n.top + i - l, left: n.left + a - r };
+      }
+      const Nt = { name: "Affix", emits: ["on-change"], props: { offsetTop: { type: Number, default: 0 }, offsetBottom: { type: Number }, useCapture: { type: Boolean, default: !1 } }, data() {
+        return { affix: !1, styles: {}, slot: !1, slotStyle: {} };
+      }, computed: { offsetType() {
+        let e = "top";
+        return this.offsetBottom >= 0 && (e = "bottom"), e;
+      }, classes() {
+        return [{ [`${ye}`]: this.affix }];
+      } }, mounted() {
+        O(window, "scroll", this.handleScroll, this.useCapture), O(window, "resize", this.handleScroll, this.useCapture), t.nextTick(() => {
+          this.handleScroll();
+        });
+      }, beforeUnmount() {
+        N(window, "scroll", this.handleScroll, this.useCapture), N(window, "resize", this.handleScroll, this.useCapture);
+      }, methods: { handleScroll() {
+        if (!$) return;
+        const e = this.affix, n = Ee(window, !0), i = _e(this.$el), a = window.innerHeight, o = this.$el.getElementsByTagName("div")[0].offsetHeight;
+        i.top - this.offsetTop < n && this.offsetType == "top" && !e ? (this.affix = !0, this.slotStyle = { width: this.$refs.point.clientWidth + "px", height: this.$refs.point.clientHeight + "px" }, this.slot = !0, this.styles = { top: `${this.offsetTop}px`, left: `${i.left}px`, width: `${this.$el.offsetWidth}px` }, this.$emit("on-change", !0)) : i.top - this.offsetTop > n && this.offsetType == "top" && e && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), i.top + this.offsetBottom + o > n + a && this.offsetType == "bottom" && !e ? (this.affix = !0, this.styles = { bottom: `${this.offsetBottom}px`, left: `${i.left}px`, width: `${this.$el.offsetWidth}px` }, this.$emit("on-change", !0)) : i.top + this.offsetBottom + o < n + a && this.offsetType == "bottom" && e && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
+      } } };
+      function cn(e, n, i, a, o, l) {
+        return t.openBlock(), t.createElementBlock("div", null, [t.createElementVNode("div", { ref: "point", class: t.normalizeClass(l.classes), style: t.normalizeStyle(o.styles) }, [t.renderSlot(e.$slots, "default")], 6), t.withDirectives(t.createElementVNode("div", { style: t.normalizeStyle(o.slotStyle) }, null, 4), [[t.vShow, o.slot]])]);
+      }
+      var He = S(Nt, [["render", cn]]);
+      const Ce = "ivu-icon", kt = { name: "Icon", props: { type: { type: String, default: "" }, size: [Number, String], color: String, custom: { type: String, default: "" } }, computed: { classes() {
+        return [`${Ce}`, { [`${Ce}-${this.type}`]: this.type !== "", [`${this.custom}`]: this.custom !== "" }];
+      }, styles() {
+        let e = {};
+        return this.size && (e["font-size"] = `${this.size}px`), this.color && (e.color = this.color), e;
+      } } };
+      function un(e, n, i, a, o, l) {
+        return t.openBlock(), t.createElementBlock("i", { class: t.normalizeClass(l.classes), style: t.normalizeStyle(l.styles) }, null, 6);
+      }
+      var ne = S(kt, [["render", un]]);
+      function D(e, n) {
+        for (let i = 0; i < n.length; i++) if (e === n[i]) return !0;
+        return !1;
+      }
+      let dn;
+      function ue(e) {
+        if ($ && dn === void 0) {
+          const n = document.createElement("div");
+          n.style.width = "100%", n.style.height = "200px";
+          const i = document.createElement("div"), a = i.style;
+          a.position = "absolute", a.top = 0, a.left = 0, a.pointerEvents = "none", a.visibility = "hidden", a.width = "200px", a.height = "150px", a.overflow = "hidden", i.appendChild(n), document.body.appendChild(i);
+          const o = n.offsetWidth;
+          i.style.overflow = "scroll";
+          let l = n.offsetWidth;
+          o === l && (l = i.clientWidth), document.body.removeChild(i), dn = o - l;
+        }
+        return dn;
+      }
+      const hn = $ && (window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver) || !1, Jc = /([\:\-\_]+(.))/g, Xc = /^moz([A-Z])/;
+      function Zc(e) {
+        return e.replace(Jc, function(n, i, a, o) {
+          return o ? a.toUpperCase() : a;
+        }).replace(Xc, "Moz$1");
+      }
+      function wt(e, n) {
+        if ($) {
+          if (!e || !n) return null;
+          n = Zc(n), n === "float" && (n = "cssFloat");
+          try {
+            const i = document.defaultView.getComputedStyle(e, "");
+            return e.style[n] || i ? i[n] : null;
+          } catch {
+            return e.style[n];
           }
         }
       }
@@ -12382,1018 +11894,1505 @@ function requireViewuiplus_min() {
     });
   })(viewuiplus_min$1, viewuiplus_min$1.exports)), viewuiplus_min$1.exports;
 }
-var viewuiplus_minExports = requireViewuiplus_min();
-const _sfc_main$5 = {
+var viewuiplus_minExports = requireViewuiplus_min();
+const _sfc_main$8 = {
+  props: {
+    value: {
+      required: !0
+    },
+    uploadUrl: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return { _v: this.value };
+  },
+  watch: {
+    value(m) {
+      this._v = m;
+    }
+  },
+  methods: {
+    downloadFile() {
+      downloadFile(this._v);
+    },
+    showFile(m) {
+      console.log(m);
+    },
+    onSuccess(m, f) {
+      console.log(m);
+      let p = f.size;
+      p = p / 1024;
+      const t = p.toFixed(2);
+      this.$Message.success(`上传成功：${f.name}，大小：${t}kb`), m.status && (this._v = m.data.url);
+    },
+    fireData() {
+      this._v && this.$emit("update:modelValue", this._v);
+    }
+  }
+};
+function downloadFile(m) {
+  if (!window.open(m, "_blank"))
+    throw console.warn("Pop-up window was blocked. Please allow pop-ups for this site."), new Error("Download failed: Pop-up window was blocked by the browser.");
+}
+function _sfc_render$7(m, f, p, t, $, O) {
+  const N = resolveComponent("Button"), S = resolveComponent("Upload"), ye = resolveComponent("Space"), Ee = resolveComponent("Input");
+  return openBlock(), createElementBlock("span", null, [
+    createVNode(Ee, {
+      readonly: "",
+      placeholder: "请上传文件",
+      modelValue: $._v,
+      "onUpdate:modelValue": f[1] || (f[1] = (_e) => $._v = _e),
+      "on-change": O.fireData()
+    }, {
+      append: withCtx(() => [
+        createVNode(ye, {
+          split: "",
+          size: 0
+        }, {
+          default: withCtx(() => [
+            createVNode(S, {
+              action: p.uploadUrl,
+              "before-upload": O.showFile,
+              "show-upload-list": !1,
+              "on-success": O.onSuccess
+            }, {
+              default: withCtx(() => [
+                createVNode(N, {
+                  icon: "ios-cloud-upload",
+                  title: "上传文件",
+                  onClick: f[0] || (f[0] = () => {
+                  })
+                }, {
+                  default: withCtx(() => [...f[2] || (f[2] = [
+                    createTextVNode("上传文件", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["action", "before-upload", "on-success"]),
+            createVNode(N, {
+              icon: "ios-cloud-download",
+              title: "上传文件",
+              onClick: O.downloadFile
+            }, {
+              default: withCtx(() => [...f[3] || (f[3] = [
+                createTextVNode("下载文件", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "on-change"]),
+    f[4] || (f[4] = createElementVNode("div", { class: "msg" }, null, -1))
+  ]);
+}
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+withDefaults(defineProps(), {
+  item: () => ({}),
+  // 为 object 类型提供默认空对象
+  data: () => ({}),
+  status: 0
+  // 为 number 类型提供默认值
+});
+const _sfc_main$7 = {
+  components: { FileUpload },
+  props: {
+    item: { type: Object },
+    data: Object,
+    status: Number
+  },
+  methods: {
+    /**
+     * 打开数据字典选择器
+     * @param fieldName 字段名
+     */
+    showDataDict(m) {
+      const { dataDictId: f, dataDictIdField: p } = this.item?.ext_attribs;
+      console.log(f), console.log(this.data), console.log(m);
+    },
+    /**
+     * 子组件触发父组件的事件，保存值。该函数可通用
+     * 
+     * @param e 
+     * @param name 
+     */
+    handleModelUpdate(m, f) {
+      this.data[f] = m;
+    }
+  }
+}, _hoisted_1$3 = { key: 0 }, _hoisted_2$3 = ["innerHTML"], _hoisted_3$2 = { key: 1 }, _hoisted_4$1 = { key: 1 }, _hoisted_5$1 = { key: 7 }, _hoisted_6$1 = { key: 12 }, _hoisted_7$1 = { key: 14 }, _hoisted_8 = ["src"];
+function _sfc_render$6(m, f, p, t, $, O) {
+  const N = resolveComponent("Input"), S = resolveComponent("DatePicker"), ye = resolveComponent("Slider"), Ee = resolveComponent("i-Switch"), _e = resolveComponent("Tooltip"), Nt = resolveComponent("Option"), cn = resolveComponent("Select"), He = resolveComponent("Radio"), Ce = resolveComponent("RadioGroup"), kt = resolveComponent("Button"), un = resolveComponent("Checkbox"), ne = resolveComponent("CheckboxGroup"), D = resolveComponent("FileUpload"), dn = resolveComponent("FormItem");
+  return openBlock(), createBlock(dn, {
+    label: p.item.label
+  }, {
+    default: withCtx(() => [
+      p.status === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$3, [
+        p.item.uiType == 8 ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          innerHTML: p.data[p.item.name],
+          class: "html-content"
+        }, null, 8, _hoisted_2$3)) : (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(p.data[p.item.name]), 1))
+      ])) : createCommentVNode("", !0),
+      p.status !== 0 ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+        p.item.uiType == 1 ? (openBlock(), createBlock(N, {
+          key: 0,
+          type: "text",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[0] || (f[0] = (ue) => p.data[p.item.name] = ue),
+          placeholder: p.item.comment,
+          readonly: p.item.ext_attribs && p.item.ext_attribs.isReadonly
+        }, null, 8, ["modelValue", "placeholder", "readonly"])) : createCommentVNode("", !0),
+        p.item.uiType == 6 ? (openBlock(), createBlock(N, {
+          key: 1,
+          type: "textarea",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[1] || (f[1] = (ue) => p.data[p.item.name] = ue),
+          placeholder: p.item.comment
+        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
+        p.item.uiType == 11 ? (openBlock(), createBlock(N, {
+          key: 2,
+          type: "number",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[2] || (f[2] = (ue) => p.data[p.item.name] = ue),
+          placeholder: p.item.comment
+        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
+        p.item.uiType == 18 ? (openBlock(), createBlock(N, {
+          key: 3,
+          type: "password",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[3] || (f[3] = (ue) => p.data[p.item.name] = ue),
+          placeholder: p.item.comment
+        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
+        p.item.uiType == 12 ? (openBlock(), createBlock(N, {
+          key: 4,
+          type: "email",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[4] || (f[4] = (ue) => p.data[p.item.name] = ue),
+          placeholder: p.item.comment
+        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
+        p.item.uiType == 5 ? (openBlock(), createBlock(S, {
+          key: 5,
+          type: "date",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[5] || (f[5] = (ue) => p.data[p.item.name] = ue),
+          placeholder: "选择日期",
+          style: { width: "200px" }
+        }, null, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 10 ? (openBlock(), createBlock(ye, {
+          key: 6,
+          modelValue: m.value2,
+          "onUpdate:modelValue": f[6] || (f[6] = (ue) => m.value2 = ue),
+          range: ""
+        }, null, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 7 ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
+          createVNode(Ee, {
+            modelValue: p.data[p.item.name],
+            "onUpdate:modelValue": f[7] || (f[7] = (ue) => p.data[p.item.name] = ue),
+            size: "middle"
+          }, null, 8, ["modelValue"]),
+          f[17] || (f[17] = createTextVNode("   ", -1)),
+          p.item.comment ? (openBlock(), createBlock(_e, {
+            key: 0,
+            content: p.item.comment,
+            placement: "right"
+          }, {
+            default: withCtx(() => [...f[16] || (f[16] = [
+              createElementVNode("i", { class: "ivu-icon ivu-icon-ios-help-circle-outline" }, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["content"])) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0),
+        p.item.uiType == 2 && p.item.ext_attribs ? (openBlock(), createBlock(cn, {
+          key: 8,
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[8] || (f[8] = (ue) => p.data[p.item.name] = ue)
+        }, {
+          default: withCtx(() => [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(p.item.ext_attribs.candidateData, (ue, hn) => (openBlock(), createBlock(Nt, {
+              key: hn,
+              value: ue.value
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(ue.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 3 && p.item.ext_attribs ? (openBlock(), createBlock(Ce, {
+          key: 9,
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[9] || (f[9] = (ue) => p.data[p.item.name] = ue)
+        }, {
+          default: withCtx(() => [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(p.item.ext_attribs.candidateData, (ue, hn) => (openBlock(), createBlock(He, {
+              key: hn,
+              label: ue.value
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", null, toDisplayString(ue.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["label"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 15 ? (openBlock(), createBlock(Ce, {
+          key: 10,
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[10] || (f[10] = (ue) => p.data[p.item.name] = ue)
+        }, {
+          default: withCtx(() => [
+            createVNode(He, { label: "1" }, {
+              default: withCtx(() => [...f[18] || (f[18] = [
+                createElementVNode("span", null, "男", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(He, { label: "2" }, {
+              default: withCtx(() => [...f[19] || (f[19] = [
+                createElementVNode("span", null, "女", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(He, { label: "0" }, {
+              default: withCtx(() => [...f[20] || (f[20] = [
+                createElementVNode("span", null, "未知", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 19 ? (openBlock(), createBlock(Ce, {
+          key: 11,
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[11] || (f[11] = (ue) => p.data[p.item.name] = ue)
+        }, {
+          default: withCtx(() => [
+            createVNode(He, { label: -1 }, {
+              default: withCtx(() => [...f[21] || (f[21] = [
+                createElementVNode("span", null, "草稿", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(He, { label: 0 }, {
+              default: withCtx(() => [...f[22] || (f[22] = [
+                createElementVNode("span", null, "正常", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(He, { label: 1 }, {
+              default: withCtx(() => [...f[23] || (f[23] = [
+                createElementVNode("span", null, "已删除", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(He, { label: 2 }, {
+              default: withCtx(() => [...f[24] || (f[24] = [
+                createElementVNode("span", null, "已禁用", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 21 ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(p.data[p.item.name] | m.formatDateLong), 1)) : createCommentVNode("", !0),
+        p.item.uiType == 22 ? (openBlock(), createBlock(N, {
+          key: 13,
+          readonly: "",
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[13] || (f[13] = (ue) => p.data[p.item.name] = ue),
+          placeholder: p.item.comment
+        }, {
+          append: withCtx(() => [
+            createVNode(kt, {
+              icon: "md-bookmarks",
+              title: "数据字典",
+              onClick: f[12] || (f[12] = (ue) => O.showDataDict(p.item.name))
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
+        p.item.uiType == 17 ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+          createElementVNode("img", {
+            src: p.data[p.item.name],
+            alt: "图片",
+            style: { "max-width": "90%" }
+          }, null, 8, _hoisted_8)
+        ])) : createCommentVNode("", !0),
+        p.item.uiType == 4 && p.item.ext_attribs ? (openBlock(), createBlock(ne, {
+          key: 15,
+          modelValue: p.data[p.item.name],
+          "onUpdate:modelValue": f[14] || (f[14] = (ue) => p.data[p.item.name] = ue)
+        }, {
+          default: withCtx(() => [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(p.item.ext_attribs.candidateData, (ue, hn) => (openBlock(), createBlock(un, {
+              key: hn,
+              label: ue.value
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(ue.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["label"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", !0),
+        p.item.uiType == 9 ? (openBlock(), createBlock(D, {
+          key: 16,
+          "upload-url": p.item.ext_attribs.uploadUrl,
+          value: p.data[p.item.name],
+          "onUpdate:modelValue": f[15] || (f[15] = (ue) => O.handleModelUpdate(ue, p.item.name))
+        }, null, 8, ["upload-url", "value"])) : createCommentVNode("", !0)
+      ])) : createCommentVNode("", !0)
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const ItemRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]), _sfc_main$6 = {
+  components: { ItemRender },
   props: {
-    value: {
-      required: !0
-    },
-    uploadUrl: {
-      type: String,
-      required: !0
-    }
+    cfg: { type: Object, required: !0 }
   },
   data() {
-    return { _v: this.value };
+    return {
+      index: 1,
+      formDynamic: {
+        fields: this.cfg.fields
+      },
+      data: {},
+      // 数据
+      status: 1
+      // 0=查看/1=新增/2=修改
+    };
   },
-  watch: {
-    value(m) {
-      this._v = m;
+  render() {
+    if (!this.cfg.fields || !this.cfg.fields.length)
+      return;
+    let m = [], f = [], p = [];
+    for (let $ = 0, O = this.cfg.fields.length; $ < O; $++) {
+      let N = this.cfg.fields[$];
+      if (N.isShow) {
+        let S = N.uiLayout, ye = [h(ItemRender, { item: N, data: this.data, status: this.status })];
+        S == 1 ? m.push([h(viewuiplus_minExports.Col, { span: 24 }, { default: () => ye })]) : S == 2 ? (f.push([h(viewuiplus_minExports.Col, { span: 12 }, { default: () => ye })]), f.length == 2 && (m.push(f), f = [])) : S == 3 && (p.push([h(viewuiplus_minExports.Col, { span: 8 }, { default: () => ye })]), p.length == 3 && (m.push(p), p = []));
+      }
     }
+    const t = [];
+    return m.forEach(($) => t.push(h(viewuiplus_minExports.Row, $))), h(viewuiplus_minExports.Form, { ref: "formDynamic", "label-width": this.cfg.labelWidth || 80, "label-colon": this.status === 0 }, { default: () => t });
   },
   methods: {
-    downloadFile() {
-      downloadFile(this._v);
+    handleAdd() {
+      this.index++, this.formDynamic.fields.push({
+        value: "",
+        index: this.index,
+        status: 1
+      });
+    }
+  }
+}, _sfc_main$5 = defineComponent({
+  setup() {
+    return { FromRenderer: ref() };
+  },
+  components: { FromRenderer: _sfc_main$6 },
+  props: {
+    id: { type: Number, required: !1 },
+    // 表单配置 id
+    isShowInfoBtn: { type: Boolean, required: !1, default: !1 },
+    // 是否显示加载 info，以便于调试
+    isShowBtns: { type: Boolean, required: !1, default: !0 }
+    // 是否显示按钮，还是自定义按钮？
+  },
+  data() {
+    return {
+      formId: this.id || 0,
+      // 表单定义 id
+      entityId: 0,
+      // 实体 id
+      cfg: { fields: [] },
+      status: 1,
+      // 0=查看/1=新增/2=修改
+      oldJson: null
+      // JSON Based 下的旧 JSON 完整数据。因为 data 只有部分
+    };
+  },
+  mounted() {
+    this.$route.query.id && (this.entityId = Number(this.$route.query.id)), this.formId && this.load();
+  },
+  methods: {
+    /**
+     * 加载表单配置
+     */
+    load() {
+      console.log("加载表单配置"), this.entityId ? this.status = 2 : (this.status = 1, this.FromRenderer.data = {}), xhr_fetch.get(`${window.config.dsApiRoot}/common_api/ds_widget_config/${this.formId}`, (m) => {
+        m && m.status ? (this.cfg = m.data.config, this.entityId && this.loadInfo()) : this.$Message.error("获取表单配置失败");
+      });
     },
-    showFile(m) {
-      console.log(m);
+    /**
+     * 重置表单，但没作用
+     */
+    resetFields() {
+      this.FromRenderer.$refs.formDynamic.resetFields();
     },
-    onSuccess(m, f) {
-      console.log(m);
-      let p = f.size;
-      p = p / 1024;
-      const t = p.toFixed(2);
-      this.$Message.success(`上传成功：${f.name}，大小：${t}kb`), m.status && (this._v = m.data.url);
+    /**
+     * 创建
+     */
+    create() {
+      const m = this.cfg.infoApi;
+      if (!m) {
+        console.error("API doesn't exist");
+        return;
+      }
+      const f = this._getSaveData();
+      delete f.id, xhr_fetch.post(window.config.dsApiRoot + m, f, (p) => {
+        p.status ? (this.status = 2, this.$Message.success("创建成功")) : this.$Message.error(p.message || "失败，原因未知！");
+      });
+    },
+    /**
+      * 更新
+      */
+    update() {
+      const m = this.cfg.infoApi;
+      if (!m) {
+        console.error("API doesn't exist");
+        return;
+      }
+      const f = this._getSaveData();
+      xhr_fetch.put(window.config.dsApiRoot + m, f, (p) => {
+        p.status ? this.$Message.success("保存成功") : this.$Message.error(p.message || "失败，原因未知！");
+      });
     },
-    fireData() {
-      this._v && this.$emit("update:modelValue", this._v);
+    _getSaveData() {
+      let m = {};
+      Object.assign(m, this.FromRenderer.data);
+      for (let f in m) {
+        const p = m[f];
+        p instanceof Date && (m[f] = date_format.formatDate.call(p));
+      }
+      return delete m.creator, delete m.creatorId, delete m.createDate, delete m.updater, delete m.createDate, delete m.updaterId, delete m.updateDate, m = camelToSnake(m), m;
+    },
+    /**
+     * 加载详情
+     */
+    loadInfo() {
+      const m = this.cfg.infoApi;
+      if (!m) {
+        console.error("API doesn't exist");
+        return;
+      }
+      xhr_fetch.get(window.config.dsApiRoot + m + "/" + this.entityId, (f) => {
+        f && f.status && (console.log(f.data), this.FromRenderer.data = f.data, this.status = 2);
+      });
     }
   }
-};
-function downloadFile(m) {
-  if (!window.open(m, "_blank"))
-    throw console.warn("Pop-up window was blocked. Please allow pop-ups for this site."), new Error("Download failed: Pop-up window was blocked by the browser.");
+});
+function camelToSnake(m) {
+  if (m == null || typeof m != "object")
+    return m;
+  if (Array.isArray(m))
+    return m.map((p) => camelToSnake(p));
+  const f = {};
+  for (const [p, t] of Object.entries(m)) {
+    const $ = p.replace(/[A-Z]/g, (O) => `_${O.toLowerCase()}`);
+    f[$] = camelToSnake(t);
+  }
+  return f;
 }
-function _sfc_render$4(m, f, p, t, $, O) {
-  const N = resolveComponent("Button"), S = resolveComponent("Upload"), ye = resolveComponent("Space"), Ee = resolveComponent("Input");
-  return openBlock(), createElementBlock("span", null, [
-    createVNode(Ee, {
-      readonly: "",
-      placeholder: "请上传文件",
-      modelValue: $._v,
-      "onUpdate:modelValue": f[1] || (f[1] = (_e) => $._v = _e),
-      "on-change": O.fireData()
-    }, {
-      append: withCtx(() => [
+const _hoisted_1$2 = {
+  key: 0,
+  class: "btns"
+}, _hoisted_2$2 = { key: 0 };
+function _sfc_render$5(m, f, p, t, $, O) {
+  const N = resolveComponent("FromRenderer"), S = resolveComponent("Input"), ye = resolveComponent("Button");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(N, {
+      ref: "FromRenderer",
+      cfg: m.cfg
+    }, null, 8, ["cfg"]),
+    m.isShowBtns ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+      m.isShowInfoBtn ? (openBlock(), createElementBlock("span", _hoisted_2$2, [
+        createVNode(S, {
+          style: { width: "50px" },
+          modelValue: m.entityId,
+          "onUpdate:modelValue": f[0] || (f[0] = (Ee) => m.entityId = Ee)
+        }, null, 8, ["modelValue"]),
+        f[3] || (f[3] = createTextVNode()),
         createVNode(ye, {
-          split: "",
-          size: 0
+          style: { width: "90px" },
+          onClick: m.loadInfo
         }, {
-          default: withCtx(() => [
-            createVNode(S, {
-              action: p.uploadUrl,
-              "before-upload": O.showFile,
-              "show-upload-list": !1,
-              "on-success": O.onSuccess
-            }, {
-              default: withCtx(() => [
-                createVNode(N, {
-                  icon: "ios-cloud-upload",
-                  title: "上传文件",
-                  onClick: f[0] || (f[0] = () => {
-                  })
-                }, {
-                  default: withCtx(() => [...f[2] || (f[2] = [
-                    createTextVNode("上传文件", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["action", "before-upload", "on-success"]),
-            createVNode(N, {
-              icon: "ios-cloud-download",
-              title: "上传文件",
-              onClick: O.downloadFile
-            }, {
-              default: withCtx(() => [...f[3] || (f[3] = [
-                createTextVNode("下载文件", -1)
-              ])]),
-              _: 1
-            }, 8, ["onClick"])
-          ]),
+          default: withCtx(() => [...f[2] || (f[2] = [
+            createTextVNode("加载", -1)
+          ])]),
           _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue", "on-change"]),
-    f[4] || (f[4] = createElementVNode("div", { class: "msg" }, null, -1))
+        }, 8, ["onClick"])
+      ])) : createCommentVNode("", !0),
+      m.status === 1 ? (openBlock(), createBlock(ye, {
+        key: 1,
+        type: "primary",
+        onClick: m.create
+      }, {
+        default: withCtx(() => [...f[4] || (f[4] = [
+          createTextVNode("创建", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])) : createCommentVNode("", !0),
+      m.status === 2 ? (openBlock(), createBlock(ye, {
+        key: 2,
+        type: "primary",
+        onClick: m.update
+      }, {
+        default: withCtx(() => [...f[5] || (f[5] = [
+          createTextVNode("保存", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])) : createCommentVNode("", !0),
+      m.status !== 0 ? (openBlock(), createBlock(ye, {
+        key: 3,
+        onClick: m.resetFields
+      }, {
+        default: withCtx(() => [...f[6] || (f[6] = [
+          createTextVNode("重置", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])) : createCommentVNode("", !0),
+      createVNode(ye, {
+        onClick: f[1] || (f[1] = (Ee) => m.$router.back())
+      }, {
+        default: withCtx(() => [...f[7] || (f[7] = [
+          createTextVNode("返回", -1)
+        ])]),
+        _: 1
+      })
+    ])) : createCommentVNode("", !0)
   ]);
 }
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
-withDefaults(defineProps(), {
-  item: () => ({}),
-  // 为 object 类型提供默认空对象
-  data: () => ({}),
-  status: 0
-  // 为 number 类型提供默认值
-});
-const _sfc_main$4 = {
-  components: { FileUpload },
+const FormLoader = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-6ef96497"]]), _sfc_main$4 = defineComponent({
+  name: "ListLoader",
+  components: { FormLoader },
   props: {
-    item: { type: Object },
-    data: Object,
-    status: Number
+    apiPrefix: { type: String, required: !1 },
+    // API 前缀
+    createRoute: { type: String, required: !1 },
+    // 新建事件触发时候，进入的路由地址
+    editRoute: { type: String, required: !1 },
+    // 编辑事件触发时候，进入的路由地址
+    defaultAction: { type: Boolean, required: !1, default: !0 },
+    id: { type: Number, required: !1, default: 0 },
+    showSearch: { type: Boolean, required: !1, default: !0 },
+    modalInfo: { type: Boolean, required: !1, default: !0 },
+    // 是否弹窗显示详情，false 为进入新页面
+    showCreateBtn: { type: Boolean, default: !1 },
+    // 是否显示创建按钮
+    showEditBtn: { type: Boolean, default: !0 },
+    // 是否显示 编辑 按钮
+    editBtnAsView: { type: Boolean, default: !1 }
+    // 是否改编辑按钮为查看按钮
+  },
+  data() {
+    return {
+      widgetName_: "",
+      cfg: { fields: [] },
+      listApiUrl_: "",
+      colDefId: this.id,
+      list: {
+        columns: [],
+        data: [],
+        total: 0,
+        start: 0,
+        limit: 9,
+        pageNo: 1,
+        pageSize: 9,
+        loading: !1,
+        search: {
+          name: ""
+        }
+      },
+      isShowForm: !1,
+      bindingFormId: 0
+    };
+  },
+  mounted() {
+    this.id && this.getRemoteColDef();
   },
   methods: {
     /**
-     * 打开数据字典选择器
-     * @param fieldName 字段名
+     * 加载列定义
+     */
+    getRemoteColDef() {
+      xhr_fetch.get(`${window.config.dsApiRoot}/common_api/ds_widget_config/${this.colDefId}`, (m) => {
+        this.list.loading = !1, m.status ? (this.widgetName_ = m.data.name, this.renderConfig(m.data.config)) : this.$Message.warning(m.message || "获取列表失败");
+      });
+    },
+    renderConfig(m) {
+      this.bindingFormId = m.bindingFormId || 0, this.listApiUrl_ = m.dataBinding.url.replace("{project_prefix}", this.apiPrefix);
+      const f = m.fields;
+      this.list.columns = [], f.forEach((p) => {
+        if (p.isShow) {
+          const t = { title: p.title, key: p.key, width: p.width, minWidth: p.minWidth, align: p.align };
+          cellRender(t, p), this.list.columns.push(t);
+        }
+      }), this.defaultAction && this.list.columns.push({ title: "操作", slot: "action", align: "center", width: 200 }), this.getData();
+    },
+    getData() {
+      this.list.loading = !0;
+      let m = this.listApiUrl_;
+      m += (m.indexOf("?") > -1 ? "&" : "?") + `pageNo=${this.list.pageNo}&pageSize=${this.list.pageSize}`, xhr_fetch.get(m, (f) => {
+        this.list.loading = !1, f.status ? f.data.zero ? this.$Message.warning("暂无数据") : (this.list.data = f.data.list, this.list.total = f.data.totalCount) : this.$Message.warning(f.message || "获取列表失败");
+      });
+    },
+    onPageNoChange(m) {
+      this.list.pageNo = m, this.getData();
+    },
+    /**
+     * 分页记录数
+     */
+    handleChangePageSize(m) {
+      this.list.limit = this.list.pageSize = m, this.getData();
+    },
+    reset() {
+      for (const m in this.search)
+        this.search[m] = "";
+      this.getData();
+    },
+    /**
+     * 新建
+     */
+    onCreate(m) {
+      if (this.createRoute)
+        this.$router.push({ path: this.createRoute });
+      else if (this.$parent.onCreate)
+        this.$parent.edit(m);
+      else if (this.modalInfo) {
+        this.isShowForm = !0;
+        const f = this.$refs.FormLoader;
+        f.formId = this.bindingFormId, f.load();
+      }
+    },
+    /**
+     * 编辑
      */
-    showDataDict(m) {
-      const { dataDictId: f, dataDictIdField: p } = this.item?.ext_attribs;
-      console.log(f), console.log(this.data), console.log(m);
-    },
+    onEdit(m) {
+      if (this.editRoute)
+        this.$router.push({ path: this.editRoute, query: { id: m } });
+      else if (this.$parent.onEdit)
+        this.$parent.edit(m);
+      else {
+        this.isShowForm = !0;
+        const f = this.$refs.FormLoader;
+        this.modalInfo ? (f.formId = this.bindingFormId, f.entityId = m, f.load()) : setTimeout(() => {
+          this.$refs.FormLoader2a.formId = this.bindingFormId, this.$refs.FormLoader2a.load();
+        });
+      }
+    }
+  },
+  watch: {
     /**
-     * 子组件触发父组件的事件，保存值。该函数可通用
+     * 分页
      * 
-     * @param e 
-     * @param name 
+     * @param v 
      */
-    handleModelUpdate(m, f) {
-      this.data[f] = m;
-    }
-  }
-}, _hoisted_1$2 = { key: 0 }, _hoisted_2$2 = ["innerHTML"], _hoisted_3$1 = { key: 1 }, _hoisted_4$1 = { key: 1 }, _hoisted_5$1 = { key: 7 }, _hoisted_6$1 = { key: 12 }, _hoisted_7$1 = { key: 14 }, _hoisted_8 = ["src"];
-function _sfc_render$3(m, f, p, t, $, O) {
-  const N = resolveComponent("Input"), S = resolveComponent("DatePicker"), ye = resolveComponent("Slider"), Ee = resolveComponent("i-Switch"), _e = resolveComponent("Tooltip"), Nt = resolveComponent("Option"), cn = resolveComponent("Select"), He = resolveComponent("Radio"), Ce = resolveComponent("RadioGroup"), kt = resolveComponent("Button"), un = resolveComponent("Checkbox"), ne = resolveComponent("CheckboxGroup"), D = resolveComponent("FileUpload"), dn = resolveComponent("FormItem");
-  return openBlock(), createBlock(dn, {
-    label: p.item.label
-  }, {
-    default: withCtx(() => [
-      p.status === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$2, [
-        p.item.uiType == 8 ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          innerHTML: p.data[p.item.name],
-          class: "html-content"
-        }, null, 8, _hoisted_2$2)) : (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(p.data[p.item.name]), 1))
-      ])) : createCommentVNode("", !0),
-      p.status !== 0 ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
-        p.item.uiType == 1 ? (openBlock(), createBlock(N, {
-          key: 0,
-          type: "text",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[0] || (f[0] = (ue) => p.data[p.item.name] = ue),
-          placeholder: p.item.comment,
-          readonly: p.item.ext_attribs && p.item.ext_attribs.isReadonly
-        }, null, 8, ["modelValue", "placeholder", "readonly"])) : createCommentVNode("", !0),
-        p.item.uiType == 6 ? (openBlock(), createBlock(N, {
-          key: 1,
-          type: "textarea",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[1] || (f[1] = (ue) => p.data[p.item.name] = ue),
-          placeholder: p.item.comment
-        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
-        p.item.uiType == 11 ? (openBlock(), createBlock(N, {
-          key: 2,
-          type: "number",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[2] || (f[2] = (ue) => p.data[p.item.name] = ue),
-          placeholder: p.item.comment
-        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
-        p.item.uiType == 18 ? (openBlock(), createBlock(N, {
-          key: 3,
-          type: "password",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[3] || (f[3] = (ue) => p.data[p.item.name] = ue),
-          placeholder: p.item.comment
-        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
-        p.item.uiType == 12 ? (openBlock(), createBlock(N, {
-          key: 4,
-          type: "email",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[4] || (f[4] = (ue) => p.data[p.item.name] = ue),
-          placeholder: p.item.comment
-        }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
-        p.item.uiType == 5 ? (openBlock(), createBlock(S, {
-          key: 5,
-          type: "date",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[5] || (f[5] = (ue) => p.data[p.item.name] = ue),
-          placeholder: "选择日期",
-          style: { width: "200px" }
-        }, null, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 10 ? (openBlock(), createBlock(ye, {
-          key: 6,
-          modelValue: m.value2,
-          "onUpdate:modelValue": f[6] || (f[6] = (ue) => m.value2 = ue),
-          range: ""
-        }, null, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 7 ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
-          createVNode(Ee, {
-            modelValue: p.data[p.item.name],
-            "onUpdate:modelValue": f[7] || (f[7] = (ue) => p.data[p.item.name] = ue),
-            size: "middle"
-          }, null, 8, ["modelValue"]),
-          f[17] || (f[17] = createTextVNode("   ", -1)),
-          p.item.comment ? (openBlock(), createBlock(_e, {
-            key: 0,
-            content: p.item.comment,
-            placement: "right"
-          }, {
-            default: withCtx(() => [...f[16] || (f[16] = [
-              createElementVNode("i", { class: "ivu-icon ivu-icon-ios-help-circle-outline" }, null, -1)
-            ])]),
-            _: 1
-          }, 8, ["content"])) : createCommentVNode("", !0)
-        ])) : createCommentVNode("", !0),
-        p.item.uiType == 2 && p.item.ext_attribs ? (openBlock(), createBlock(cn, {
-          key: 8,
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[8] || (f[8] = (ue) => p.data[p.item.name] = ue)
-        }, {
-          default: withCtx(() => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(p.item.ext_attribs.candidateData, (ue, hn) => (openBlock(), createBlock(Nt, {
-              key: hn,
-              value: ue.value
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(ue.name), 1)
-              ]),
-              _: 2
-            }, 1032, ["value"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 3 && p.item.ext_attribs ? (openBlock(), createBlock(Ce, {
-          key: 9,
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[9] || (f[9] = (ue) => p.data[p.item.name] = ue)
-        }, {
-          default: withCtx(() => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(p.item.ext_attribs.candidateData, (ue, hn) => (openBlock(), createBlock(He, {
-              key: hn,
-              label: ue.value
-            }, {
-              default: withCtx(() => [
-                createElementVNode("span", null, toDisplayString(ue.name), 1)
-              ]),
-              _: 2
-            }, 1032, ["label"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 15 ? (openBlock(), createBlock(Ce, {
-          key: 10,
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[10] || (f[10] = (ue) => p.data[p.item.name] = ue)
-        }, {
-          default: withCtx(() => [
-            createVNode(He, { label: "1" }, {
-              default: withCtx(() => [...f[18] || (f[18] = [
-                createElementVNode("span", null, "男", -1)
-              ])]),
-              _: 1
-            }),
-            createVNode(He, { label: "2" }, {
-              default: withCtx(() => [...f[19] || (f[19] = [
-                createElementVNode("span", null, "女", -1)
-              ])]),
-              _: 1
-            }),
-            createVNode(He, { label: "0" }, {
-              default: withCtx(() => [...f[20] || (f[20] = [
-                createElementVNode("span", null, "未知", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 19 ? (openBlock(), createBlock(Ce, {
-          key: 11,
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[11] || (f[11] = (ue) => p.data[p.item.name] = ue)
-        }, {
-          default: withCtx(() => [
-            createVNode(He, { label: -1 }, {
-              default: withCtx(() => [...f[21] || (f[21] = [
-                createElementVNode("span", null, "草稿", -1)
-              ])]),
-              _: 1
-            }),
-            createVNode(He, { label: 0 }, {
-              default: withCtx(() => [...f[22] || (f[22] = [
-                createElementVNode("span", null, "正常", -1)
-              ])]),
-              _: 1
-            }),
-            createVNode(He, { label: 1 }, {
-              default: withCtx(() => [...f[23] || (f[23] = [
-                createElementVNode("span", null, "已删除", -1)
-              ])]),
-              _: 1
-            }),
-            createVNode(He, { label: 2 }, {
-              default: withCtx(() => [...f[24] || (f[24] = [
-                createElementVNode("span", null, "已禁用", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 21 ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(p.data[p.item.name] | m.formatDateLong), 1)) : createCommentVNode("", !0),
-        p.item.uiType == 22 ? (openBlock(), createBlock(N, {
-          key: 13,
-          readonly: "",
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[13] || (f[13] = (ue) => p.data[p.item.name] = ue),
-          placeholder: p.item.comment
-        }, {
-          append: withCtx(() => [
-            createVNode(kt, {
-              icon: "md-bookmarks",
-              title: "数据字典",
-              onClick: f[12] || (f[12] = (ue) => O.showDataDict(p.item.name))
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "placeholder"])) : createCommentVNode("", !0),
-        p.item.uiType == 17 ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-          createElementVNode("img", {
-            src: p.data[p.item.name],
-            alt: "图片",
-            style: { "max-width": "90%" }
-          }, null, 8, _hoisted_8)
-        ])) : createCommentVNode("", !0),
-        p.item.uiType == 4 && p.item.ext_attribs ? (openBlock(), createBlock(ne, {
-          key: 15,
-          modelValue: p.data[p.item.name],
-          "onUpdate:modelValue": f[14] || (f[14] = (ue) => p.data[p.item.name] = ue)
-        }, {
-          default: withCtx(() => [
-            (openBlock(!0), createElementBlock(Fragment, null, renderList(p.item.ext_attribs.candidateData, (ue, hn) => (openBlock(), createBlock(un, {
-              key: hn,
-              label: ue.value
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(ue.name), 1)
+    // current(v: number): void {
+    //     this.start = (v - 1) * this.list.limit;
+    //     this.getData();
+    // },
+    // 'list.pageNo'(v: number): void {
+    //     this.list.start = (v - 1) * this.list.limit;
+    //     this.getData();
+    // },
+    colDefId(m) {
+      this.getRemoteColDef();
+    },
+    cfg: {
+      handler(m) {
+        this.renderConfig(m);
+      },
+      deep: !0
+    }
+  }
+});
+function cellRender(rendererColDef, item) {
+  if (item.isOneLine && (rendererColDef.ellipsis = !0, rendererColDef.tooltip = !0), item.render && item.render != "raw") {
+    if (item.render == "email" && (rendererColDef.render = email), item.render == "link" && (rendererColDef.render = link), item.render == "link_http" && (rendererColDef.render = link_http, item.isOneLine = !0, rendererColDef.ellipsis = !0, rendererColDef.tooltip = !0, rendererColDef.minWidth = item.minWidth = 150), item.render == "sex" && (rendererColDef.render = sex), item.render == "date" && (rendererColDef.render = date), item.render == "short_date" && (rendererColDef.render = short_date), item.render == "long_date" && (rendererColDef.render = long_date), item.render == "thumb" && (rendererColDef.render = thumb), item.render == "stat" && (rendererColDef.render = state), item.render == "boolean_value" && (rendererColDef.render = booleanValue), item.render == "price" && (rendererColDef.render = price), item.render == "clk_event" && item.clkEvent)
+      try {
+        rendererColDef.render = clk_event(eval(item.clkEvent));
+      } catch (m) {
+        alert("eval 代码错误，请检查配置 code: " + item.clkEvent);
+      }
+    item.render == "render" && (item.isCode && item.customRender && (rendererColDef.render = eval(item.customRender)), !item.isCode && item.customRenderKV && (rendererColDef.render = customRender(item.customRenderKV)));
+  }
+}
+function state(m, f) {
+  const p = f.row[f.column.key], t = "•";
+  switch (p) {
+    case 0:
+      return m("div", {
+        style: { color: "#52c41a", fontSize: "20px" },
+        attrs: { title: "正常" }
+      }, t);
+    case -1:
+      return m("div", {
+        style: { color: "red", fontSize: "20px" },
+        attrs: { title: "已删除" }
+      }, t);
+    default:
+      return m("div", {
+        style: { color: "yellow", fontSize: "20px" },
+        attrs: { title: "已禁用/已下线" }
+      }, t);
+  }
+}
+function sex(m, f) {
+  const p = f.row[f.column.key];
+  let t = "";
+  switch (p) {
+    case "MALE":
+      t = "男";
+      break;
+    case "FEMALE":
+      t = "女";
+      break;
+    default:
+      t = "未知";
+  }
+  return m("span", t);
+}
+function email(m, f) {
+  const p = f.row[f.column.key];
+  return p ? m("a", { href: "mailto://" + p }, p) : "";
+}
+function link(m, f) {
+  const p = f.row[f.column.key];
+  return p ? m("a", { href: p, target: "_blank", title: p }, "超链接") : "";
+}
+function link_http(m, f) {
+  const p = f.row[f.column.key];
+  return p ? m("a", { href: p, target: "_blank", title: p }, p) : "";
+}
+function date(m, f) {
+  const p = f.row[f.column.key];
+  if (p)
+    if (p.indexOf(":") != -1) {
+      const t = p.split(":");
+      return t.pop(), t.pop(), p ? t.join("").replace(/\s\d+$/, "") : "";
+    } else
+      return p;
+  else
+    return "";
+}
+function long_date(m, f) {
+  const p = f.row[f.column.key];
+  return p && isoDateTimeRegex.test(p) ? m("span", convertDateLong(p)) : p ? m("span", p) : "";
+}
+const isoDateTimeRegex = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:.\d*)?)$/;
+function convertDate(m) {
+  const f = new Date(m), p = f.getFullYear(), t = f.getMonth() + 1, $ = f.getDate(), O = f.getHours(), N = f.getMinutes() === 0 ? "00" : f.getMinutes();
+  return `${p}-${t}-${$} ${O}:${N}`;
+}
+function convertDateLong(m) {
+  const f = new Date(m), p = f.getFullYear(), t = f.getMonth() + 1, $ = f.getDate(), O = f.getHours(), N = f.getMinutes() === 0 ? "00" : f.getMinutes(), S = f.getSeconds();
+  return `${p}-${t}-${$} ${O}:${N}:${S}`;
+}
+function short_date(m, f) {
+  const p = f.row[f.column.key];
+  if (p) {
+    if (isoDateTimeRegex.test(p))
+      return m("span", convertDate(p));
+    const t = p.split(":");
+    return t.pop(), p ? m("span", t.join(":")) : "";
+  } else
+    return "";
+}
+function thumb(m, f) {
+  const p = f.row[f.column.key];
+  if (!p)
+    return "";
+  const t = p.startsWith("iVBOR") || p.startsWith("/9j");
+  return m("a", t ? { href: "javascript:void(0);" } : { href: p, target: "_blank", title: p }, [
+    m("img", {
+      src: t ? "data:image/;base64," + p : p,
+      // 对于内联样式，可以直接传递字符串或对象
+      style: "max-width:100px;max-height:50px;margin-top:5px"
+    })
+  ]);
+}
+function clk_event(m) {
+  return (f, p) => {
+    const t = p.row[p.column.key];
+    return t ? f("a", {
+      on: { click: () => m(p.row) }
+    }, t) : "";
+  };
+}
+function booleanValue(m, f) {
+  return f.row[f.column.key] ? "是" : "否";
+}
+function price(m, f) {
+  const p = f.row[f.column.key];
+  return p ? (p / 100).toFixed(2) : "";
+}
+function customRender(m) {
+  const f = {};
+  return m.forEach((p) => f[p.value + ""] = p.name), (p, t) => {
+    const $ = t.row[t.column.key];
+    return $ == "0" || $ ? p("span", f[$]) : "";
+  };
+}
+const _hoisted_1$1 = { key: 0 }, _hoisted_2$1 = { style: { margin: "20px 0", overflow: "hidden" } }, _hoisted_3$1 = {
+  key: 0,
+  class: "common-search-panel"
+}, _hoisted_4 = { style: { float: "right" } }, _hoisted_5 = { class: "toolbar" }, _hoisted_6 = ["onClick"], _hoisted_7 = { key: 2 };
+function _sfc_render$4(m, f, p, t, $, O) {
+  const N = resolveComponent("Button"), S = resolveComponent("Input"), ye = resolveComponent("Icon"), Ee = resolveComponent("Tooltip"), _e = resolveComponent("Divider"), Nt = resolveComponent("Poptip"), cn = resolveComponent("Table"), He = resolveComponent("Page"), Ce = resolveComponent("Card"), kt = resolveComponent("FormLoader"), un = resolveComponent("Modal");
+  return openBlock(), createElementBlock("div", null, [
+    m.modalInfo || !m.isShowForm ? (openBlock(), createElementBlock("span", _hoisted_1$1, [
+      createVNode(Ce, {
+        bordered: !1,
+        "dis-hover": ""
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2$1, [
+            m.showSearch ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              createElementVNode("span", _hoisted_4, [
+                createVNode(N, {
+                  type: "primary",
+                  icon: "ios-search",
+                  onClick: f[0] || (f[0] = (ne) => m.$parent.getData())
+                }, {
+                  default: withCtx(() => [...f[4] || (f[4] = [
+                    createTextVNode("查询", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(N, {
+                  style: { "margin-left": "10px" },
+                  onClick: m.reset
+                }, {
+                  default: withCtx(() => [...f[5] || (f[5] = [
+                    createTextVNode("重置", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
               ]),
-              _: 2
-            }, 1032, ["label"]))), 128))
+              createVNode(S, {
+                suffix: "ios-search",
+                modelValue: m.list.search.name,
+                "onUpdate:modelValue": f[1] || (f[1] = (ne) => m.list.search.name = ne),
+                onOnEnter: m.getData,
+                clearable: "",
+                placeholder: "请输入" + m.widgetName_ + "名称"
+              }, null, 8, ["modelValue", "onOnEnter", "placeholder"])
+            ])) : createCommentVNode("", !0),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(Ee, {
+                class: "ivu-ml",
+                content: "刷新",
+                placement: "top"
+              }, {
+                default: withCtx(() => [
+                  createVNode(ye, {
+                    size: "20",
+                    type: "ios-refresh",
+                    onClick: m.getData,
+                    style: { cursor: "pointer" }
+                  }, null, 8, ["onClick"])
+                ]),
+                _: 1
+              }),
+              renderSlot(m.$slots, "toolbar", {}, void 0, !0),
+              m.showCreateBtn ? (openBlock(), createBlock(N, {
+                key: 0,
+                type: "primary",
+                icon: "md-add",
+                onClick: m.onCreate
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("新建" + toDisplayString(m.widgetName_), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", !0)
+            ])
           ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", !0),
-        p.item.uiType == 9 ? (openBlock(), createBlock(D, {
-          key: 16,
-          "upload-url": p.item.ext_attribs.uploadUrl,
-          value: p.data[p.item.name],
-          "onUpdate:modelValue": f[15] || (f[15] = (ue) => O.handleModelUpdate(ue, p.item.name))
-        }, null, 8, ["upload-url", "value"])) : createCommentVNode("", !0)
-      ])) : createCommentVNode("", !0)
-    ]),
-    _: 1
-  }, 8, ["label"]);
+          createVNode(cn, {
+            style: { clear: "both" },
+            columns: m.list.columns,
+            data: m.list.data,
+            loading: m.list.loading
+          }, {
+            action: withCtx(({ row: ne, index: D }) => [
+              renderSlot(m.$slots, "list_action", { item: ne }, void 0, !0),
+              m.showEditBtn ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                style: { color: "green" },
+                onClick: (dn) => m.onEdit(ne.id)
+              }, toDisplayString(m.editBtnAsView ? "查看" : "编辑"), 9, _hoisted_6)) : createCommentVNode("", !0),
+              m.showEditBtn ? (openBlock(), createBlock(_e, {
+                key: 1,
+                type: "vertical"
+              })) : createCommentVNode("", !0),
+              createVNode(Nt, {
+                confirm: "",
+                transfer: "",
+                title: "是否要删除此行？",
+                onOnOk: (dn) => m.deleteInfo(ne.id, D)
+              }, {
+                default: withCtx(() => [...f[6] || (f[6] = [
+                  createElementVNode("a", { style: { color: "red" } }, "删除", -1)
+                ])]),
+                _: 1
+              }, 8, ["onOnOk"])
+            ]),
+            _: 3
+          }, 8, ["columns", "data", "loading"]),
+          createVNode(He, {
+            class: "ivu-mt ivu-text-right",
+            total: m.list.total,
+            current: m.list.pageNo,
+            "show-total": "",
+            "show-sizer": "",
+            "page-size": m.list.limit,
+            onOnChange: m.onPageNoChange,
+            onOnPageSizeChange: m.handleChangePageSize
+          }, null, 8, ["total", "current", "page-size", "onOnChange", "onOnPageSizeChange"])
+        ]),
+        _: 3
+      })
+    ])) : createCommentVNode("", !0),
+    m.modalInfo ? (openBlock(), createBlock(un, {
+      key: 1,
+      modelValue: m.isShowForm,
+      "onUpdate:modelValue": f[2] || (f[2] = (ne) => m.isShowForm = ne),
+      title: "预览",
+      width: "800",
+      "ok-text": "关闭",
+      "cancel-text": ""
+    }, {
+      default: withCtx(() => [
+        createVNode(kt, {
+          ref: "FormLoader",
+          "api-prefix": m.apiPrefix
+        }, null, 8, ["api-prefix"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])) : createCommentVNode("", !0),
+    !m.modalInfo && m.isShowForm ? (openBlock(), createElementBlock("span", _hoisted_7, [
+      createElementVNode("a", {
+        href: "#",
+        onClick: f[3] || (f[3] = (ne) => m.isShowForm = !1)
+      }, "返回列表")
+    ])) : createCommentVNode("", !0)
+  ]);
 }
-const ItemRender = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]), _sfc_main$3 = {
-  components: { ItemRender },
+const ListLoader = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-ed548002"]]), _sfc_main$3 = {
+  components: {
+    ListLoader
+  }
+};
+function _sfc_render$3(m, f, p, t, $, O) {
+  const N = resolveComponent("ListLoader");
+  return openBlock(), createBlock(N, {
+    id: 103,
+    "edit-route": "/resource/article_edit"
+  });
+}
+const Article = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]), _sfc_main$2 = {
   props: {
-    cfg: { type: Object, required: !0 }
+    treeJson: { type: Array, required: !0 }
   },
   data() {
     return {
-      index: 1,
-      formDynamic: {
-        fields: this.cfg.fields
-      },
-      data: {},
-      // 数据
-      status: 1
-      // 0=查看/1=新增/2=修改
+      data: [],
+      selectId: 14
     };
   },
-  render() {
-    if (!this.cfg.fields || !this.cfg.fields.length)
-      return;
-    let m = [], f = [], p = [];
-    for (let $ = 0, O = this.cfg.fields.length; $ < O; $++) {
-      let N = this.cfg.fields[$];
-      if (N.isShow) {
-        let S = N.uiLayout, ye = [h(ItemRender, { item: N, data: this.data, status: this.status })];
-        S == 1 ? m.push([h(viewuiplus_minExports.Col, { span: 24 }, { default: () => ye })]) : S == 2 ? (f.push([h(viewuiplus_minExports.Col, { span: 12 }, { default: () => ye })]), f.length == 2 && (m.push(f), f = [])) : S == 3 && (p.push([h(viewuiplus_minExports.Col, { span: 8 }, { default: () => ye })]), p.length == 3 && (m.push(p), p = []));
-      }
-    }
-    const t = [];
-    return m.forEach(($) => t.push(h(viewuiplus_minExports.Row, $))), h(viewuiplus_minExports.Form, { ref: "formDynamic", "label-width": this.cfg.labelWidth || 80, "label-colon": this.status === 0 }, { default: () => t });
-  },
-  methods: {
-    handleAdd() {
-      this.index++, this.formDynamic.fields.push({
-        value: "",
-        index: this.index,
-        status: 1
-      });
+  watch: {
+    treeJson(m) {
+      let f = JSON.parse(JSON.stringify(this.treeJson));
+      prepare(f), this.data = [], plat(this.data, f);
     }
   }
-}, _sfc_main$2 = defineComponent({
-  setup() {
-    return { FromRenderer: ref() };
-  },
-  components: { FromRenderer: _sfc_main$3 },
-  props: {
-    id: { type: Number, required: !1 },
-    // 表单配置 id
-    isShowInfoBtn: { type: Boolean, required: !1, default: !1 },
-    // 是否显示加载 info，以便于调试
-    isShowBtns: { type: Boolean, required: !1, default: !0 }
-    // 是否显示按钮，还是自定义按钮？
-  },
-  data() {
-    return {
-      formId: this.id || 0,
-      // 表单定义 id
-      entityId: 0,
-      // 实体 id
-      cfg: { fields: [] },
-      status: 1,
-      // 0=查看/1=新增/2=修改
-      oldJson: null
-      // JSON Based 下的旧 JSON 完整数据。因为 data 只有部分
-    };
-  },
-  mounted() {
-    this.$route.query.id && (this.entityId = Number(this.$route.query.id)), this.formId && this.load();
-  },
-  methods: {
-    /**
-     * 加载表单配置
-     */
-    load() {
-      console.log("加载表单配置"), this.entityId ? this.status = 2 : (this.status = 1, this.FromRenderer.data = {}), xhr_fetch.get(`${window.config.dsApiRoot}/common_api/ds_widget_config/${this.formId}`, (m) => {
-        m && m.status ? (this.cfg = m.data.config, this.entityId && this.loadInfo()) : this.$Message.error("获取表单配置失败");
-      });
-    },
-    /**
-     * 重置表单，但没作用
-     */
-    resetFields() {
-      this.FromRenderer.$refs.formDynamic.resetFields();
-    },
-    /**
-     * 创建
-     */
-    create() {
-      const m = this.cfg.infoApi;
-      if (!m) {
-        console.error("API doesn't exist");
-        return;
-      }
-      const f = this._getSaveData();
-      delete f.id, xhr_fetch.post(window.config.dsApiRoot + m, f, (p) => {
-        p.status ? (this.status = 2, this.$Message.success("创建成功")) : this.$Message.error(p.message || "失败，原因未知！");
-      });
-    },
-    /**
-      * 更新
-      */
-    update() {
-      const m = this.cfg.infoApi;
-      if (!m) {
-        console.error("API doesn't exist");
-        return;
-      }
-      const f = this._getSaveData();
-      xhr_fetch.put(window.config.dsApiRoot + m, f, (p) => {
-        p.status ? this.$Message.success("保存成功") : this.$Message.error(p.message || "失败，原因未知！");
-      });
-    },
-    _getSaveData() {
-      let m = {};
-      Object.assign(m, this.FromRenderer.data);
-      for (let f in m) {
-        const p = m[f];
-        p instanceof Date && (m[f] = date_format.formatDate.call(p));
-      }
-      return delete m.creator, delete m.creatorId, delete m.createDate, delete m.updater, delete m.createDate, delete m.updaterId, delete m.updateDate, m = camelToSnake(m), m;
-    },
-    /**
-     * 加载详情
-     */
-    loadInfo() {
-      const m = this.cfg.infoApi;
-      if (!m) {
-        console.error("API doesn't exist");
-        return;
+}, stack = [];
+function prepare(m) {
+  if (!(!m || !m.length)) {
+    stack.push(m);
+    for (let f = 0, p = m.length; f < p; f++) {
+      let t = m[f], $ = stack.length;
+      if (t.level = $, $ == 1) t.indent = "";
+      else {
+        console.log(Math.pow($ - 1, 2));
+        let O = new Array(Math.pow($ + 1, 2)), N = new Array(Math.pow($ - 2, 2));
+        t.indent = O.join(" ") + "└─" + N.join("─");
       }
-      xhr_fetch.get(window.config.dsApiRoot + m + "/" + this.entityId, (f) => {
-        f && f.status && (console.log(f.data), this.FromRenderer.data = f.data, this.status = 2);
-      });
+      prepare(t.children);
     }
+    stack.pop();
   }
-});
-function camelToSnake(m) {
-  if (m == null || typeof m != "object")
-    return m;
-  if (Array.isArray(m))
-    return m.map((p) => camelToSnake(p));
-  const f = {};
-  for (const [p, t] of Object.entries(m)) {
-    const $ = p.replace(/[A-Z]/g, (O) => `_${O.toLowerCase()}`);
-    f[$] = camelToSnake(t);
+}
+function plat(m, f) {
+  for (let p = 0, t = f.length; p < t; p++) {
+    let $ = f[p];
+    m.push($), $.children && $.children.length && plat(m, $.children);
   }
-  return f;
 }
-const _hoisted_1$1 = {
-  key: 0,
-  class: "btns"
-}, _hoisted_2$1 = { key: 0 };
-function _sfc_render$2(m, f, p, t, $, O) {
-  const N = resolveComponent("FromRenderer"), S = resolveComponent("Input"), ye = resolveComponent("Button");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(N, {
-      ref: "FromRenderer",
-      cfg: m.cfg
-    }, null, 8, ["cfg"]),
-    m.isShowBtns ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-      m.isShowInfoBtn ? (openBlock(), createElementBlock("span", _hoisted_2$1, [
-        createVNode(S, {
-          style: { width: "50px" },
-          modelValue: m.entityId,
-          "onUpdate:modelValue": f[0] || (f[0] = (Ee) => m.entityId = Ee)
-        }, null, 8, ["modelValue"]),
-        f[3] || (f[3] = createTextVNode()),
-        createVNode(ye, {
-          style: { width: "90px" },
-          onClick: m.loadInfo
-        }, {
-          default: withCtx(() => [...f[2] || (f[2] = [
-            createTextVNode("加载", -1)
-          ])]),
-          _: 1
-        }, 8, ["onClick"])
-      ])) : createCommentVNode("", !0),
-      m.status === 1 ? (openBlock(), createBlock(ye, {
-        key: 1,
-        type: "primary",
-        onClick: m.create
-      }, {
-        default: withCtx(() => [...f[4] || (f[4] = [
-          createTextVNode("创建", -1)
-        ])]),
-        _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", !0),
-      m.status === 2 ? (openBlock(), createBlock(ye, {
-        key: 2,
-        type: "primary",
-        onClick: m.update
-      }, {
-        default: withCtx(() => [...f[5] || (f[5] = [
-          createTextVNode("保存", -1)
-        ])]),
-        _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", !0),
-      m.status !== 0 ? (openBlock(), createBlock(ye, {
-        key: 3,
-        onClick: m.resetFields
-      }, {
-        default: withCtx(() => [...f[6] || (f[6] = [
-          createTextVNode("重置", -1)
-        ])]),
-        _: 1
-      }, 8, ["onClick"])) : createCommentVNode("", !0),
-      createVNode(ye, {
-        onClick: f[1] || (f[1] = (Ee) => m.$router.back())
+function _sfc_render$2(m, f, p, t, $, O) {
+  const N = resolveComponent("Option"), S = resolveComponent("Select");
+  return openBlock(), createBlock(S, {
+    modelValue: $.selectId,
+    "onUpdate:modelValue": f[0] || (f[0] = (ye) => $.selectId = ye)
+  }, {
+    default: withCtx(() => [
+      (openBlock(!0), createElementBlock(Fragment, null, renderList($.data, (ye, Ee) => (openBlock(), createBlock(N, {
+        value: ye.id,
+        key: Ee,
+        size: "small"
       }, {
-        default: withCtx(() => [...f[7] || (f[7] = [
-          createTextVNode("返回", -1)
-        ])]),
-        _: 1
-      })
-    ])) : createCommentVNode("", !0)
-  ]);
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(ye.indent) + toDisplayString(ye.name), 1)
+        ]),
+        _: 2
+      }, 1032, ["value"]))), 128))
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
 }
-const FormLoader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-6ef96497"]]), _sfc_main$1 = defineComponent({
-  name: "ListLoader",
-  components: { FormLoader },
+const TreeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]), _sfc_main$1 = {
+  components: { TreeSelector },
   props: {
-    apiPrefix: { type: String, required: !1 },
-    // API 前缀
-    createRoute: { type: String, required: !1 },
-    // 新建事件触发时候，进入的路由地址
-    editRoute: { type: String, required: !1 },
-    // 编辑事件触发时候，进入的路由地址
-    defaultAction: { type: Boolean, required: !1, default: !0 },
-    id: { type: Number, required: !1, default: 0 },
-    showSearch: { type: Boolean, required: !1, default: !0 },
-    modalInfo: { type: Boolean, required: !1, default: !0 },
-    // 是否弹窗显示详情，false 为进入新页面
-    showCreateBtn: { type: Boolean, default: !1 },
-    // 是否显示创建按钮
-    showEditBtn: { type: Boolean, default: !0 },
-    // 是否显示 编辑 按钮
-    editBtnAsView: { type: Boolean, default: !1 }
-    // 是否改编辑按钮为查看按钮
+    name: { type: String, require: !0 },
+    list: { type: Array, default() {
+      return [];
+    } },
+    api: { type: Object, require: !0 },
+    formFields: { type: Array, default() {
+      return [];
+    } }
   },
   data() {
-    return {
-      widgetName_: "",
-      cfg: { fields: [] },
-      listApiUrl_: "",
-      colDefId: this.id,
-      list: {
-        columns: [],
-        data: [],
-        total: 0,
-        start: 0,
-        limit: 9,
-        pageNo: 1,
-        pageSize: 9,
-        loading: !1,
-        search: {
-          name: ""
+    let m = [
+      // 动态传入 列配置
+      {
+        title: "#",
+        width: 100,
+        align: "center",
+        key: "id"
+      },
+      ...this.list,
+      {
+        title: "修改日期",
+        align: "center",
+        width: 150,
+        render(f, { row: p }) {
+          if (p.updateDate) {
+            let t = p.updateDate.split(":");
+            return t.pop(), f("span", t.join(":"));
+          }
         }
+        // key: 'createDate'
       },
-      isShowForm: !1,
-      bindingFormId: 0
+      // {
+      //     title: '顺序',
+      //     key: 'index',
+      //     align: 'center',
+      //     width: 120
+      // },
+      {
+        title: "编辑",
+        align: "center",
+        width: 270,
+        slot: "action"
+      }
+    ];
+    return {
+      isCreateTop: !1,
+      isUpdate: !1,
+      edit: {
+        isShowEdit: !1,
+        row: {},
+        // 正在编辑的对象，如果新建的时候，这个值为 null
+        parent: "",
+        parentId: 0
+      },
+      columns16: m,
+      data: [
+        {
+          id: "100",
+          name: "John Brown",
+          age: 18,
+          address: "New York No. 1 Lake Park"
+        },
+        {
+          id: "101",
+          name: "Jim Green",
+          age: 24,
+          address: "London No. 1 Lake Park",
+          _showChildren: !0,
+          children: [
+            {
+              id: "10100",
+              name: "John Brown",
+              age: 18,
+              address: "New York No. 1 Lake Park"
+            },
+            {
+              id: "10101",
+              name: "Joe Blackn",
+              age: 30,
+              address: "Sydney No. 1 Lake Park"
+            },
+            {
+              id: "10102",
+              name: "Jon Snow",
+              age: 26,
+              address: "Ottawa No. 2 Lake Park",
+              children: [
+                {
+                  id: "1010200",
+                  name: "Jim Green",
+                  age: 24,
+                  address: "New York No. 1 Lake Park"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          id: "102",
+          name: "Joe Black",
+          age: 30,
+          address: "Sydney No. 1 Lake Park"
+        },
+        {
+          id: "103",
+          name: "Jon Snow",
+          age: 26,
+          address: "Ottawa No. 2 Lake Park"
+        }
+      ]
     };
   },
   mounted() {
-    this.id && this.getRemoteColDef();
+    this.getData();
   },
   methods: {
-    /**
-     * 加载列定义
-     */
-    getRemoteColDef() {
-      xhr_fetch.get(`${window.config.dsApiRoot}/common_api/ds_widget_config/${this.colDefId}`, (m) => {
-        this.list.loading = !1, m.status ? (this.widgetName_ = m.data.name, this.renderConfig(m.data.config)) : this.$Message.warning(m.message || "获取列表失败");
-      });
-    },
-    renderConfig(m) {
-      this.bindingFormId = m.bindingFormId || 0, this.listApiUrl_ = m.dataBinding.url.replace("{project_prefix}", this.apiPrefix);
-      const f = m.fields;
-      this.list.columns = [], f.forEach((p) => {
-        if (p.isShow) {
-          const t = { title: p.title, key: p.key, width: p.width, minWidth: p.minWidth, align: p.align };
-          cellRender(t, p), this.list.columns.push(t);
-        }
-      }), this.defaultAction && this.list.columns.push({ title: "操作", slot: "action", align: "center", width: 200 }), this.getData();
-    },
     getData() {
-      this.list.loading = !0;
-      let m = this.listApiUrl_;
-      m += (m.indexOf("?") > -1 ? "&" : "?") + `pageNo=${this.list.pageNo}&pageSize=${this.list.pageSize}`, xhr_fetch.get(m, (f) => {
-        this.list.loading = !1, f.status ? f.data.zero ? this.$Message.warning("暂无数据") : (this.list.data = f.data.list, this.list.total = f.data.totalCount) : this.$Message.warning(f.message || "获取列表失败");
+      xhr_fetch.get(`${this.api.list}`, (m) => {
+        this.data = tranListToTreeData(m.result);
       });
     },
-    onPageNoChange(m) {
-      this.list.pageNo = m, this.getData();
-    },
     /**
-     * 分页记录数
+     * 新建子节点
+     * 
+     * @param name  父节点的名称
+     * @param id    父节点的 id
      */
-    handleChangePageSize(m) {
-      this.list.limit = this.list.pageSize = m, this.getData();
+    createTreeNode(m, f, p) {
+      this.isCreateTop = !1, this.isUpdate = !1, this.edit.isShowEdit = !0, this.edit.parent = m, this.edit.parentId = f, this.edit.row = {}, this.$refs.selectParent.selectId = f;
     },
-    reset() {
-      for (const m in this.search)
-        this.search[m] = "";
-      this.getData();
+    /**
+     * 编辑节点
+     * 
+     * @param name  父节点的名称
+     * @param id    父节点的 id
+     */
+    editTreeNode(m) {
+      this.isCreateTop = !1, this.isUpdate = !0, this.edit.isShowEdit = !0, this.edit.parent = m.name, this.edit.parentId = m.id, this.edit.row = m, this.$refs.selectParent.selectId = m.parentId;
     },
     /**
-     * 新建
+     * 创建顶级节点
      */
-    onCreate(m) {
-      if (this.createRoute)
-        this.$router.push({ path: this.createRoute });
-      else if (this.$parent.onCreate)
-        this.$parent.edit(m);
-      else if (this.modalInfo) {
-        this.isShowForm = !0;
-        const f = this.$refs.FormLoader;
-        f.formId = this.bindingFormId, f.load();
-      }
+    createTop() {
+      this.isUpdate = !1, this.isCreateTop = !0, this.edit.isShowEdit = !0, this.edit.row = {};
     },
     /**
-     * 编辑
+     * 保存
      */
-    onEdit(m) {
-      if (this.editRoute)
-        this.$router.push({ path: this.editRoute, query: { id: m } });
-      else if (this.$parent.onEdit)
-        this.$parent.edit(m);
-      else {
-        this.isShowForm = !0;
-        const f = this.$refs.FormLoader;
-        this.modalInfo ? (f.formId = this.bindingFormId, f.entityId = m, f.load()) : setTimeout(() => {
-          this.$refs.FormLoader2a.formId = this.bindingFormId, this.$refs.FormLoader2a.load();
-        });
+    save() {
+      if (this.isUpdate) {
+        let m = Object.assign({}, this.edit.row);
+        delete m._index, delete m._rowKey, delete m.children, delete m._showChildren, m.parentId = this.$refs.selectParent.selectId, xhr_fetch.put(`${this.api.update}`, (f) => {
+          f.status ? (this.getData(), this.$Message.success(f.message)) : this.$Message.error(f.message || "修改失败");
+        }, m);
+      } else if (this.isCreateTop)
+        this.edit.row.parentId = 0, xhr_fetch.post(`${this.api.create}`, (m) => {
+          m.status ? (this.getData(), this.$Message.success(m.message)) : this.$Message.error(m.message || "创建失败");
+        }, this.edit.row);
+      else {
+        let m = Object.assign({}, this.edit.row);
+        m.parentId = this.$refs.selectParent.selectId, xhr_fetch.post(`${this.api.create}`, (f) => {
+          f.status ? (this.getData(), this.$Message.success(f.message)) : this.$Message.error(f.message || "创建失败");
+        }, m);
       }
+    },
+    delTreeNode({ id: m }) {
+      xhr_fetch.del(`${this.api.delete}`, (f) => {
+        f.status ? (this.getData(), this.$Message.success(f.message)) : this.$Message.error(f.message || "创建失败");
+      }, { id: m });
+    },
+    delAllTreeNode() {
+      alert(9);
     }
   },
-  watch: {
-    /**
-     * 分页
-     * 
-     * @param v 
-     */
-    // current(v: number): void {
-    //     this.start = (v - 1) * this.list.limit;
-    //     this.getData();
-    // },
-    // 'list.pageNo'(v: number): void {
-    //     this.list.start = (v - 1) * this.list.limit;
-    //     this.getData();
-    // },
-    colDefId(m) {
-      this.getRemoteColDef();
-    },
-    cfg: {
-      handler(m) {
-        this.renderConfig(m);
-      },
-      deep: !0
+  computed: {
+    getTitle() {
+      return this.isUpdate ? "编辑[" + this.edit.row.name + "]" : this.isCreateTop ? "新建顶级节点" : "新建子" + this.name;
     }
   }
-});
-function cellRender(rendererColDef, item) {
-  if (item.isOneLine && (rendererColDef.ellipsis = !0, rendererColDef.tooltip = !0), item.render && item.render != "raw") {
-    if (item.render == "email" && (rendererColDef.render = email), item.render == "link" && (rendererColDef.render = link), item.render == "link_http" && (rendererColDef.render = link_http, item.isOneLine = !0, rendererColDef.ellipsis = !0, rendererColDef.tooltip = !0, rendererColDef.minWidth = item.minWidth = 150), item.render == "sex" && (rendererColDef.render = sex), item.render == "date" && (rendererColDef.render = date), item.render == "short_date" && (rendererColDef.render = short_date), item.render == "long_date" && (rendererColDef.render = long_date), item.render == "thumb" && (rendererColDef.render = thumb), item.render == "stat" && (rendererColDef.render = state), item.render == "boolean_value" && (rendererColDef.render = booleanValue), item.render == "price" && (rendererColDef.render = price), item.render == "clk_event" && item.clkEvent)
-      try {
-        rendererColDef.render = clk_event(eval(item.clkEvent));
-      } catch (m) {
-        alert("eval 代码错误，请检查配置 code: " + item.clkEvent);
-      }
-    item.render == "render" && (item.isCode && item.customRender && (rendererColDef.render = eval(item.customRender)), !item.isCode && item.customRenderKV && (rendererColDef.render = customRender(item.customRenderKV)));
-  }
-}
-function state(m, f) {
-  const p = f.row[f.column.key], t = "•";
-  switch (p) {
-    case 0:
-      return m("div", {
-        style: { color: "#52c41a", fontSize: "20px" },
-        attrs: { title: "正常" }
-      }, t);
-    case -1:
-      return m("div", {
-        style: { color: "red", fontSize: "20px" },
-        attrs: { title: "已删除" }
-      }, t);
-    default:
-      return m("div", {
-        style: { color: "yellow", fontSize: "20px" },
-        attrs: { title: "已禁用/已下线" }
-      }, t);
-  }
-}
-function sex(m, f) {
-  const p = f.row[f.column.key];
-  let t = "";
-  switch (p) {
-    case "MALE":
-      t = "男";
-      break;
-    case "FEMALE":
-      t = "女";
-      break;
-    default:
-      t = "未知";
-  }
-  return m("span", t);
-}
-function email(m, f) {
-  const p = f.row[f.column.key];
-  return p ? m("a", { href: "mailto://" + p }, p) : "";
-}
-function link(m, f) {
-  const p = f.row[f.column.key];
-  return p ? m("a", { href: p, target: "_blank", title: p }, "超链接") : "";
-}
-function link_http(m, f) {
-  const p = f.row[f.column.key];
-  return p ? m("a", { href: p, target: "_blank", title: p }, p) : "";
-}
-function date(m, f) {
-  const p = f.row[f.column.key];
-  if (p)
-    if (p.indexOf(":") != -1) {
-      const t = p.split(":");
-      return t.pop(), t.pop(), p ? t.join("").replace(/\s\d+$/, "") : "";
-    } else
-      return p;
-  else
-    return "";
-}
-function long_date(m, f) {
-  const p = f.row[f.column.key];
-  return p && isoDateTimeRegex.test(p) ? m("span", convertDateLong(p)) : p ? m("span", p) : "";
-}
-const isoDateTimeRegex = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:.\d*)?)$/;
-function convertDate(m) {
-  const f = new Date(m), p = f.getFullYear(), t = f.getMonth() + 1, $ = f.getDate(), O = f.getHours(), N = f.getMinutes() === 0 ? "00" : f.getMinutes();
-  return `${p}-${t}-${$} ${O}:${N}`;
-}
-function convertDateLong(m) {
-  const f = new Date(m), p = f.getFullYear(), t = f.getMonth() + 1, $ = f.getDate(), O = f.getHours(), N = f.getMinutes() === 0 ? "00" : f.getMinutes(), S = f.getSeconds();
-  return `${p}-${t}-${$} ${O}:${N}:${S}`;
-}
-function short_date(m, f) {
-  const p = f.row[f.column.key];
-  if (p) {
-    if (isoDateTimeRegex.test(p))
-      return m("span", convertDate(p));
-    const t = p.split(":");
-    return t.pop(), p ? m("span", t.join(":")) : "";
-  } else
-    return "";
-}
-function thumb(m, f) {
-  const p = f.row[f.column.key];
-  if (!p)
-    return "";
-  const t = p.startsWith("iVBOR") || p.startsWith("/9j");
-  return m("a", t ? { href: "javascript:void(0);" } : { href: p, target: "_blank", title: p }, [
-    m("img", {
-      src: t ? "data:image/;base64," + p : p,
-      // 对于内联样式，可以直接传递字符串或对象
-      style: "max-width:100px;max-height:50px;margin-top:5px"
-    })
-  ]);
-}
-function clk_event(m) {
-  return (f, p) => {
-    const t = p.row[p.column.key];
-    return t ? f("a", {
-      on: { click: () => m(p.row) }
-    }, t) : "";
-  };
-}
-function booleanValue(m, f) {
-  return f.row[f.column.key] ? "是" : "否";
-}
-function price(m, f) {
-  const p = f.row[f.column.key];
-  return p ? (p / 100).toFixed(2) : "";
-}
-function customRender(m) {
-  const f = {};
-  return m.forEach((p) => f[p.value + ""] = p.name), (p, t) => {
-    const $ = t.row[t.column.key];
-    return $ == "0" || $ ? p("span", f[$]) : "";
-  };
+};
+function tranListToTreeData(m) {
+  let f = [], p = {};
+  return m.forEach((t) => {
+    t.children || (t.children = []), t._showChildren = !0, p[t.id] = t;
+  }), m.forEach((t) => {
+    let $ = p[t.parentId];
+    $ ? $.children.push(t) : f.push(t);
+  }), f;
 }
-const _hoisted_1 = { key: 0 }, _hoisted_2 = { style: { margin: "20px 0", overflow: "hidden" } }, _hoisted_3 = {
-  key: 0,
-  class: "common-search-panel"
-}, _hoisted_4 = { style: { float: "right" } }, _hoisted_5 = { class: "toolbar" }, _hoisted_6 = ["onClick"], _hoisted_7 = { key: 2 };
+const _hoisted_1 = { style: { "text-align": "center" } }, _hoisted_2 = { key: 0 }, _hoisted_3 = { key: 1 };
 function _sfc_render$1(m, f, p, t, $, O) {
-  const N = resolveComponent("Button"), S = resolveComponent("Input"), ye = resolveComponent("Icon"), Ee = resolveComponent("Tooltip"), _e = resolveComponent("Divider"), Nt = resolveComponent("Poptip"), cn = resolveComponent("Table"), He = resolveComponent("Page"), Ce = resolveComponent("Card"), kt = resolveComponent("FormLoader"), un = resolveComponent("Modal");
+  const N = resolveComponent("Button"), S = resolveComponent("Poptip"), ye = resolveComponent("Table"), Ee = resolveComponent("TreeSelector"), _e = resolveComponent("FormItem"), Nt = resolveComponent("Input"), cn = resolveComponent("Form"), He = resolveComponent("Modal");
   return openBlock(), createElementBlock("div", null, [
-    m.modalInfo || !m.isShowForm ? (openBlock(), createElementBlock("span", _hoisted_1, [
-      createVNode(Ce, {
-        bordered: !1,
-        "dis-hover": ""
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            m.showSearch ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createElementVNode("span", _hoisted_4, [
-                createVNode(N, {
-                  type: "primary",
-                  icon: "ios-search",
-                  onClick: f[0] || (f[0] = (ne) => m.$parent.getData())
-                }, {
-                  default: withCtx(() => [...f[4] || (f[4] = [
-                    createTextVNode("查询", -1)
-                  ])]),
-                  _: 1
-                }),
-                createVNode(N, {
-                  style: { "margin-left": "10px" },
-                  onClick: m.reset
-                }, {
-                  default: withCtx(() => [...f[5] || (f[5] = [
-                    createTextVNode("重置", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              createVNode(S, {
-                suffix: "ios-search",
-                modelValue: m.list.search.name,
-                "onUpdate:modelValue": f[1] || (f[1] = (ne) => m.list.search.name = ne),
-                onOnEnter: m.getData,
-                clearable: "",
-                placeholder: "请输入" + m.widgetName_ + "名称"
-              }, null, 8, ["modelValue", "onOnEnter", "placeholder"])
-            ])) : createCommentVNode("", !0),
-            createElementVNode("div", _hoisted_5, [
-              createVNode(Ee, {
-                class: "ivu-ml",
-                content: "刷新",
-                placement: "top"
+    createVNode(N, {
+      type: "primary",
+      style: { "margin-bottom": "10px" },
+      onClick: m.createTop
+    }, {
+      default: withCtx(() => [
+        createTextVNode("新建顶级" + toDisplayString(m.name), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"]),
+    createVNode(ye, {
+      "row-key": "id",
+      columns: m.columns16,
+      data: m.data,
+      border: "",
+      size: "small"
+    }, {
+      action: withCtx(({ row: Ce }) => [
+        createVNode(N, {
+          size: "small",
+          icon: "md-add",
+          type: "success",
+          onClick: (kt) => m.createTreeNode(Ce.name, Ce.id, Ce.parentId)
+        }, {
+          default: withCtx(() => [...f[4] || (f[4] = [
+            createTextVNode("新建", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(N, {
+          size: "small",
+          icon: "md-create",
+          type: "info",
+          onClick: (kt) => m.editTreeNode(Ce)
+        }, {
+          default: withCtx(() => [...f[5] || (f[5] = [
+            createTextVNode("编辑", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(S, {
+          transfer: "",
+          placement: "left"
+        }, {
+          content: withCtx(() => [
+            f[7] || (f[7] = createElementVNode("b", null, "请选择删除模式：", -1)),
+            createElementVNode("p", null, "- 删除该" + toDisplayString(m.name) + "，如有子" + toDisplayString(m.name) + "调整到原父亲" + toDisplayString(m.name) + "上；", 1),
+            createElementVNode("p", null, "- 删除该" + toDisplayString(m.name) + "以及所有子" + toDisplayString(m.name) + "，删除该节点并包括下级" + toDisplayString(m.name), 1),
+            f[8] || (f[8] = createElementVNode("br", null, null, -1)),
+            createElementVNode("div", _hoisted_1, [
+              createVNode(N, {
+                size: "small",
+                type: "primary",
+                onClick: (kt) => m.delTreeNode(Ce)
               }, {
                 default: withCtx(() => [
-                  createVNode(ye, {
-                    size: "20",
-                    type: "ios-refresh",
-                    onClick: m.getData,
-                    style: { cursor: "pointer" }
-                  }, null, 8, ["onClick"])
+                  createTextVNode("删除该" + toDisplayString(m.name), 1)
                 ]),
                 _: 1
-              }),
-              renderSlot(m.$slots, "toolbar", {}, void 0, !0),
-              m.showCreateBtn ? (openBlock(), createBlock(N, {
-                key: 0,
+              }, 8, ["onClick"]),
+              createVNode(N, {
+                size: "small",
                 type: "primary",
-                icon: "md-add",
-                onClick: m.onCreate
+                onClick: m.delAllTreeNode
               }, {
                 default: withCtx(() => [
-                  createTextVNode("新建" + toDisplayString(m.widgetName_), 1)
+                  createTextVNode("删除所有" + toDisplayString(m.name), 1)
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : createCommentVNode("", !0)
+              }, 8, ["onClick"])
             ])
           ]),
-          createVNode(cn, {
-            style: { clear: "both" },
-            columns: m.list.columns,
-            data: m.list.data,
-            loading: m.list.loading
-          }, {
-            action: withCtx(({ row: ne, index: D }) => [
-              renderSlot(m.$slots, "list_action", { item: ne }, void 0, !0),
-              m.showEditBtn ? (openBlock(), createElementBlock("a", {
-                key: 0,
-                style: { color: "green" },
-                onClick: (dn) => m.onEdit(ne.id)
-              }, toDisplayString(m.editBtnAsView ? "查看" : "编辑"), 9, _hoisted_6)) : createCommentVNode("", !0),
-              m.showEditBtn ? (openBlock(), createBlock(_e, {
-                key: 1,
-                type: "vertical"
-              })) : createCommentVNode("", !0),
-              createVNode(Nt, {
-                confirm: "",
-                transfer: "",
-                title: "是否要删除此行？",
-                onOnOk: (dn) => m.deleteInfo(ne.id, D)
-              }, {
-                default: withCtx(() => [...f[6] || (f[6] = [
-                  createElementVNode("a", { style: { color: "red" } }, "删除", -1)
-                ])]),
-                _: 1
-              }, 8, ["onOnOk"])
-            ]),
-            _: 3
-          }, 8, ["columns", "data", "loading"]),
-          createVNode(He, {
-            class: "ivu-mt ivu-text-right",
-            total: m.list.total,
-            current: m.list.pageNo,
-            "show-total": "",
-            "show-sizer": "",
-            "page-size": m.list.limit,
-            onOnChange: m.onPageNoChange,
-            onOnPageSizeChange: m.handleChangePageSize
-          }, null, 8, ["total", "current", "page-size", "onOnChange", "onOnPageSizeChange"])
-        ]),
-        _: 3
-      })
-    ])) : createCommentVNode("", !0),
-    m.modalInfo ? (openBlock(), createBlock(un, {
-      key: 1,
-      modelValue: m.isShowForm,
-      "onUpdate:modelValue": f[2] || (f[2] = (ne) => m.isShowForm = ne),
-      title: "预览",
-      width: "800",
-      "ok-text": "关闭",
-      "cancel-text": ""
+          default: withCtx(() => [
+            createVNode(N, {
+              size: "small",
+              icon: "md-trash",
+              type: "error"
+            }, {
+              default: withCtx(() => [...f[6] || (f[6] = [
+                createTextVNode("删除", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 1
+    }, 8, ["columns", "data"]),
+    createVNode(He, {
+      modelValue: m.edit.isShowEdit,
+      "onUpdate:modelValue": f[3] || (f[3] = (Ce) => m.edit.isShowEdit = Ce),
+      title: m.getTitle,
+      width: "650",
+      "ok-text": "保存",
+      onOnOk: m.save
     }, {
       default: withCtx(() => [
-        createVNode(kt, {
-          ref: "FormLoader",
-          "api-prefix": m.apiPrefix
-        }, null, 8, ["api-prefix"])
+        m.isCreateTop ? (openBlock(), createElementBlock("p", _hoisted_2, "你将新建顶级的" + toDisplayString(m.name) + "。", 1)) : createCommentVNode("", !0),
+        !m.isUpdate && !m.isCreateTop ? (openBlock(), createElementBlock("p", _hoisted_3, "你将在" + toDisplayString(m.name) + "[" + toDisplayString(m.edit.parent) + "]下面传新建子" + toDisplayString(m.name) + "。", 1)) : createCommentVNode("", !0),
+        createVNode(cn, {
+          "label-width": 100,
+          modelValue: m.edit.row,
+          "onUpdate:modelValue": f[2] || (f[2] = (Ce) => m.edit.row = Ce),
+          style: { margin: "5%" }
+        }, {
+          default: withCtx(() => [
+            withDirectives(createVNode(_e, {
+              label: "父亲" + m.name
+            }, {
+              default: withCtx(() => [
+                createVNode(Ee, {
+                  ref: "selectParent",
+                  "tree-json": m.data
+                }, null, 8, ["tree-json"])
+              ]),
+              _: 1
+            }, 8, ["label"]), [
+              [vShow, !m.isCreateTop]
+            ]),
+            createVNode(_e, {
+              label: m.name + "名称",
+              prop: "name"
+            }, {
+              default: withCtx(() => [
+                createVNode(Nt, {
+                  type: "text",
+                  modelValue: m.edit.row.name,
+                  "onUpdate:modelValue": f[0] || (f[0] = (Ce) => m.edit.row.name = Ce),
+                  placeholder: "名称为必填"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(m.formFields, (Ce, kt) => (openBlock(), createBlock(_e, {
+              key: kt,
+              label: Ce.name,
+              prop: Ce.prop
+            }, {
+              default: withCtx(() => [
+                createVNode(Nt, {
+                  type: "text",
+                  modelValue: m.edit.row[Ce.key],
+                  "onUpdate:modelValue": (un) => m.edit.row[Ce.key] = un,
+                  placeholder: Ce.placeholder
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+              ]),
+              _: 2
+            }, 1032, ["label", "prop"]))), 128)),
+            createVNode(_e, {
+              label: m.name + "说明",
+              prop: "content"
+            }, {
+              default: withCtx(() => [
+                createVNode(Nt, {
+                  type: "textarea",
+                  modelValue: m.edit.row.content,
+                  "onUpdate:modelValue": f[1] || (f[1] = (Ce) => m.edit.row.content = Ce),
+                  rows: 4,
+                  placeholder: "简介、说明、备注，选填"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
       ]),
       _: 1
-    }, 8, ["modelValue"])) : createCommentVNode("", !0),
-    !m.modalInfo && m.isShowForm ? (openBlock(), createElementBlock("span", _hoisted_7, [
-      createElementVNode("a", {
-        href: "#",
-        onClick: f[3] || (f[3] = (ne) => m.isShowForm = !1)
-      }, "返回列表")
-    ])) : createCommentVNode("", !0)
+    }, 8, ["modelValue", "title", "onOnOk"])
   ]);
 }
-const ListLoader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-ed548002"]]), _sfc_main = {
-  components: {
-    ListLoader
+const TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-80f72d55"]]), _sfc_main = {
+  components: { TreeTable },
+  data() {
+    return {
+      api: "dd",
+      list: [
+        {
+          title: "名称",
+          key: "name",
+          align: "left",
+          tree: !0,
+          maxWidth: 200
+        },
+        {
+          title: "值（value）",
+          key: "value",
+          align: "center"
+        },
+        {
+          title: "说明",
+          align: "center",
+          key: "content"
+        },
+        {
+          title: "扩展属性",
+          align: "center",
+          key: "extraData"
+        },
+        {
+          title: "创建日期",
+          align: "center",
+          width: 150,
+          render(m, { row: f }) {
+            if (f.createDate) {
+              let p = f.createDate.split(":");
+              return p.pop(), m("span", p.join(":"));
+            }
+          }
+          // key: 'createDate'
+        }
+      ],
+      formFields: [{
+        name: "值（Value）",
+        key: "value"
+      }]
+    };
   }
 };
 function _sfc_render(m, f, p, t, $, O) {
-  const N = resolveComponent("ListLoader");
-  return openBlock(), createBlock(N, {
-    id: 103,
-    "edit-route": "/resource/article_edit"
-  });
+  const N = resolveComponent("TreeTable");
+  return openBlock(), createElementBlock("div", null, [
+    f[0] || (f[0] = createElementVNode("h1", null, "数据字典", -1)),
+    createVNode(N, {
+      name: "组织机构",
+      list: $.list,
+      api: $.api,
+      "form-fields": $.formFields
+    }, null, 8, ["list", "api", "form-fields"])
+  ]);
 }
-const Article = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]), admin = { HomePage, Login }, system = { DataDict };
+const DataDict = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]), admin = { HomePage, Login }, system = { Article, DataDict };
 export {
-  Article,
   HtmlEditor,
   MyButton,
   admin,