hs-admin-ui 15.7.8 → 15.7.9

package/dist/formConfig-EnNDrsXl.mjs

@@ -0,0 +1,592 @@
+import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, unref, isRef, withCtx, resolveDynamicComponent, Fragment, renderList, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import hsFormPanel from "./hsFormPanel-BgKBv3R4.mjs";
+import saveForm from "./saveForm-BVCoIREF.mjs";
+import { _ as _sfc_main$1 } from "./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-BRRvl3m9.mjs";
+import { E as ElMessageBox, b as ElMessage, c as _, d as v4, q as isDev, t as to, _ as _export_sfc } from "./index-B8p9_cpY.mjs";
+import { u as useConfigInfo } from "./useConfigInfo-PTkkdx-l.mjs";
+import { u as useFieldConfigController } from "./index-qmspgcZh.mjs";
+import { l as linkUniqueInfo } from "./cloneConfigDialog-DIj9CUjJ.mjs";
+function useHsFormTable(panelConfig, tabsActiveName, props, emits) {
+  const configInfo = useConfigInfo();
+  const fieldConfig = useFieldConfigController();
+  const addTabPanel = () => {
+    panelConfig.value.forms.push({
+      id: "form_" + (/* @__PURE__ */ new Date()).getTime(),
+      base: {
+        label: "表单配置名称",
+        fieldID: "form",
+        grid: 3,
+        isShowLabel: true
+      },
+      form: {
+        baseData: { rowGap: 20, columnGap: 0 },
+        formConfig: [],
+        formData: {}
+      },
+      component: {
+        baseData: {}
+      },
+      slot: {
+        baseData: {}
+      },
+      formItemType: "form"
+    });
+  };
+  const removeTabPanel = (targetName) => {
+    let form = _.find(
+      panelConfig.value.forms,
+      (item) => item["id"] == targetName
+    );
+    ElMessageBox.confirm(
+      `确定删除${(form == null ? void 0 : form.base["formName"]) || "表单配置"}吗？`,
+      "提示",
+      {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning"
+      }
+    ).then(() => {
+      _.remove(
+        panelConfig.value.forms,
+        (item) => targetName && item.id == targetName
+      );
+      ElMessage.success("删除成功");
+      if (tabsActiveName.value == targetName) {
+        initTabsActiveName();
+      }
+    }).catch((err) => {
+      console.log("err", err);
+    });
+  };
+  const handleTabsEdit = (targetName, action) => {
+    switch (action) {
+      case "remove":
+        removeTabPanel(targetName);
+        break;
+      case "add":
+        addTabPanel();
+        break;
+    }
+  };
+  const saveFormTableConfig = (form) => {
+    let tempPanelConfig = _.cloneDeep(panelConfig.value);
+    tempPanelConfig.config_name = form["config_name"];
+    tempPanelConfig.config_unique_id = form["config_unique_id"];
+    tempPanelConfig.isClosedKeyStroke = form["isClosedKeyStroke"];
+    let formData = {
+      config_name: form["config_name"],
+      config_unique_id: form["config_unique_id"],
+      isClosedKeyStroke: form["isClosedKeyStroke"],
+      attrs: setPropertyData(tempPanelConfig.BaseForm),
+      // 删除属性值为空的属性,
+      data: transformData(tempPanelConfig.forms),
+      btns: tempPanelConfig.btns,
+      form: tempPanelConfig.forms.map((item) => {
+        let obj = {
+          // label: item.base.label,
+          // fieldID: item.base.fieldID,
+          // grid: item.base.grid,
+          ...item.base,
+          formItemType: item.formItemType,
+          config: item.formItemType == "form" ? getFormType(item.formItemType, item.form.formConfig) : item.formItemType == "component" ? getFormType(item.formItemType, item.component.baseData) : getFormType(item.formItemType, item.slot.baseData)
+        };
+        if (item.formItemType == "form") {
+          obj.attrs = setPropertyData(item.form.baseData);
+        }
+        return obj;
+      })
+    };
+    let params = {
+      business_json: JSON.stringify(formData),
+      // 前端解析数据
+      config_name: form.config_name,
+      config_type: "2",
+      // 1:表格字段配置 2:表单配置
+      config_unique_id: form.config_unique_id,
+      isClosedKeyStroke: form.isClosedKeyStroke,
+      is_auth: form.is_auth,
+      // 是否需要权限控制 1:需要 0:不需要
+      field_json: JSON.stringify(tempPanelConfig),
+      // 原始数据
+      menu_id: props.currentPageData.id,
+      // 菜单id
+      page_name: props.currentPageData.label,
+      // 页面名称
+      project_code: props.sysData.project_code,
+      // 系统标识
+      id: form["id"],
+      // 配置id
+      update_time: form["update_time"],
+      // 更新时间 用于后端校验更新时间 防止并发
+      // 权限配置json数据
+      config_json: JSON.stringify({
+        menu_id: props.currentPageData.id,
+        config_type: "2",
+        config_unique_id: form.config_unique_id,
+        // 按钮配置
+        btns: btnsFormat(tempPanelConfig.btns),
+        // tables: [],
+        // 所有的表单配置项
+        form: handlePermissionJson(panelConfig.value.forms)
+      })
+      // 字段池json数据
+      // field_pool_json: handleFieldPoolJson(panelConfig.value.forms),
+    };
+    saveFormConfig(params);
+  };
+  const getFormType = (formItemType, configData) => {
+    switch (formItemType) {
+      case "form":
+        const arr = configData.map((item) => {
+          return {
+            label: item.data.elementItem[0].baseData.label,
+            config: setPropertyData(item.data.elementItem),
+            // 删除属性值为空的属性
+            layoutData: item.data.layoutData
+          };
+        });
+        return arr;
+      case "component":
+        return configData;
+      case "slot":
+        return configData;
+    }
+  };
+  function transformData(originalData) {
+    const transformedData = {};
+    originalData.forEach((item) => {
+      const key = item.base.fieldID;
+      const value = {};
+      if (item.formItemType != "form") return transformedData[key] = {};
+      item.form.formConfig.forEach((config) => {
+        var _a, _b;
+        console.log("config)", config);
+        const prop = config.data.elementItem[0].baseData.prop;
+        value[prop] = config.data.elementItem[0].baseData.el == "hs-upload" ? ((_a = config.data.elementItem[0].elData.attrs) == null ? void 0 : _a.enableString) ? "" : [] : ((_b = config.data.elementItem[0].elData.attrs) == null ? void 0 : _b.defaultValue) || "";
+      });
+      transformedData[key] = value;
+    });
+    return transformedData;
+  }
+  function setPropertyData(params) {
+    function setProperty(property) {
+      var _a;
+      if ((_a = property.editRender) == null ? void 0 : _a.enabled) {
+        delete property.cellRender;
+      } else if (property.editRender) {
+        delete property.editRender;
+      }
+      for (let i in property) {
+        if (_.isString(property[i]) && property[i].trim() === "") {
+          delete property[i];
+        }
+        if (_.isObject(property[i]) && !_.isEmpty(property[i])) {
+          setProperty(property[i]);
+        }
+      }
+    }
+    setProperty(params);
+    return params;
+  }
+  const changeConfig = (config) => {
+    if (config.config_unique_id) {
+      fieldConfig.postgGtConfigRelate({
+        config_unique_id: config.config_unique_id,
+        menu_id: configInfo.form_menu.id,
+        project_code: configInfo.form_menu.project_code
+      }).then((res) => {
+        linkUniqueInfo.value = _.get(res, "data", {});
+      });
+    }
+    panelConfig.value = config;
+    initTabsActiveName();
+  };
+  function mergeConfig(config) {
+    panelConfig.value.btns = mergeBtnConfig(config.btns);
+    panelConfig.value.forms = mergeFormConfig(config.forms);
+    initTabsActiveName();
+  }
+  function mergeBtnConfig(config) {
+    if (_.isEmpty(config)) return panelConfig.value.btns;
+    if (_.isEmpty(panelConfig.value.btns)) {
+      return config.map((i) => {
+        i.id = v4();
+        _.set(i, "data.isLink", true);
+        return i;
+      });
+    }
+    const btns = panelConfig.value.btns || [];
+    const fields = btns.map((i) => i.data.key);
+    const config1 = config.map((i) => {
+      _.set(i, "data.isLink", true);
+      return i;
+    });
+    for (let i in config1) {
+      const key = config1[i].data.key;
+      const index = fields.findIndex((k) => k === key);
+      if (index > -1) {
+        const id = _.get(btns, `${index}.id`);
+        const newConfig = _.get(config1, i);
+        _.set(
+          newConfig,
+          "data.field_id",
+          _.get(btns, `${index}.data.field_id`)
+        );
+        _.set(btns, `${index}`, { ...newConfig, id });
+      } else {
+        const newConfig = _.get(config1, i);
+        _.set(newConfig, "data.field_id", v4());
+        btns.push({ ...newConfig, id: v4() });
+      }
+    }
+    return btns;
+  }
+  function mergeFormConfig(config) {
+    var _a, _b;
+    if (_.isEmpty(config)) return panelConfig.value.forms;
+    if (_.isEmpty(panelConfig.value.forms)) {
+      return config.map((i) => {
+        var _a2, _b2;
+        i.id = "form_" + v4();
+        i.form.formConfig = ((_b2 = (_a2 = i.form) == null ? void 0 : _a2.formConfig) == null ? void 0 : _b2.map((j) => {
+          j.id = v4();
+          _.set(j, "data.elementItem.0.baseData.isLink", true);
+          return j;
+        })) || [];
+        return i;
+      });
+    }
+    const forms = panelConfig.value.forms || [];
+    for (let i in config) {
+      if (_.isEmpty(_.get(forms, i))) {
+        const newConfig = config[i];
+        newConfig.id = "form_" + v4();
+        newConfig.form.formConfig = ((_b = (_a = newConfig.form) == null ? void 0 : _a.formConfig) == null ? void 0 : _b.map((j) => {
+          j.id = v4();
+          _.set(j, "data.elementItem.0.baseData.isLink", true);
+          return j;
+        })) || [];
+        _.set(forms, i, newConfig);
+      } else {
+        const fields = _.get(forms, `${i}.form.formConfig`, []).map(
+          (i2) => _.get(i2, "data.elementItem.0.baseData.prop")
+        );
+        const form_config = _.get(config, `${i}.form.formConfig`, []).map(
+          (j) => {
+            _.set(j, "data.elementItem.0.baseData.isLink", true);
+            return j;
+          }
+        );
+        _.set(forms, `${i}.base`, _.get(config, `${i}.base`));
+        _.set(forms, `${i}.component`, _.get(config, `${i}.component`));
+        _.set(forms, `${i}.slot`, _.get(config, `${i}.slot`));
+        _.set(forms, `${i}.id`, "form_" + v4());
+        for (let j in form_config) {
+          const prop = _.get(
+            form_config,
+            `${j}.data.elementItem.0.baseData.prop`
+          );
+          const index = fields.findIndex((k) => k === prop);
+          if (index > -1) {
+            const id = _.get(forms, `${i}.form.formConfig.${index}.id`);
+            _.set(forms, `${i}.form.formConfig.${index}`, {
+              ..._.get(form_config, j),
+              id
+            });
+          } else {
+            _.get(forms, `${i}.form.formConfig`).push({
+              ..._.get(form_config, j),
+              id: v4()
+            });
+          }
+        }
+      }
+    }
+    return forms;
+  }
+  const saveFormConfig = async (params) => {
+    const res = await fieldConfig.postSaveField4Form(params);
+    if (res.code === 1) {
+      ElMessage.success("保存成功");
+      initTabsActiveName();
+      emits("refresh");
+    }
+  };
+  const handlePermissionJson = (data) => {
+    let arr = [];
+    let i = 1;
+    data.forEach((item) => {
+      if (item.formItemType === "form") {
+        item.form.formConfig.forEach((item2) => {
+          var _a, _b;
+          if (item2.data.elementItem[0].baseData.isApply == true) {
+            let obj = {
+              fieldName: item2.data.elementItem[0].baseData.label,
+              showName: item2.data.elementItem[0].baseData.label,
+              fieldProp: item2.data.elementItem[0].baseData.prop,
+              fieldShow: item2.data.elementItem[0].baseData.isShow,
+              fieldRequired: (_b = (_a = item2.data.elementItem[0].elData) == null ? void 0 : _a.rules) == null ? void 0 : _b.required,
+              sort: i++
+              // 排序
+            };
+            arr.push(obj);
+          }
+        });
+      }
+    });
+    return arr;
+  };
+  const deleteConfig = (id) => {
+    ElMessageBox.prompt(
+      `确认删除【${panelConfig.value.config_name}】吗?`,
+      "提示",
+      {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        inputPattern: /^确认删除/,
+        inputErrorMessage: "请输入“确认删除”",
+        inputPlaceholder: "请输入“确认删除”"
+      }
+    ).then(() => {
+      fieldConfig.postDelFieldById({ id }).then((res) => {
+        if (res.code != 1) return;
+        ElMessage.success("删除成功");
+        setTimeout(() => {
+          emits("refresh");
+        }, 1500);
+      });
+    }).catch(() => {
+      ElMessage.info("已取消删除");
+    });
+  };
+  const btnsFormat = (btns) => {
+    let arr = btns.map((item, index) => {
+      return {
+        fieldName: item.data.name,
+        showName: item.data.name,
+        fieldProp: item.data.key,
+        fieldShow: item.data.isShow,
+        fieldRequired: false,
+        sort: index + 1
+      };
+    });
+    return arr;
+  };
+  function initTabsActiveName() {
+    tabsActiveName.value = panelConfig.value.forms.length > 0 ? panelConfig.value.forms[0].id : "";
+  }
+  return {
+    handleTabsEdit,
+    saveFormTableConfig,
+    changeConfig,
+    mergeConfig,
+    deleteConfig
+  };
+}
+const _hoisted_1 = { class: "flex flex-col h-full" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-1 system-user-container",
+  style: { "height": "300px" }
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex flex-col pl-[10px]"
+};
+const __default__ = defineComponent({
+  name: "test1"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    currentPageData: {
+      type: Object,
+      default: () => ({})
+    },
+    sysData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["refresh"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    let props = __props;
+    const dragRef = ref();
+    let panelConfig = ref({
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      BaseForm: {
+        labelWidth: "100",
+        // 表单域标签的宽度
+        labelPosition: "right",
+        // 表单域标签的位置
+        size: "default",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: false,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: true,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: false,
+        // 是否在输入的时候滚动到错误的地方
+        method: "post",
+        // 表单提交方法
+        action_name: "",
+        // 操作名称
+        proxy: "",
+        // 代理地址
+        disabled: false
+        // 是否禁用
+      },
+      btns: [],
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "form", grid: 3, isShowLabel: true },
+          form: {
+            baseData: { rowGap: 15, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    });
+    let tabsActiveName = ref("form_1");
+    let configs = ref([]);
+    let saveFormRef = ref();
+    const isShow = ref(true);
+    ref({});
+    const initData = (configList, panelConfigVal) => {
+      configs.value = configList;
+      tabsActiveName.value = configList[0] && configList[0].field_json && JSON.parse(configList[0].field_json).forms.length > 0 ? JSON.parse(configList[0].field_json).forms[0].id : "form_1";
+      if (panelConfigVal) {
+        panelConfig.value = JSON.parse(JSON.stringify(panelConfigVal));
+      }
+    };
+    const update = (val) => {
+      if (val.type === "formConfigurationCode") {
+        tabsActiveName.value = val.data.id;
+      }
+    };
+    const emits = __emit;
+    const { handleTabsEdit, saveFormTableConfig, changeConfig, mergeConfig, deleteConfig } = useHsFormTable(panelConfig, tabsActiveName, props, emits);
+    __expose({ initData, saveFormRef });
+    return (_ctx, _cache) => {
+      const _component_hs_tab_pane = resolveComponent("hs-tab-pane");
+      const _component_hs_tabs = resolveComponent("hs-tabs");
+      const _component_hs_button = resolveComponent("hs-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        isShow.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_component_hs_tabs, {
+            ref: "tabsRef",
+            modelValue: unref(tabsActiveName),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(tabsActiveName) ? tabsActiveName.value = $event : tabsActiveName = $event),
+            class: "h-full tabs",
+            type: "border-card",
+            addable: "",
+            onEdit: unref(handleTabsEdit)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_hs_tab_pane, {
+                class: "tab-pane",
+                label: "按钮配置",
+                name: "btn"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_sfc_main$1), {
+                    modelValue: unref(panelConfig).btns,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(panelConfig).btns = $event)
+                  }, null, 8, ["modelValue"]))
+                ]),
+                _: 1
+              }),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(panelConfig)["forms"], (item, index) => {
+                var _a;
+                return openBlock(), createBlock(_component_hs_tab_pane, {
+                  class: "tab-pane",
+                  key: index,
+                  closable: unref(panelConfig)["forms"].length > 1,
+                  label: ((_a = item.base) == null ? void 0 : _a.label) || "表单配置名称",
+                  name: item.id
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(hsFormPanel), {
+                      modelValue: unref(panelConfig)["forms"][index],
+                      "onUpdate:modelValue": ($event) => unref(panelConfig)["forms"][index] = $event,
+                      BaseForm: unref(panelConfig).BaseForm,
+                      "onUpdate:BaseForm": _cache[1] || (_cache[1] = ($event) => unref(panelConfig).BaseForm = $event),
+                      panelConfig: unref(panelConfig),
+                      onUpdate: update
+                    }, null, 40, ["modelValue", "onUpdate:modelValue", "BaseForm", "panelConfig"]))
+                  ]),
+                  _: 2
+                }, 1032, ["closable", "label", "name"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onEdit"])
+        ])) : createCommentVNode("", true),
+        (openBlock(), createBlock(resolveDynamicComponent(saveForm), {
+          configs: unref(configs),
+          ref_key: "saveFormRef",
+          ref: saveFormRef,
+          onChange: unref(changeConfig),
+          onMerge: unref(mergeConfig),
+          onSave: unref(saveFormTableConfig),
+          onDelete: unref(deleteConfig)
+        }, null, 40, ["configs", "onChange", "onMerge", "onSave", "onDelete"])),
+        unref(isDev) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("div", null, [
+            _cache[4] || (_cache[4] = createElementVNode("div", null, "调整顺序", -1)),
+            createVNode(unref(to), {
+              ref_key: "dragRef",
+              ref: dragRef,
+              class: "flex flex-wrap",
+              handle: ".drag-item-form",
+              ghostClass: "ghost",
+              modelValue: unref(panelConfig)["forms"],
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(panelConfig)["forms"] = $event),
+              animation: 150
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(panelConfig)["forms"], (item, index) => {
+                  return openBlock(), createBlock(_component_hs_button, {
+                    size: "small",
+                    class: "drag-item-form",
+                    round: "",
+                    key: index
+                  }, {
+                    default: withCtx(() => {
+                      var _a;
+                      return [
+                        createTextVNode(toDisplayString(((_a = item.base) == null ? void 0 : _a.label) || "表单配置名称"), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const hsFormConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-86cc8a51"]]);
+export {
+  hsFormConfig as default
+};

package/dist/formConfig-EvG_KMjq.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./hsFormPanel-rf7405we.js"),a=require("./saveForm-Bd1FexRX.js"),o=require("./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-WxsVtQoc.js"),n=require("./index-BUcC4gD1.js"),r=require("./useConfigInfo-2zEYLSSs.js"),l=require("./index-BrTyWpWz.js"),s=require("./cloneConfigDialog-TSUUyv9s.js");function i(e,t,a,o){const i=r.useConfigInfo(),f=l.useFieldConfigController(),m=(e,t)=>{switch(e){case"form":return t.map((e=>({label:e.data.elementItem[0].baseData.label,config:u(e.data.elementItem),layoutData:e.data.layoutData})));case"component":case"slot":return t}};function d(e){const t={};return e.forEach((e=>{const a=e.base.fieldID,o={};if("form"!=e.formItemType)return t[a]={};e.form.formConfig.forEach((e=>{var t,a;const n=e.data.elementItem[0].baseData.prop;o[n]="hs-upload"==e.data.elementItem[0].baseData.el?(null==(t=e.data.elementItem[0].elData.attrs)?void 0:t.enableString)?"":[]:(null==(a=e.data.elementItem[0].elData.attrs)?void 0:a.defaultValue)||""})),t[a]=o})),t}function u(e){return function e(t){var a;(null==(a=t.editRender)?void 0:a.enabled)?delete t.cellRender:t.editRender&&delete t.editRender;for(let o in t)n._.isString(t[o])&&""===t[o].trim()&&delete t[o],n._.isObject(t[o])&&!n._.isEmpty(t[o])&&e(t[o])}(e),e}const c=async e=>{1===(await f.postSaveField4Form(e)).code&&(n.ElMessage.success("保存成功"),g(),o("refresh"))},p=e=>{let t=[],a=1;return e.forEach((e=>{"form"===e.formItemType&&e.form.formConfig.forEach((e=>{var o,n;if(1==e.data.elementItem[0].baseData.isApply){let r={fieldName:e.data.elementItem[0].baseData.label,showName:e.data.elementItem[0].baseData.label,fieldProp:e.data.elementItem[0].baseData.prop,fieldShow:e.data.elementItem[0].baseData.isShow,fieldRequired:null==(n=null==(o=e.data.elementItem[0].elData)?void 0:o.rules)?void 0:n.required,sort:a++};t.push(r)}}))})),t},_=e=>e.map(((e,t)=>({fieldName:e.data.name,showName:e.data.name,fieldProp:e.data.key,fieldShow:e.data.isShow,fieldRequired:!1,sort:t+1})));function g(){t.value=e.value.forms.length>0?e.value.forms[0].id:""}return{handleTabsEdit:(a,o)=>{switch(o){case"remove":(a=>{let o=n._.find(e.value.forms,(e=>e.id==a));n.ElMessageBox.confirm(`确定删除${(null==o?void 0:o.base.formName)||"表单配置"}吗？`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then((()=>{n._.remove(e.value.forms,(e=>a&&e.id==a)),n.ElMessage.success("删除成功"),t.value==a&&g()})).catch((e=>{}))})(a);break;case"add":e.value.forms.push({id:"form_"+(new Date).getTime(),base:{label:"表单配置名称",fieldID:"form",grid:3,isShowLabel:!0},form:{baseData:{rowGap:20,columnGap:0},formConfig:[],formData:{}},component:{baseData:{}},slot:{baseData:{}},formItemType:"form"})}},saveFormTableConfig:t=>{let o=n._.cloneDeep(e.value);o.config_name=t.config_name,o.config_unique_id=t.config_unique_id,o.isClosedKeyStroke=t.isClosedKeyStroke;let r={config_name:t.config_name,config_unique_id:t.config_unique_id,isClosedKeyStroke:t.isClosedKeyStroke,attrs:u(o.BaseForm),data:d(o.forms),btns:o.btns,form:o.forms.map((e=>{let t={...e.base,formItemType:e.formItemType,config:"form"==e.formItemType?m(e.formItemType,e.form.formConfig):"component"==e.formItemType?m(e.formItemType,e.component.baseData):m(e.formItemType,e.slot.baseData)};return"form"==e.formItemType&&(t.attrs=u(e.form.baseData)),t}))},l={business_json:JSON.stringify(r),config_name:t.config_name,config_type:"2",config_unique_id:t.config_unique_id,isClosedKeyStroke:t.isClosedKeyStroke,is_auth:t.is_auth,field_json:JSON.stringify(o),menu_id:a.currentPageData.id,page_name:a.currentPageData.label,project_code:a.sysData.project_code,id:t.id,update_time:t.update_time,config_json:JSON.stringify({menu_id:a.currentPageData.id,config_type:"2",config_unique_id:t.config_unique_id,btns:_(o.btns),form:p(e.value.forms)})};c(l)},changeConfig:t=>{t.config_unique_id&&f.postgGtConfigRelate({config_unique_id:t.config_unique_id,menu_id:i.form_menu.id,project_code:i.form_menu.project_code}).then((e=>{s.linkUniqueInfo.value=n._.get(e,"data",{})})),e.value=t,g()},mergeConfig:function(t){e.value.btns=function(t){if(n._.isEmpty(t))return e.value.btns;if(n._.isEmpty(e.value.btns))return t.map((e=>(e.id=n.v4(),n._.set(e,"data.isLink",!0),e)));const a=e.value.btns||[],o=a.map((e=>e.data.key)),r=t.map((e=>(n._.set(e,"data.isLink",!0),e)));for(let e in r){const t=r[e].data.key,l=o.findIndex((e=>e===t));if(l>-1){const t=n._.get(a,`${l}.id`),o=n._.get(r,e);n._.set(o,"data.field_id",n._.get(a,`${l}.data.field_id`)),n._.set(a,`${l}`,{...o,id:t})}else{const t=n._.get(r,e);n._.set(t,"data.field_id",n.v4()),a.push({...t,id:n.v4()})}}return a}(t.btns),e.value.forms=function(t){var a,o;if(n._.isEmpty(t))return e.value.forms;if(n._.isEmpty(e.value.forms))return t.map((e=>{var t,a;return e.id="form_"+n.v4(),e.form.formConfig=(null==(a=null==(t=e.form)?void 0:t.formConfig)?void 0:a.map((e=>(e.id=n.v4(),n._.set(e,"data.elementItem.0.baseData.isLink",!0),e))))||[],e}));const r=e.value.forms||[];for(let e in t)if(n._.isEmpty(n._.get(r,e))){const l=t[e];l.id="form_"+n.v4(),l.form.formConfig=(null==(o=null==(a=l.form)?void 0:a.formConfig)?void 0:o.map((e=>(e.id=n.v4(),n._.set(e,"data.elementItem.0.baseData.isLink",!0),e))))||[],n._.set(r,e,l)}else{const a=n._.get(r,`${e}.form.formConfig`,[]).map((e=>n._.get(e,"data.elementItem.0.baseData.prop"))),o=n._.get(t,`${e}.form.formConfig`,[]).map((e=>(n._.set(e,"data.elementItem.0.baseData.isLink",!0),e)));n._.set(r,`${e}.base`,n._.get(t,`${e}.base`)),n._.set(r,`${e}.component`,n._.get(t,`${e}.component`)),n._.set(r,`${e}.slot`,n._.get(t,`${e}.slot`)),n._.set(r,`${e}.id`,"form_"+n.v4());for(let t in o){const l=n._.get(o,`${t}.data.elementItem.0.baseData.prop`),s=a.findIndex((e=>e===l));if(s>-1){const a=n._.get(r,`${e}.form.formConfig.${s}.id`);n._.set(r,`${e}.form.formConfig.${s}`,{...n._.get(o,t),id:a})}else n._.get(r,`${e}.form.formConfig`).push({...n._.get(o,t),id:n.v4()})}}return r}(t.forms),g()},deleteConfig:t=>{n.ElMessageBox.prompt(`确认删除【${e.value.config_name}】吗?`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",inputPattern:/^确认删除/,inputErrorMessage:"请输入“确认删除”",inputPlaceholder:"请输入“确认删除”"}).then((()=>{f.postDelFieldById({id:t}).then((e=>{1==e.code&&(n.ElMessage.success("删除成功"),setTimeout((()=>{o("refresh")}),1500))}))})).catch((()=>{n.ElMessage.info("已取消删除")}))}}}const f={class:"flex flex-col h-full"},m={key:0,class:"flex-1 system-user-container",style:{height:"300px"}},d={key:1,class:"flex flex-col pl-[10px]"},u=e.defineComponent({name:"test1"}),c=e.defineComponent({...u,props:{currentPageData:{type:Object,default:()=>({})},sysData:{type:Object,default:()=>({})}},emits:["refresh"],setup(r,{expose:l,emit:s}){let u=r;const c=e.ref();let p=e.ref({config_unique_id:"",config_name:"",BaseForm:{labelWidth:"100",labelPosition:"right",size:"default",labelSuffix:"",requireAsteriskPosition:"left",statusIcon:!1,validateOnRuleChange:!0,scrollToError:!1,method:"post",action_name:"",proxy:"",disabled:!1},btns:[],forms:[{id:"form_1",base:{label:"表单配置名称",fieldID:"form",grid:3,isShowLabel:!0},form:{baseData:{rowGap:15,columnGap:0},formConfig:[],formData:[]},component:{baseData:{}},slot:{baseData:{}},formItemType:"form"}]}),_=e.ref("form_1"),g=e.ref([]),b=e.ref();const v=e.ref(!0);e.ref({});const y=e=>{"formConfigurationCode"===e.type&&(_.value=e.data.id)},h=s,{handleTabsEdit:C,saveFormTableConfig:D,changeConfig:k,mergeConfig:I,deleteConfig:B}=i(p,_,u,h);return l({initData:(e,t)=>{g.value=e,_.value=e[0]&&e[0].field_json&&JSON.parse(e[0].field_json).forms.length>0?JSON.parse(e[0].field_json).forms[0].id:"form_1",t&&(p.value=JSON.parse(JSON.stringify(t)))},saveFormRef:b}),(r,l)=>{const s=e.resolveComponent("hs-tab-pane"),i=e.resolveComponent("hs-tabs"),u=e.resolveComponent("hs-button");return e.openBlock(),e.createElementBlock("div",f,[v.value?(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(i,{ref:"tabsRef",modelValue:e.unref(_),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(_)?_.value=t:_=t),class:"h-full tabs",type:"border-card",addable:"",onEdit:e.unref(C)},{default:e.withCtx((()=>[e.createVNode(s,{class:"tab-pane",label:"按钮配置",name:"btn"},{default:e.withCtx((()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o._sfc_main),{modelValue:e.unref(p).btns,"onUpdate:modelValue":l[0]||(l[0]=t=>e.unref(p).btns=t)},null,8,["modelValue"]))])),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p).forms,((a,o)=>{var n;return e.openBlock(),e.createBlock(s,{class:"tab-pane",key:o,closable:e.unref(p).forms.length>1,label:(null==(n=a.base)?void 0:n.label)||"表单配置名称",name:a.id},{default:e.withCtx((()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.default),{modelValue:e.unref(p).forms[o],"onUpdate:modelValue":t=>e.unref(p).forms[o]=t,BaseForm:e.unref(p).BaseForm,"onUpdate:BaseForm":l[1]||(l[1]=t=>e.unref(p).BaseForm=t),panelConfig:e.unref(p),onUpdate:y},null,40,["modelValue","onUpdate:modelValue","BaseForm","panelConfig"]))])),_:2},1032,["closable","label","name"])})),128))])),_:1},8,["modelValue","onEdit"])])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.default),{configs:e.unref(g),ref_key:"saveFormRef",ref:b,onChange:e.unref(k),onMerge:e.unref(I),onSave:e.unref(D),onDelete:e.unref(B)},null,40,["configs","onChange","onMerge","onSave","onDelete"])),e.unref(n.isDev)?(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",null,[l[4]||(l[4]=e.createElementVNode("div",null,"调整顺序",-1)),e.createVNode(e.unref(n.to),{ref_key:"dragRef",ref:c,class:"flex flex-wrap",handle:".drag-item-form",ghostClass:"ghost",modelValue:e.unref(p).forms,"onUpdate:modelValue":l[3]||(l[3]=t=>e.unref(p).forms=t),animation:150},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p).forms,((t,a)=>(e.openBlock(),e.createBlock(u,{size:"small",class:"drag-item-form",round:"",key:a},{default:e.withCtx((()=>{var a;return[e.createTextVNode(e.toDisplayString((null==(a=t.base)?void 0:a.label)||"表单配置名称"),1)]})),_:2},1024)))),128))])),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0)])}}}),p=n._export_sfc(c,[["__scopeId","data-v-86cc8a51"]]);exports.default=p;

package/dist/header-CJn5ZfnT.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("pinia"),t=require("./index-BUcC4gD1.js"),o=e.defineComponent({name:"layoutHeader"}),n=e.defineComponent({...o,setup(o){const n=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./index-Dd9PdxaZ.js"))))),s=t.useTagsViewRoutes(),{isTagsViewCurrenFull:i}=r.storeToRefs(s);return(r,t)=>{const o=e.resolveComponent("el-header");return e.withDirectives((e.openBlock(),e.createBlock(o,{class:"layout-header"},{default:e.withCtx((()=>[e.createVNode(e.unref(n))])),_:1},512)),[[e.vShow,!e.unref(i)]])}}});exports.default=n;

package/dist/header-_FT9tTGW.mjs

@@ -0,0 +1,28 @@
+import { defineComponent, defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createVNode, unref, vShow } from "vue";
+import { storeToRefs } from "pinia";
+import { $ as useTagsViewRoutes } from "./index-B8p9_cpY.mjs";
+const __default__ = defineComponent({
+  name: "layoutHeader"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const NavBarsIndex = defineAsyncComponent(() => import("./index-Du8HrrrI.mjs"));
+    const storesTagsViewRoutes = useTagsViewRoutes();
+    const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
+    return (_ctx, _cache) => {
+      const _component_el_header = resolveComponent("el-header");
+      return withDirectives((openBlock(), createBlock(_component_el_header, { class: "layout-header" }, {
+        default: withCtx(() => [
+          createVNode(unref(NavBarsIndex))
+        ]),
+        _: 1
+      }, 512)), [
+        [vShow, !unref(isTagsViewCurrenFull)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};