@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/AttributeList.js

@@ -0,0 +1,870 @@
+import '../../style.css';
+import draggable from "@epxing/core/src/components/draggable";
+import EntitySubList from "@epxing/components/src/entity-sub-list";
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, toDisplayString, withDirectives, createBlock, mergeProps, Fragment, renderList, normalizeClass, createCommentVNode, withModifiers } from "vue";
+/* empty css                  */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-attribute-list",
+  extends: EntitySubList,
+  queryParams: {
+    sort: "ORDER_NUM"
+  },
+  relationId: "attri",
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      drag: false,
+      activeTab: "base",
+      baseFields: [],
+      styleFields: [],
+      advanceFields: [],
+      form: {},
+      defaultValue: {},
+      showAttribute: false,
+      searchKey: "",
+      checkList: [],
+      layout: "list",
+      httpRequest: false,
+      isContinue: false
+    };
+  },
+  computed: {
+    showFlag() {
+      return !this.$configs.showCondition || this.$configs.showCondition.length === 0 || this.$util.runExpByScope.call(this, this.$configs.showCondition, this.formData);
+    },
+    dragOptions() {
+      return {
+        animation: 200,
+        group: "description",
+        disabled: false,
+        ghostClass: "ghost"
+      };
+    },
+    valueFieldConfigs() {
+      return (fieldConfigs) => {
+        const obj = { ...fieldConfigs, dataType: this.form.DATA_TYPE, datePrecision: this.form.DATE_PRECISION };
+        if (["object", "multiobject"].includes(this.form.DATA_TYPE)) {
+          obj.codeKey = this.form.RELATED_ENTITY;
+        }
+        if (["list", "treeList"].includes(this.form.DATA_TYPE)) {
+          obj.codeKey = this.form.CODE_KEY;
+          obj.dataType = this.form.OPTION_TYPE || this.form.DATA_TYPE;
+        }
+        return obj;
+      };
+    }
+  },
+  watch: {
+    checkList(v) {
+      const check = v.filter((item) => item !== "all");
+      if (check.length === this.data.length && !v.includes("all")) {
+        this.checkList.push("all");
+      }
+    },
+    "form.RELATED_ENTITY"(v) {
+      const controlIndex = this.advanceFields.findIndex((item) => item.attriName === "SCOPE_PARAMS");
+      if (controlIndex !== -1) {
+        this.advanceFields.splice(controlIndex, 1, { ...this.advanceFields[controlIndex], metaId: this.form.DATA_TYPE === "user" ? "FM_USER" : this.form.DATA_TYPE === "dept" ? "FM_DEPT" : v });
+      }
+    },
+    "form.RELY_ATTRI"(v) {
+    },
+    "form.RELY_TYPE"(v) {
+      if (v === "select" || v === "value") {
+        this.form.OBJECT_SCOPE = null;
+        this.form.RELY_CONDITION = null;
+      } else if (v === "scope") {
+        this.form.RELY_CONDITION = null;
+      } else if (v === "show") {
+        this.form.OBJECT_SCOPE = null;
+      }
+    },
+    "form.IS_TREE"(v) {
+      if (!v || !this.openValueListener) return;
+      if (v === "1") {
+        this.form.OBJECT_WAY = "option";
+      } else {
+        this.form.OBJECT_WAY = "dialog";
+      }
+    }
+  },
+  methods: {
+    getAddFieldConfigs() {
+      const { baseFields = [], styleFields = [], advanceFields = [] } = this.$configs;
+      this.$FieldFactory.createFields({
+        meta: this.$meta,
+        metaId: this.$metaId,
+        pageType: "EDIT",
+        fields: [...baseFields, ...styleFields, ...advanceFields]
+      }).then((data) => {
+        data.forEach((item) => {
+          if (item.attriName === "RELY_ATTRI") {
+            item.metaId = this.$query.id;
+          } else if (item.attriName === "ORDER_FIELD_SCOPE") {
+            item.scopeParams = [{ field: "ENTITY_ID", values: this.$query.id }];
+          }
+        });
+        this.baseFields = data.filter((item) => baseFields.find((field) => item.attriName === (field.attriName || field)));
+        this.styleFields = data.filter((item) => styleFields.find((field) => item.attriName === (field.attriName || field)));
+        this.advanceFields = data.filter((item) => advanceFields.find((field) => item.attriName === (field.attriName || field)));
+      });
+    },
+    getDefaultValue() {
+      this.$http.get({
+        action: "getDefault",
+        entityId: "FM_ATTRIBUTE"
+      }).then((data) => {
+        this.defaultValue = {
+          ...this.defaultValue,
+          ...data.data
+        };
+      });
+    },
+    setAttribute(item) {
+      this.openValueListener = false;
+      this.$http.get({
+        entityId: this.$metaId,
+        id: item.ID
+      }).then((data) => {
+        this.form = { ...data.data };
+        this.showAttribute = false;
+        this.$nextTick(() => {
+          this.showAttribute = true;
+          this.openValueListener = true;
+        });
+      });
+    },
+    addAttribute() {
+      this.getOrderNum().then((data) => {
+        this.form = { ...this.defaultValue, ORDER_NUM: data.orderNum };
+        this.showAttribute = false;
+        this.$nextTick(() => {
+          this.showAttribute = true;
+        });
+      });
+    },
+    afterData(data) {
+      this.getAddFieldConfigs();
+    },
+    checkAll(flag) {
+      if (flag) {
+        const dataKeys = this.data.map((item) => item[this.$metaKey]);
+        this.checkList = ["all", ...dataKeys];
+      } else {
+        this.checkList = [];
+      }
+    },
+    moveEnd(evt) {
+      this.drag = false;
+      const str = this.data.reduce((str2, item, index) => str2 += item.ID + ":" + index + ",", "");
+      this.$http.$post({
+        action: "moveList",
+        entityId: "FM_ATTRIBUTE",
+        orderString: str
+      }).then(() => {
+        this.reloadData();
+      });
+    },
+    saveAttribute(con) {
+      const formData = {};
+      let submitFlag = true;
+      const forms = [
+        { form: this.$refs.baseForm, fieldConfigs: this.baseFields },
+        { form: this.$refs.styleForm, fieldConfigs: this.styleFields },
+        { form: this.$refs.advanceForm, fieldConfigs: this.advanceFields }
+      ];
+      forms.forEach(({ form, fieldConfigs }) => {
+        if (form) {
+          form.validate((valid, err) => {
+            if (!valid) {
+              for (const key in err) {
+                const errMessgae = err[key][0];
+                this.$message.error(errMessgae.message);
+                submitFlag = false;
+                return;
+              }
+            }
+          });
+          for (const field in form.model.data) {
+            if (!field.includes("#")) {
+              const formValue = form.model.data[field];
+              let submitValue = formValue;
+              const fieldConfig = fieldConfigs.find((item) => item.attriName === field) || {};
+              if (Array.isArray(formValue)) {
+                submitValue = formValue[formValue.length - 1];
+              }
+              formData[fieldConfig.name || `bean.${field}`] = this.$_.isNil(submitValue) ? "" : submitValue;
+            }
+          }
+        }
+      });
+      if (!submitFlag) return;
+      this.submitForm(formData, con);
+    },
+    search(key) {
+      this.searchKeyParams = {
+        keywordFields: "NAME,LABEL,DATA_TYPE",
+        keywordValue: this.searchKey
+      };
+    },
+    submitForm(formData, con) {
+      const params = {
+        action: formData["bean.ID"] ? "update" : "save",
+        entityId: this.$metaId,
+        "bean.CLIENT": this.CLIENT,
+        "bean.SYSTEM": this.SYSTEM,
+        "bean.ID": this.form.ID,
+        [`bean.${this.linkAttrData}`]: this.parentId,
+        ...formData
+      };
+      if (this.httpRequest) return;
+      this.isContinue = con === true;
+      this.httpRequest = true;
+      this.$http.save(params).then((data) => {
+        this.$message.success(this.$t("save successfully"));
+        this.httpRequest = false;
+        this.getData();
+        if (con === true) {
+          this.addAttribute();
+        } else {
+          this.showAttribute = false;
+          this.form = {};
+        }
+      }).catch((err) => {
+        this.httpRequest = false;
+        this.$message.error(err.message || this.$t("fail to save"));
+      });
+    },
+    removeEntity(config, row) {
+      let ids = "";
+      let key = "ID";
+      if (this.$meta) {
+        key = this.$meta.getKey();
+      }
+      if (row) {
+        ids = [row[key]];
+      } else {
+        if (this.checkList.length === 0) {
+          this.$message.error(this.$t("please select a record"));
+          return;
+        }
+        ids = this.checkList.filter((item) => item !== "all");
+      }
+      this.$confirm(this.$t("Confirm the deletion") + "?").then(() => {
+        this.$http.removeMulti({
+          entityId: this.$metaId,
+          ids: ids.join(",")
+        }).then(() => {
+          this.$message.success(this.$t("deleted successfully"));
+          this.checkList = [];
+          this.getData();
+        }).catch((err) => {
+          this.$message.error(err.message || this.$t("Delete failed"));
+        });
+      }).catch(() => {
+      });
+    },
+    getOrderNum() {
+      const { id: upparentId } = this.upPage.$query;
+      const { id: parentId = upparentId } = this.$query;
+      return this.$http.get({
+        action: "getNextOrderNum",
+        entityId: "FM_ATTRIBUTE",
+        parentId
+      });
+    },
+    entityImport() {
+      const { name } = this.$route || {};
+      const params = {
+        metaId: this.$metaId,
+        component: "import-page",
+        // 默认模板 epx-export + component
+        flag: "v_import"
+      };
+      if (name === "Config") {
+        params.openType = "2";
+        params.defaultFullscreen = true;
+      }
+      this.$createPage(params);
+    },
+    entityExport() {
+      const { name } = this.$route || {};
+      const { queryParams = {} } = this.$configs;
+      const params = {
+        ...this.$formatParams(queryParams),
+        ...this.queryParams
+      };
+      if (this.scopeParams) {
+        params.scopeParams = JSON.stringify(this.scopeParams);
+      }
+      const props = {
+        metaId: this.$metaId,
+        component: "export-page",
+        // 默认模板 epx-export + component
+        flag: "v_export",
+        selects: this.checkList.join(",").replaceAll("all,", ""),
+        total: this.total,
+        params,
+        fields: this.$meta.getAllFieldConfigs().map((item) => ({ attriName: item.attriName, attriLabel: item.attriLabel }))
+      };
+      if (name === "Config") {
+        props.openType = "2";
+        props.defaultFullscreen = true;
+      }
+      this.$createPage(props);
+    }
+  },
+  created() {
+    this.getDefaultValue();
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "container"
+};
+const _hoisted_2 = { class: "clearfix" };
+const _hoisted_3 = { class: "attribute-operate" };
+const _hoisted_4 = { class: "button-group" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "card-title" };
+const _hoisted_7 = { class: "attribute-title" };
+const _hoisted_8 = { class: "card-desc" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "table" };
+const _hoisted_11 = { class: "tr th" };
+const _hoisted_12 = { class: "td" };
+const _hoisted_13 = { class: "td" };
+const _hoisted_14 = { class: "td" };
+const _hoisted_15 = { class: "td" };
+const _hoisted_16 = { class: "td" };
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "td" };
+const _hoisted_19 = { class: "td" };
+const _hoisted_20 = { class: "td" };
+const _hoisted_21 = { class: "td" };
+const _hoisted_22 = { class: "td" };
+const _hoisted_23 = { class: "td" };
+const _hoisted_24 = { class: "td" };
+const _hoisted_25 = { class: "tags td" };
+const _hoisted_26 = {
+  key: 0,
+  class: "dynamic"
+};
+const _hoisted_27 = { class: "form-button__group" };
+const _hoisted_28 = { class: "form-button__group" };
+const _hoisted_29 = { class: "form-button__group" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_card = resolveComponent("el-card");
+  const _component_epx_rule = resolveComponent("epx-rule");
+  const _component_epx_table_form_item = resolveComponent("epx-table-form-item");
+  const _component_epx_table_form = resolveComponent("epx-table-form");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  const _directive_loading = resolveDirective("loading");
+  return $options.showFlag ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_card, { class: "attribute-list" }, {
+      header: withCtx(() => [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", null, toDisplayString(_ctx.$t("field list")), 1),
+          createVNode(_component_el_button, {
+            style: { "float": "right", "padding": "3px 0" },
+            type: "primary",
+            link: "",
+            icon: "epx-icon-menu",
+            onClick: _cache[0] || (_cache[0] = ($event) => $data.layout = $data.layout === "list" ? "card" : "list")
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($data.layout === "list" ? _ctx.$t("card layout") : _ctx.$t("list layout")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: _cache[1] || (_cache[1] = ($event) => $options.addAttribute())
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("add")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_button, { onClick: $options.removeEntity }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("delete")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, { onClick: $options.entityImport }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("import")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, { onClick: $options.entityExport }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("export")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          createVNode(_component_el_input, {
+            class: "search",
+            modelValue: $data.searchKey,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.searchKey = $event),
+            size: "default",
+            "suffix-icon": "el-icon-search",
+            placeholder: _ctx.$t("please enter your search content"),
+            onChange: $options.search
+          }, null, 8, ["modelValue", "placeholder", "onChange"])
+        ]),
+        $data.layout === "card" ? withDirectives((openBlock(), createBlock(_component_draggable, mergeProps({ key: 0 }, $options.dragOptions, {
+          class: "card-list",
+          modelValue: _ctx.data,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.data = $event),
+          tag: "ul",
+          onStart: _cache[4] || (_cache[4] = ($event) => $data.drag = true),
+          onEnd: $options.moveEnd
+        }), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+              return openBlock(), createElementBlock("li", {
+                class: normalizeClass(["card-item", { active: $data.form.ID === item.ID }]),
+                key: item.ID,
+                onClick: ($event) => $options.setAttribute(item)
+              }, [
+                createElementVNode("p", _hoisted_6, [
+                  createElementVNode("span", _hoisted_7, toDisplayString(item.LABEL), 1),
+                  item.IS_REQUIRED === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                    key: 0,
+                    class: "tag",
+                    size: "small",
+                    type: "danger"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("required")), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  item.IS_KEY === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                    key: 1,
+                    class: "tag",
+                    size: "small",
+                    type: "success"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("physics a primary key")), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  item.BUSI_KEY === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                    key: 2,
+                    class: "tag",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("natrual key")), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  item.IS_LABEL === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                    key: 3,
+                    class: "tag",
+                    size: "small",
+                    type: "warning"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("external label")), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ]),
+                createElementVNode("p", _hoisted_8, [
+                  createElementVNode("span", null, toDisplayString(_ctx.$t("serial number")) + "：" + toDisplayString(item.NAME), 1),
+                  createElementVNode("span", null, toDisplayString(_ctx.$t("type")) + "：" + toDisplayString(item["DATA_TYPE#"]), 1)
+                ]),
+                createElementVNode("i", {
+                  class: "delete-icon el-icon-close",
+                  onClick: ($event) => $options.removeEntity({}, item)
+                }, null, 8, _hoisted_9)
+              ], 10, _hoisted_5);
+            }), 128))
+          ]),
+          _: 1
+        }, 16, ["modelValue", "onEnd"])), [
+          [_directive_loading, _ctx.loading]
+        ]) : (openBlock(), createBlock(_component_el_checkbox_group, {
+          key: 1,
+          modelValue: $data.checkList,
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.checkList = $event)
+        }, {
+          default: withCtx(() => [
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_10, [
+              createElementVNode("div", _hoisted_11, [
+                _cache[22] || (_cache[22] = createElementVNode("div", { class: "td" }, null, -1)),
+                createElementVNode("div", {
+                  class: "td",
+                  onClick: _cache[5] || (_cache[5] = withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  createVNode(_component_el_checkbox, {
+                    label: "all",
+                    value: "all",
+                    onChange: $options.checkAll
+                  }, {
+                    default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                      createTextVNode(toDisplayString(""), -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onChange"])
+                ]),
+                createElementVNode("div", _hoisted_12, toDisplayString(_ctx.$t("numerical order")), 1),
+                createElementVNode("div", _hoisted_13, toDisplayString(_ctx.$t("name")), 1),
+                createElementVNode("div", _hoisted_14, toDisplayString(_ctx.$t("serial number")), 1),
+                _cache[23] || (_cache[23] = createElementVNode("div", { class: "td" }, "数据库列", -1)),
+                createElementVNode("div", _hoisted_15, toDisplayString(_ctx.$t("type")), 1),
+                createElementVNode("div", _hoisted_16, toDisplayString(_ctx.$t("association object")) + "/" + toDisplayString(_ctx.$t("associated code table")), 1),
+                _cache[24] || (_cache[24] = createElementVNode("div", { class: "td" }, null, -1))
+              ]),
+              createVNode(_component_draggable, mergeProps($options.dragOptions, {
+                modelValue: _ctx.data,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.data = $event),
+                tag: "tbody",
+                onStart: _cache[7] || (_cache[7] = ($event) => $data.drag = true),
+                onEnd: $options.moveEnd
+              }), {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      class: normalizeClass(["tr", { "active": $data.form.ID === item.ID }]),
+                      key: item.ID,
+                      onClick: ($event) => $options.setAttribute(item)
+                    }, [
+                      _cache[26] || (_cache[26] = createElementVNode("div", { class: "td handler-container" }, [
+                        createElementVNode("i", { class: "handle el-icon-rank" })
+                      ], -1)),
+                      createElementVNode("div", _hoisted_18, [
+                        createVNode(_component_el_checkbox, {
+                          label: item.ID,
+                          value: item.ID
+                        }, {
+                          default: withCtx(() => [..._cache[25] || (_cache[25] = [
+                            createTextVNode(toDisplayString(""), -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["label", "value"])
+                      ]),
+                      createElementVNode("div", _hoisted_19, toDisplayString(index + 1), 1),
+                      createElementVNode("div", _hoisted_20, toDisplayString(item.LABEL), 1),
+                      createElementVNode("div", _hoisted_21, toDisplayString(item.NAME), 1),
+                      createElementVNode("div", _hoisted_22, toDisplayString(item.DB_COLUMN), 1),
+                      createElementVNode("div", _hoisted_23, toDisplayString(item["DATA_TYPE#"]), 1),
+                      createElementVNode("div", _hoisted_24, [
+                        ["list", "object", "multiobject", "user", "dept"].includes(item.DATA_TYPE) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                          createTextVNode(toDisplayString(item.DATA_TYPE === "list" ? item["CODE_KEY#"] : item["RELATED_ENTITY#"]), 1)
+                        ], 64)) : createCommentVNode("", true)
+                      ]),
+                      createElementVNode("div", _hoisted_25, [
+                        item.IS_REQUIRED === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 0,
+                          size: "default",
+                          type: "danger"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.$t("required")), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        item.IS_KEY === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 1,
+                          size: "default",
+                          type: "success"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.$t("physics a primary key")), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        item.BUSI_KEY === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 2,
+                          size: "default"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.$t("natrual key")), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        item.IS_LABEL === "1" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 3,
+                          size: "default",
+                          type: "warning"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.$t("external label")), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ])
+                    ], 10, _hoisted_17);
+                  }), 128))
+                ]),
+                _: 1
+              }, 16, ["modelValue", "onEnd"])
+            ])), [
+              [_directive_loading, _ctx.loading]
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]))
+      ]),
+      _: 1
+    }),
+    $data.showAttribute ? (openBlock(), createBlock(_component_el_card, {
+      key: 0,
+      class: "attribute-tabs"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_tabs, {
+          modelValue: $data.activeTab,
+          "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $data.activeTab = $event)
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_tab_pane, {
+              label: _ctx.$t("basic information"),
+              name: "base"
+            }, {
+              default: withCtx(() => [
+                $data.baseFields.length > 0 ? (openBlock(), createBlock(_component_epx_table_form, {
+                  key: 0,
+                  class: "form-content",
+                  ref: "baseForm",
+                  metaId: _ctx.$metaId,
+                  meta: _ctx.$meta,
+                  fieldsConfigs: $data.baseFields,
+                  modelValue: $data.form,
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.form = $event),
+                  column: 1
+                }, {
+                  default: withCtx(({ showLabel, fieldConfigs, metaId, ruleMetaId }) => [
+                    fieldConfigs.attriName === "DEFAULT_VALUE" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      $data.form.DEFAULT_VALUE_TYPE === "dynamic" ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                        createVNode(_component_epx_rule, {
+                          modelValue: $data.form.DEFAULT_VALUE,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.form.DEFAULT_VALUE = $event),
+                          fieldConfigs: { attriName: "DEFAULT_VALUE", attriLabel: "判断条件", dataType: "rule", rows: 2, state: "EDIT" },
+                          ruleMetaId: _ctx.$query.id
+                        }, null, 8, ["modelValue", "ruleMetaId"])
+                      ])) : (openBlock(), createBlock(_component_epx_table_form_item, {
+                        key: fieldConfigs.attriName,
+                        "show-label": showLabel,
+                        label: fieldConfigs.attriLabel,
+                        metaId,
+                        ruleMetaId,
+                        fieldConfigs: $options.valueFieldConfigs(fieldConfigs),
+                        rules: [{
+                          required: fieldConfigs.isRequired === "1" && fieldConfigs.state !== "SEARCH",
+                          message: `${fieldConfigs.attriLabel}不能为空`
+                        }]
+                      }, null, 8, ["show-label", "label", "metaId", "ruleMetaId", "fieldConfigs", "rules"]))
+                    ], 64)) : fieldConfigs.attriName === "FORMULA" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                      key: fieldConfigs.attriName,
+                      "show-label": showLabel,
+                      label: fieldConfigs.attriLabel,
+                      metaId,
+                      ruleMetaId: _ctx.$query.id,
+                      fieldConfigs: { ...fieldConfigs, functionType: "database" },
+                      rules: [{
+                        required: fieldConfigs.isRequired === "1" && fieldConfigs.state !== "SEARCH",
+                        message: `${fieldConfigs.attriLabel}不能为空`
+                      }]
+                    }, null, 8, ["show-label", "label", "metaId", "ruleMetaId", "fieldConfigs", "rules"])) : (openBlock(), createBlock(_component_epx_table_form_item, {
+                      key: 2,
+                      "show-label": showLabel,
+                      label: fieldConfigs.attriLabel,
+                      metaId,
+                      ruleMetaId,
+                      fieldConfigs,
+                      rules: [{
+                        required: fieldConfigs.isRequired === "1" && fieldConfigs.state !== "SEARCH",
+                        message: `${fieldConfigs.attriLabel}不能为空`
+                      }]
+                    }, null, 8, ["show-label", "label", "metaId", "ruleMetaId", "fieldConfigs", "rules"]))
+                  ]),
+                  _: 1
+                }, 8, ["metaId", "meta", "fieldsConfigs", "modelValue"])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_27, [
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    loading: $data.httpRequest && !$data.isContinue,
+                    onClick: $options.saveAttribute
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("save")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    loading: $data.httpRequest && $data.isContinue,
+                    onClick: _cache[11] || (_cache[11] = ($event) => $options.saveAttribute(true))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("save and continue")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: _cache[12] || (_cache[12] = ($event) => $data.showAttribute = false)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            createVNode(_component_el_tab_pane, {
+              label: _ctx.$t("style"),
+              name: "style"
+            }, {
+              default: withCtx(() => [
+                $data.styleFields.length > 0 ? (openBlock(), createBlock(_component_epx_table_form, {
+                  key: 0,
+                  class: "form-content",
+                  ref: "styleForm",
+                  metaId: _ctx.$metaId,
+                  meta: _ctx.$meta,
+                  fieldsConfigs: $data.styleFields,
+                  modelValue: $data.form,
+                  "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => $data.form = $event),
+                  column: 1
+                }, null, 8, ["metaId", "meta", "fieldsConfigs", "modelValue"])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_28, [
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    loading: $data.httpRequest && !$data.isContinue,
+                    onClick: $options.saveAttribute
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("save")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    loading: $data.httpRequest && $data.isContinue,
+                    onClick: _cache[14] || (_cache[14] = ($event) => $options.saveAttribute(true))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("save and continue")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: _cache[15] || (_cache[15] = ($event) => $data.showAttribute = false)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            createVNode(_component_el_tab_pane, {
+              label: _ctx.$t("higher"),
+              name: "third"
+            }, {
+              default: withCtx(() => [
+                $data.advanceFields.length > 0 ? (openBlock(), createBlock(_component_epx_table_form, {
+                  key: 0,
+                  class: "form-content",
+                  ref: "advanceForm",
+                  metaId: _ctx.$metaId,
+                  meta: _ctx.$meta,
+                  ruleMetaId: _ctx.$query.id,
+                  fieldsConfigs: $data.advanceFields,
+                  modelValue: $data.form,
+                  "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $data.form = $event),
+                  column: 1
+                }, null, 8, ["metaId", "meta", "ruleMetaId", "fieldsConfigs", "modelValue"])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_29, [
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    loading: $data.httpRequest && !$data.isContinue,
+                    onClick: $options.saveAttribute
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("save")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    type: "primary",
+                    loading: $data.httpRequest && $data.isContinue,
+                    onClick: _cache[17] || (_cache[17] = ($event) => $options.saveAttribute(true))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("save and continue")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading"]),
+                  createVNode(_component_el_button, {
+                    size: "default",
+                    onClick: _cache[18] || (_cache[18] = ($event) => $data.showAttribute = false)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("cancel")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_button, {
+          type: "primary",
+          link: "",
+          class: "attribute-close",
+          onClick: _cache[20] || (_cache[20] = ($event) => $data.showAttribute = false)
+        }, {
+          default: withCtx(() => [..._cache[27] || (_cache[27] = [
+            createElementVNode("i", { class: "el-icon-close" }, null, -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })) : createCommentVNode("", true)
+  ])) : createCommentVNode("", true);
+}
+const AttributeList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a887250a"]]);
+export {
+  AttributeList as default
+};