super-page-designer 2.1.90 → 2.1.98

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js

@@ -1,706 +1,120 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, toDisplayString, Fragment, renderList, createElementVNode, createTextVNode, withDirectives, vShow, createCommentVNode } from "vue";
-import { Top, Bottom, Delete, Plus } from "@element-plus/icons";
-import { ElMessageBox } from "element-plus";
-import BindVariable from "../../../assemblys/common/common-variable-bind.vue.js";
-import { getUuidv4 } from "../../../../utils/common-util.js";
-import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
-import { useDraggable } from "vue-draggable-plus";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { style: { "display": "flex" } };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { style: { "display": "flex" } };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = ["title"];
-const _hoisted_10 = { key: 0 };
-const _hoisted_11 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "quick-add-fields",
-  props: {
-    model: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const allEditState = ref(null);
-    const allExporEditState = ref(null);
-    ref([]);
-    const thisRef = ref(null);
-    onMounted(() => {
-      if (thisRef.value.$el) {
-        let tbody = thisRef.value.$el.getElementsByClassName("el-table__body");
-        if (tbody && tbody.length > 0) {
-          tbody = tbody[0].getElementsByTagName("tbody");
-          if (tbody && tbody.length > 0) {
-            console.log("tbody", tbody);
-            useDraggable(tbody[0], props.model.fieldInfos, {
-              group: "el-table__row",
-              handle: "amb-field-move",
-              animation: 300,
-              forceFallback: true,
-              sort: true,
-              onAdd(event) {
-              }
-            });
-          }
-        }
-      }
+import { defineComponent as e, ref as l, onMounted as a, resolveComponent as o, openBlock as t, createBlock as u, withCtx as d, createVNode as n, unref as i, createElementBlock as m, toDisplayString as r, Fragment as s, renderList as f, createElementVNode as p, createTextVNode as c, withDirectives as b, vShow as v, createCommentVNode as w } from "vue";
+import { Top as h, Bottom as y, Delete as g, Plus as V } from "@element-plus/icons";
+import { ElMessageBox as N } from "element-plus";
+import k from "../../../assemblys/common/common-variable-bind.vue.js";
+import { getUuidv4 as _ } from "../../../../utils/common-util.js";
+import { getFormComponentOptions as x } from "../../../../utils/assemblys-config.js";
+import { useDraggable as I } from "vue-draggable-plus";
+const C = { key: 0 }, U = { key: 0 }, T = { key: 0 }, z = { style: { display: "flex" } }, q = { key: 0 }, B = { style: { display: "flex" } }, F = { key: 0 }, E = { key: 0 }, j = ["title"], S = { key: 0 }, L = { key: 0 }, M = e({ __name: "quick-add-fields", props: { model: { type: Object, required: true } }, setup(e2, { expose: M2 }) {
+  const A = e2, D = l(null), R = l(null);
+  l([]);
+  const $ = l(null);
+  a(() => {
+    if ($.value.$el) {
+      let e3 = $.value.$el.getElementsByClassName("el-table__body");
+      e3 && e3.length > 0 && (e3 = e3[0].getElementsByTagName("tbody"), e3 && e3.length > 0 && I(e3[0], A.model.fieldInfos, { group: "el-table__row", handle: "amb-field-move", animation: 300, forceFallback: true, sort: true, onAdd(e4) {
+      } }));
+    }
+  });
+  const O = l([{ value: "left", label: "靠左" }, { value: "center", label: "居中" }, { value: "right", label: "靠右" }]), P = l([{ value: "readonly", label: "只读" }, { value: "disabled", label: "禁用" }]), G = l([]);
+  for (let e3 = 2; e3 <= 24; e3 += 2)
+    G.value.push({ value: e3, label: e3 });
+  const H = [{ value: "required", label: "必填" }, { value: "string", label: "文本" }, { value: "integer", label: "整形" }, { value: "number", label: "数字" }, { value: "boolean", label: "布尔" }, { value: "float", label: "小数" }, { value: "date", label: "日期" }, { value: "email", label: "邮箱" }, { value: "url", label: "网址" }], J = [{ value: "no", label: "不查询" }, { value: "normal", label: "普通查询" }, { value: "advanced", label: "高级查询" }], K = x(), Q = l(null);
+  function W(e3) {
+  }
+  function X(e3) {
+  }
+  function Y(e3) {
+    Q.value = e3.uuid;
+  }
+  function Z() {
+    if (!A.model.fieldInfos || 0 == A.model.fieldInfos.length)
+      return;
+    const e3 = D.value ? "确定全部设置为可编辑吗?" : "确定要全部取消可编辑吗?";
+    N.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
+      for (let e5 of A.model.fieldInfos)
+        D.value ? e5.componentName || (e5.componentName = "input-text") : e5.componentName = null;
     });
-    const alignOptions = ref([
-      {
-        value: "left",
-        label: "靠左"
-      },
-      {
-        value: "center",
-        label: "居中"
-      },
-      {
-        value: "right",
-        label: "靠右"
-      }
-    ]);
-    const stateOptions = ref([
-      {
-        value: "readonly",
-        label: "只读"
-      },
-      {
-        value: "disabled",
-        label: "禁用"
-      }
-    ]);
-    const widthOptions = ref([]);
-    for (let i = 2; i <= 24; i += 2) {
-      widthOptions.value.push({
-        value: i,
-        label: i
-      });
-    }
-    const validOptions = [
-      {
-        value: "required",
-        label: "必填"
-      },
-      {
-        value: "string",
-        label: "文本"
-      },
-      {
-        value: "integer",
-        label: "整形"
-      },
-      {
-        value: "number",
-        label: "数字"
-      },
-      {
-        value: "boolean",
-        label: "布尔"
-      },
-      {
-        value: "float",
-        label: "小数"
-      },
-      {
-        value: "date",
-        label: "日期"
-      },
-      {
-        value: "email",
-        label: "邮箱"
-      },
-      {
-        value: "url",
-        label: "网址"
-      }
-    ];
-    const querySettingOptions = [
-      {
-        value: "no",
-        label: "不查询"
-      },
-      {
-        value: "normal",
-        label: "普通查询"
-      },
-      {
-        value: "advanced",
-        label: "高级查询"
-      }
-    ];
-    const formComponents = getFormComponentOptions();
-    const selRowUuid = ref(null);
-    function onMouseEnter(obj) {
-    }
-    function onMouseLeave(obj) {
-    }
-    function onRowClick(obj) {
-      selRowUuid.value = obj.uuid;
-    }
-    function fieldChange(rowObj) {
-      if (!rowObj.title && rowObj.fieldName) {
-        const selItems = props.model.modelFields.filter((item) => {
-          return item.dbColumnName == rowObj.fieldName;
-        });
-        if (selItems.length > 0) {
-          rowObj.title = selItems[0].alias;
-        }
-      }
-    }
-    function updateEditState() {
-      if (!props.model.fieldInfos || props.model.fieldInfos.length == 0) {
-        return;
-      }
-      const message = allEditState.value ? "确定全部设置为可编辑吗?" : "确定要全部取消可编辑吗?";
-      ElMessageBox.confirm(message, "确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(({ value }) => {
-        for (let f of props.model.fieldInfos) {
-          if (allEditState.value) {
-            if (!f.componentName) {
-              f.componentName = "input-text";
-            }
-          } else {
-            f.componentName = null;
-          }
-        }
-      });
-    }
-    function exporEditState() {
-      if (!props.model.fieldInfos || props.model.fieldInfos.length == 0) {
-        return;
-      }
-      const message = allExporEditState.value ? "确定全部设置为可导出吗?" : "确定要全部取消可导出吗?";
-      ElMessageBox.confirm(message, "确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(({ value }) => {
-        for (let f of props.model.fieldInfos) {
-          if (allExporEditState.value) {
-            if (!f.exportable) {
-              f.exportable = true;
-            }
-          } else {
-            f.exportable = false;
-          }
-        }
-      });
-    }
-    function removeAll() {
-      ElMessageBox.confirm("确定要全部清除吗?", "确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(({ value }) => {
-        props.model.fieldInfos = [];
-        add(null);
-      });
-    }
-    function remove(rowObj) {
-      const existIndex = queryIndex(rowObj);
-      if (existIndex > -1) {
-        props.model.fieldInfos.splice(existIndex, 1);
-        if (props.model.fieldInfos.length == 0) {
-          add(null);
+  }
+  function ee() {
+    if (!A.model.fieldInfos || 0 == A.model.fieldInfos.length)
+      return;
+    const e3 = R.value ? "确定全部设置为可导出吗?" : "确定要全部取消可导出吗?";
+    N.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
+      for (let e5 of A.model.fieldInfos)
+        R.value ? e5.exportable || (e5.exportable = true) : e5.exportable = false;
+    });
+  }
+  function le() {
+    N.confirm("确定要全部清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e3 }) => {
+      A.model.fieldInfos = [], ae(null);
+    });
+  }
+  function ae(e3) {
+    const l2 = { uuid: _() };
+    "list" == A.model.pageType && (l2.isTable = true);
+    const a2 = oe(e3);
+    a2 > -1 ? A.model.fieldInfos.splice(a2 + 1, 0, l2) : A.model.fieldInfos.push(l2), setTimeout(() => {
+      Q.value = l2.uuid;
+    }, 20);
+  }
+  function oe(e3) {
+    let l2 = -1;
+    if (!e3)
+      return l2;
+    const a2 = A.model.fieldInfos.length;
+    for (let o2 = 0; o2 < a2; o2++)
+      if (A.model.fieldInfos[o2].uuid == e3.uuid) {
+        l2 = o2;
+        break;
+      }
+    return l2;
+  }
+  return 0 == A.model.fieldInfos.length && ae(null), M2({ updateInitFields: function() {
+    const e3 = {};
+    if (A.model.modelFields)
+      for (let l3 of A.model.modelFields)
+        e3[l3.dbColumnName] = l3;
+    const l2 = {};
+    for (let a2 of A.model.fieldInfos)
+      a2.fieldName && (e3[a2.fieldName] ? l2[a2.fieldName] = true : a2.fieldName = null);
+    if (A.model.modelFields) {
+      let e4 = false;
+      for (let a2 of A.model.modelFields)
+        if ("ID" != a2.dbColumnName && !a2.edit && !l2[a2.dbColumnName]) {
+          const l3 = { uuid: _(), fieldName: a2.dbColumnName, title: a2.alias, width: 8, dataType: a2.dataType };
+          "form" == A.model.pageType && ("DATE" == a2.type || "TIME" == a2.type ? l3.componentName = "datePicker" : l3.componentName = "input-text", a2.alias && (a2.alias.includes("备注") || a2.alias.includes("说明")) && (l3.componentName = "textarea", l3.width = 24)), A.model.fieldInfos.push(l3), e4 = true;
         }
+      if (e4) {
+        const e5 = A.model.fieldInfos[0];
+        e5.fieldName || e5.title || e5.componentName || A.model.fieldInfos.splice(0, 1), Q.value = A.model.fieldInfos[0].uuid;
       }
     }
-    function add(rowObj) {
-      const rowItem = {
-        uuid: getUuidv4()
-      };
-      if (props.model.pageType == "list") {
-        rowItem.isTable = true;
-      }
-      const existIndex = queryIndex(rowObj);
-      if (existIndex > -1) {
-        props.model.fieldInfos.splice(existIndex + 1, 0, rowItem);
-      } else {
-        props.model.fieldInfos.push(rowItem);
-      }
-      setTimeout(() => {
-        selRowUuid.value = rowItem.uuid;
-      }, 20);
-    }
-    if (props.model.fieldInfos.length == 0) {
-      add(null);
-    }
-    function moveTop(rowItem) {
-      let sortIndex = queryIndex(rowItem);
-      if (sortIndex < 1) {
-        return;
-      }
-      const items = props.model.fieldInfos;
-      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
-    }
-    function moveToBottom(rowItem) {
-      let sortIndex = queryIndex(rowItem);
-      const items = props.model.fieldInfos;
-      if (sortIndex == -1 || items.length == sortIndex + 1) {
+  } }), (l2, a2) => {
+    const N2 = o("el-icon"), _2 = o("el-table-column"), x2 = o("el-option"), I2 = o("el-select"), M3 = o("el-input"), te = o("el-checkbox"), ue = o("el-switch"), de = o("el-table");
+    return t(), u(de, { size: "small", border: "", "highlight-current-row": "", data: e2.model.fieldInfos, onRowClick: Y, onCellMouseEnter: W, onCellMouseLeave: X, style: { width: "100%" }, ref_key: "thisRef", ref: $ }, { default: d(() => [n(_2, { width: "36" }, { default: d((e3) => [n(N2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = oe(e4);
+      if (l4 < 1)
         return;
-      }
-      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
-    }
-    function queryIndex(rowItem) {
-      let sortIndex = -1;
-      if (!rowItem) {
-        return sortIndex;
-      }
-      const itemLen = props.model.fieldInfos.length;
-      for (let index = 0; index < itemLen; index++) {
-        if (props.model.fieldInfos[index].uuid == rowItem.uuid) {
-          sortIndex = index;
-          break;
-        }
-      }
-      return sortIndex;
-    }
-    function updatePropValue(val, rowObj) {
-      rowObj.value = val;
-    }
-    function updateInitFields() {
-      const nameMap = {};
-      if (props.model.modelFields) {
-        for (let f of props.model.modelFields) {
-          nameMap[f.dbColumnName] = f;
-        }
-      }
-      const existMap = {};
-      for (let row of props.model.fieldInfos) {
-        if (row.fieldName) {
-          if (!nameMap[row.fieldName]) {
-            row.fieldName = null;
-          } else {
-            existMap[row.fieldName] = true;
-          }
-        }
-      }
-      if (props.model.modelFields) {
-        let hasAdd = false;
-        for (let f of props.model.modelFields) {
-          if (f.dbColumnName == "ID") {
-            continue;
-          }
-          if (f.edit) {
-            continue;
-          }
-          if (!existMap[f.dbColumnName]) {
-            const rowItem = {
-              uuid: getUuidv4(),
-              fieldName: f.dbColumnName,
-              title: f.alias,
-              width: 8,
-              dataType: f.dataType
-            };
-            if (props.model.pageType == "form") {
-              if (f.type == "DATE" || f.type == "TIME") {
-                rowItem.componentName = "datePicker";
-              } else {
-                rowItem.componentName = "input-text";
-              }
-              if (f.alias && (f.alias.includes("备注") || f.alias.includes("说明"))) {
-                rowItem.componentName = "textarea";
-                rowItem.width = 24;
-              }
-            }
-            props.model.fieldInfos.push(rowItem);
-            hasAdd = true;
-          }
-        }
-        if (hasAdd) {
-          const firstItem = props.model.fieldInfos[0];
-          if (!firstItem.fieldName && !firstItem.title && !firstItem.componentName) {
-            props.model.fieldInfos.splice(0, 1);
-          }
-          selRowUuid.value = props.model.fieldInfos[0].uuid;
-        }
-      }
-    }
-    __expose({
-      updateInitFields
-    });
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_switch = resolveComponent("el-switch");
-      const _component_el_table = resolveComponent("el-table");
-      return openBlock(), createBlock(_component_el_table, {
-        size: "small",
-        border: "",
-        "highlight-current-row": "",
-        data: __props.model.fieldInfos,
-        onRowClick,
-        onCellMouseEnter: onMouseEnter,
-        onCellMouseLeave: onMouseLeave,
-        style: { "width": "100%" },
-        ref_key: "thisRef",
-        ref: thisRef
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_table_column, { width: "36" }, {
-            default: withCtx((scope) => [
-              createVNode(_component_el_icon, {
-                size: "14",
-                style: { "cursor": "pointer" },
-                onClick: ($event) => moveTop(scope.row)
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Top))
-                ]),
-                _: 2
-              }, 1032, ["onClick"]),
-              createVNode(_component_el_icon, {
-                size: "14",
-                style: { "margin-left": "2px", "cursor": "pointer" },
-                onClick: ($event) => moveToBottom(scope.row)
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Bottom))
-                ]),
-                _: 2
-              }, 1032, ["onClick"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            width: "40",
-            align: "center"
-          }, {
-            header: withCtx((scope) => [
-              createVNode(_component_el_icon, {
-                size: "14",
-                style: { "margin-left": "2px", "cursor": "pointer" },
-                onClick: removeAll
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Delete))
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx((scope) => [
-              createVNode(_component_el_icon, {
-                size: "14",
-                style: { "cursor": "pointer" },
-                onClick: ($event) => add(scope.row)
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Plus))
-                ]),
-                _: 2
-              }, 1032, ["onClick"]),
-              createVNode(_component_el_icon, {
-                size: "14",
-                style: { "margin-left": "2px", "cursor": "pointer" },
-                onClick: ($event) => remove(scope.row)
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Delete))
-                ]),
-                _: 2
-              }, 1032, ["onClick"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "fieldName",
-            label: "字段",
-            width: "140"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_1, toDisplayString(scope.row.fieldName), 1)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.fieldName,
-                "onUpdate:modelValue": ($event) => scope.row.fieldName = $event,
-                clearable: "",
-                filterable: "",
-                placeholder: "请选择",
-                onChange: ($event) => fieldChange(scope.row)
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.model.modelFields, (f) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      label: f.alias + "(" + f.dbColumnName + ")",
-                      value: f.dbColumnName
-                    }, null, 8, ["label", "value"]);
-                  }), 256))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "title",
-            label: "标题",
-            width: "140"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(scope.row.title), 1)) : (openBlock(), createBlock(_component_el_input, {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.title,
-                "onUpdate:modelValue": ($event) => scope.row.title = $event,
-                clearable: "",
-                placeholder: "请输入"
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "querySettingName",
-            label: "查询设置",
-            width: "140"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_3, toDisplayString(scope.row.querySettingName), 1)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.querySettingName,
-                "onUpdate:modelValue": ($event) => scope.row.querySettingName = $event,
-                clearable: "",
-                filterable: "",
-                placeholder: "请选择"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createElementBlock(Fragment, null, renderList(querySettingOptions, (o) => {
-                    return createVNode(_component_el_option, {
-                      label: o.label,
-                      value: o.value
-                    }, null, 8, ["label", "value"]);
-                  }), 64))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "exportable",
-            label: "导出",
-            width: "120"
-          }, {
-            header: withCtx(() => [
-              createElementVNode("div", _hoisted_4, [
-                createTextVNode(" 导出 "),
-                withDirectives(createVNode(_component_el_checkbox, {
-                  modelValue: allExporEditState.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => allExporEditState.value = $event),
-                  value: "1",
-                  label: "全部可导出",
-                  size: "small",
-                  style: { "margin-left": "6px" },
-                  onChange: exporEditState
-                }, null, 8, ["modelValue"]), [
-                  [vShow, __props.model.pageType == "list"]
-                ])
-              ])
-            ]),
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_5, toDisplayString(scope.row.exportable), 1)) : (openBlock(), createBlock(_component_el_switch, {
-                key: 1,
-                modelValue: scope.row.exportable,
-                "onUpdate:modelValue": ($event) => scope.row.exportable = $event
-              }, null, 8, ["modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "componentName",
-            width: "120"
-          }, {
-            header: withCtx(() => [
-              createElementVNode("div", _hoisted_6, [
-                createTextVNode(" 组件 "),
-                withDirectives(createVNode(_component_el_checkbox, {
-                  modelValue: allEditState.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => allEditState.value = $event),
-                  value: "1",
-                  label: "全部可编辑",
-                  size: "small",
-                  style: { "margin-left": "6px" },
-                  onChange: updateEditState
-                }, null, 8, ["modelValue"]), [
-                  [vShow, __props.model.pageType == "list"]
-                ])
-              ])
-            ]),
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_7, toDisplayString(scope.row.componentName), 1)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.componentName,
-                "onUpdate:modelValue": ($event) => scope.row.componentName = $event,
-                clearable: "",
-                filterable: "",
-                placeholder: "请选择"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(formComponents), (o) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      label: o.label,
-                      value: o.name
-                    }, null, 8, ["label", "value"]);
-                  }), 256))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "state",
-            label: "状态",
-            width: "70"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_8, toDisplayString(scope.row.state), 1)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                size: "small",
-                disabled: !scope.row.componentName,
-                modelValue: scope.row.state,
-                "onUpdate:modelValue": ($event) => scope.row.state = $event,
-                clearable: "",
-                filterable: "",
-                placeholder: "默认"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(stateOptions.value, (o) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      value: o.value,
-                      label: o.label
-                    }, null, 8, ["value", "label"]);
-                  }), 256))
-                ]),
-                _: 2
-              }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_table_column, {
-            prop: "valid",
-            label: "校验",
-            width: "120"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", {
-                key: 0,
-                title: scope.row.valid
-              }, toDisplayString(scope.row.valid), 9, _hoisted_9)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                disabled: !scope.row.componentName,
-                size: "small",
-                modelValue: scope.row.valid,
-                "onUpdate:modelValue": ($event) => scope.row.valid = $event,
-                clearable: "",
-                placeholder: "无校验",
-                multiple: "",
-                "collapse-tags": "",
-                "collapse-tags-tooltip": ""
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createElementBlock(Fragment, null, renderList(validOptions, (field, index) => {
-                    return createVNode(_component_el_option, {
-                      label: field.label,
-                      value: field.value
-                    }, null, 8, ["label", "value"]);
-                  }), 64))
-                ]),
-                _: 2
-              }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          }),
-          __props.model.pageType == "form" ? (openBlock(), createBlock(_component_el_table_column, {
-            key: 0,
-            prop: "width",
-            label: "宽度(栏数)",
-            width: "75"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_10, toDisplayString(scope.row.width), 1)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.width,
-                "onUpdate:modelValue": ($event) => scope.row.width = $event,
-                clearable: "",
-                placeholder: "请选择"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(widthOptions.value, (o) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      value: o.value,
-                      label: o.label
-                    }, null, 8, ["value", "label"]);
-                  }), 256))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          __props.model.pageType == "list" ? (openBlock(), createBlock(_component_el_table_column, {
-            key: 1,
-            prop: "align",
-            label: "左右对齐",
-            width: "70"
-          }, {
-            default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_11, toDisplayString(scope.row.align), 1)) : (openBlock(), createBlock(_component_el_select, {
-                key: 1,
-                size: "small",
-                modelValue: scope.row.align,
-                "onUpdate:modelValue": ($event) => scope.row.align = $event,
-                clearable: "",
-                placeholder: "请选择"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(alignOptions.value, (o) => {
-                    return openBlock(), createBlock(_component_el_option, {
-                      value: o.value,
-                      label: o.label
-                    }, null, 8, ["value", "label"]);
-                  }), 256))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"]))
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          createVNode(_component_el_table_column, {
-            prop: "value",
-            label: "默认值",
-            width: "120"
-          }, {
-            default: withCtx((scope) => [
-              createVNode(BindVariable, {
-                showLabel: scope.row.uuid != selRowUuid.value || !scope.row.componentName,
-                modelValue: scope.row.value,
-                paramTypes: ["request", "context", "page", "fixed"],
-                "onUpdate:modelValue": (val) => updatePropValue(val, scope.row)
-              }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["data"]);
-    };
-  }
-});
+      const a3 = A.model.fieldInfos;
+      [a3[l4 - 1], a3[l4]] = [a3[l4], a3[l4 - 1]];
+    }(e3.row) }, { default: d(() => [n(i(h))]), _: 2 }, 1032, ["onClick"]), n(N2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = oe(e4);
+      const a3 = A.model.fieldInfos;
+      -1 != l4 && a3.length != l4 + 1 && ([a3[l4], a3[l4 + 1]] = [a3[l4 + 1], a3[l4]]);
+    }(e3.row) }, { default: d(() => [n(i(y))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), n(_2, { width: "40", align: "center" }, { header: d((e3) => [n(N2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: le }, { default: d(() => [n(i(g))]), _: 1 })]), default: d((e3) => [n(N2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => ae(e3.row) }, { default: d(() => [n(i(V))]), _: 2 }, 1032, ["onClick"]), n(N2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      const l4 = oe(e4);
+      l4 > -1 && (A.model.fieldInfos.splice(l4, 1), 0 == A.model.fieldInfos.length && ae(null));
+    }(e3.row) }, { default: d(() => [n(i(g))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), n(_2, { prop: "fieldName", label: "字段", width: "140" }, { default: d((l3) => [l3.row.uuid != Q.value ? (t(), m("label", C, r(l3.row.fieldName), 1)) : (t(), u(I2, { key: 1, size: "small", modelValue: l3.row.fieldName, "onUpdate:modelValue": (e3) => l3.row.fieldName = e3, clearable: "", filterable: "", placeholder: "请选择", onChange: (e3) => function(e4) {
+      if (!e4.title && e4.fieldName) {
+        const l4 = A.model.modelFields.filter((l5) => l5.dbColumnName == e4.fieldName);
+        l4.length > 0 && (e4.title = l4[0].alias);
+      }
+    }(l3.row) }, { default: d(() => [(t(true), m(s, null, f(e2.model.modelFields, (e3) => (t(), u(x2, { label: e3.alias + "(" + e3.dbColumnName + ")", value: e3.dbColumnName }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))]), _: 1 }), n(_2, { prop: "title", label: "标题", width: "140" }, { default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", U, r(e3.row.title), 1)) : (t(), u(M3, { key: 1, size: "small", modelValue: e3.row.title, "onUpdate:modelValue": (l3) => e3.row.title = l3, clearable: "", placeholder: "请输入" }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(_2, { prop: "querySettingName", label: "查询设置", width: "140" }, { default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", T, r(e3.row.querySettingName), 1)) : (t(), u(I2, { key: 1, size: "small", modelValue: e3.row.querySettingName, "onUpdate:modelValue": (l3) => e3.row.querySettingName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: d(() => [(t(), m(s, null, f(J, (e4) => n(x2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(_2, { prop: "exportable", label: "导出", width: "120" }, { header: d(() => [p("div", z, [c(" 导出 "), b(n(te, { modelValue: R.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => R.value = e3), value: "1", label: "全部可导出", size: "small", style: { "margin-left": "6px" }, onChange: ee }, null, 8, ["modelValue"]), [[v, "list" == e2.model.pageType]])])]), default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", q, r(e3.row.exportable), 1)) : (t(), u(ue, { key: 1, modelValue: e3.row.exportable, "onUpdate:modelValue": (l3) => e3.row.exportable = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(_2, { prop: "componentName", width: "120" }, { header: d(() => [p("div", B, [c(" 组件 "), b(n(te, { modelValue: D.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => D.value = e3), value: "1", label: "全部可编辑", size: "small", style: { "margin-left": "6px" }, onChange: Z }, null, 8, ["modelValue"]), [[v, "list" == e2.model.pageType]])])]), default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", F, r(e3.row.componentName), 1)) : (t(), u(I2, { key: 1, size: "small", modelValue: e3.row.componentName, "onUpdate:modelValue": (l3) => e3.row.componentName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: d(() => [(t(true), m(s, null, f(i(K), (e4) => (t(), u(x2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(_2, { prop: "state", label: "状态", width: "70" }, { default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", E, r(e3.row.state), 1)) : (t(), u(I2, { key: 1, size: "small", disabled: !e3.row.componentName, modelValue: e3.row.state, "onUpdate:modelValue": (l3) => e3.row.state = l3, clearable: "", filterable: "", placeholder: "默认" }, { default: d(() => [(t(true), m(s, null, f(P.value, (e4) => (t(), u(x2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(_2, { prop: "valid", label: "校验", width: "120" }, { default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", { key: 0, title: e3.row.valid }, r(e3.row.valid), 9, j)) : (t(), u(I2, { key: 1, disabled: !e3.row.componentName, size: "small", modelValue: e3.row.valid, "onUpdate:modelValue": (l3) => e3.row.valid = l3, clearable: "", placeholder: "无校验", multiple: "", "collapse-tags": "", "collapse-tags-tooltip": "" }, { default: d(() => [(t(), m(s, null, f(H, (e4, l3) => n(x2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), "form" == e2.model.pageType ? (t(), u(_2, { key: 0, prop: "width", label: "宽度(栏数)", width: "75" }, { default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", S, r(e3.row.width), 1)) : (t(), u(I2, { key: 1, size: "small", modelValue: e3.row.width, "onUpdate:modelValue": (l3) => e3.row.width = l3, clearable: "", placeholder: "请选择" }, { default: d(() => [(t(true), m(s, null, f(G.value, (e4) => (t(), u(x2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : w("", true), "list" == e2.model.pageType ? (t(), u(_2, { key: 1, prop: "align", label: "左右对齐", width: "70" }, { default: d((e3) => [e3.row.uuid != Q.value ? (t(), m("label", L, r(e3.row.align), 1)) : (t(), u(I2, { key: 1, size: "small", modelValue: e3.row.align, "onUpdate:modelValue": (l3) => e3.row.align = l3, clearable: "", placeholder: "请选择" }, { default: d(() => [(t(true), m(s, null, f(O.value, (e4) => (t(), u(x2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : w("", true), n(_2, { prop: "value", label: "默认值", width: "120" }, { default: d((e3) => [n(k, { showLabel: e3.row.uuid != Q.value || !e3.row.componentName, modelValue: e3.row.value, paramTypes: ["request", "context", "page", "fixed"], "onUpdate:modelValue": (l3) => function(e4, l4) {
+      l4.value = e4;
+    }(l3, e3.row) }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])]), _: 1 })]), _: 1 }, 8, ["data"]);
+  };
+} });
 export {
-  _sfc_main as default
+  M as default
 };