hs-admin-ui 15.7.3 → 15.7.4

package/dist/formConfig-YXZcu8cs.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-DusC3BsY.mjs";
+import saveForm from "./saveForm-DHCK_OxI.mjs";
+import { _ as _sfc_main$1 } from "./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-CEhtJQyf.mjs";
+import { E as ElMessageBox, b as ElMessage, c as _, d as v4, q as isDev, t as to, _ as _export_sfc } from "./index-BZliZo4g.mjs";
+import { u as useConfigInfo } from "./useConfigInfo-PTkkdx-l.mjs";
+import { u as useFieldConfigController } from "./index-Dy8d7jZB.mjs";
+import { l as linkUniqueInfo } from "./cloneConfigDialog-BuN4zGCJ.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/header-GxzesV0n.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("pinia"),t=require("./index-Do4RqN5g.js"),o=e.defineComponent({name:"layoutHeader"}),n=e.defineComponent({...o,setup(o){const n=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./index-DnmQabWE.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-eGAqob-2.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-BZliZo4g.mjs";
+const __default__ = defineComponent({
+  name: "layoutHeader"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const NavBarsIndex = defineAsyncComponent(() => import("./index-8lSidknV.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
+};