hs-admin-ui 1.0.8 → 1.0.9

package/dist/formConfig-JfhMEUj5.mjs

@@ -0,0 +1,330 @@
+import { defineComponent as N, ref as c, resolveComponent as j, openBlock as i, createElementBlock as w, createVNode as q, unref as l, isRef as O, withCtx as x, createBlock as T, resolveDynamicComponent as R, Fragment as J, renderList as U, createCommentVNode as G } from "vue";
+import { _ as M } from "./hsFormPanel.vue_vue_type_script_setup_true_name_formPanel_lang-TDDJF3pB.mjs";
+import { _ as $ } from "./saveForm.vue_vue_type_script_setup_true_lang-Z4rXjxId.mjs";
+import { _ as z } from "./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-kQ9cwFuL.mjs";
+import { d as g, S as H, E as F, m as k, f as L, q as W, _ as Y } from "./index-Q-nEtpIj.mjs";
+function A(s, u, d, h) {
+  const r = L(), m = () => {
+    s.value.forms.push({
+      id: "form_" + (s.value.forms.length + 1),
+      base: { label: "表单配置名称", fieldID: "", grid: 3 },
+      form: {
+        baseData: { rowGap: 0, columnGap: 0 },
+        formConfig: [],
+        formData: {}
+      },
+      component: {
+        baseData: {}
+      },
+      slot: {
+        baseData: {}
+      },
+      formItemType: "form"
+    });
+  }, D = (o) => {
+    let e = W.find(s.value.forms, (a) => a.id == o);
+    k.confirm(`确定删除${(e == null ? void 0 : e.base.formName) || "表单配置"}吗？`, "提示", {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(() => {
+      g.remove(s.value.forms, (a) => o && a.id == o), F.success("删除成功"), u.value == o && (u.value = "form_1");
+    }).catch((a) => {
+      console.log("err", a);
+    });
+  }, v = (o, e) => {
+    switch (e) {
+      case "remove":
+        D(o);
+        break;
+      case "add":
+        m();
+        break;
+    }
+  }, S = (o) => {
+    console.debug("form====>>>>>>", o, JSON.stringify(s.value)), console.debug("props====>>>>>>", d);
+    let e = g.cloneDeep(s.value), a = {
+      config_name: o.config_name,
+      config_unique_id: o.config_unique_id,
+      attrs: _(e.BaseForm),
+      // 删除属性值为空的属性,
+      data: E(e.forms),
+      btns: e.btns,
+      form: e.forms.map((t) => {
+        let p = {
+          label: t.base.label,
+          fieldID: t.base.fieldID,
+          grid: t.base.grid,
+          formItemType: t.formItemType,
+          config: t.formItemType == "form" ? b(t.formItemType, t.form.formConfig) : t.formItemType == "component" ? b(t.formItemType, t.component.baseData) : b(t.formItemType, t.slot.baseData)
+        };
+        return t.formItemType == "form" && (p.attrs = _(t.form.baseData)), p;
+      })
+    }, n = {
+      business_json: JSON.stringify(a),
+      // 前端解析数据
+      config_name: o.config_name,
+      config_type: "2",
+      // 1:表格字段配置 2:表单配置
+      config_unique_id: o.config_unique_id,
+      field_json: JSON.stringify(s.value),
+      // 原始数据
+      menu_id: d.currentPageData.id,
+      // 菜单id
+      page_name: d.currentPageData.label,
+      // 页面名称
+      project_code: H.get("CURRENT_SYSTEM").project_code,
+      // 系统标识
+      id: o.id,
+      // 配置id
+      update_time: o.update_time,
+      // 更新时间 用于后端校验更新时间 防止并发
+      // 权限配置json数据
+      config_json: JSON.stringify({
+        menu_id: d.currentPageData.id,
+        config_type: "2",
+        config_unique_id: o.config_unique_id,
+        // 按钮配置
+        btns: y(e.btns),
+        // tables: [],
+        // 所有的表单配置项
+        form: B(s.value.forms)
+      }),
+      // 字段池json数据
+      field_pool_json: I(s.value.forms)
+    };
+    console.debug("params====>>>>>>", n), P(n);
+  }, b = (o, e) => {
+    switch (o) {
+      case "form":
+        return e.map((n) => ({
+          label: n.data.elementItem[0].baseData.label,
+          config: _(n.data.elementItem),
+          // 删除属性值为空的属性
+          layoutData: n.data.layoutData
+        }));
+      case "component":
+        return e;
+      case "slot":
+        return e;
+    }
+  };
+  function E(o) {
+    const e = {};
+    return o.forEach((a) => {
+      const n = a.base.fieldID, t = {};
+      if (a.formItemType != "form")
+        return e[n] = {};
+      a.form.formConfig.forEach((p) => {
+        console.log("config)", p);
+        const V = p.data.elementItem[0].baseData.prop;
+        t[V] = "";
+      }), e[n] = t;
+    }), e;
+  }
+  function _(o) {
+    function e(a) {
+      var n;
+      (n = a.editRender) != null && n.enabled ? delete a.cellRender : a.editRender && delete a.editRender;
+      for (let t in a)
+        g.isString(a[t]) && a[t].trim() === "" && delete a[t], g.isObject(a[t]) && !g.isEmpty(a[t]) && e(a[t]);
+    }
+    return e(o), o;
+  }
+  const C = (o) => {
+    s.value = o, console.log("panelConfig.value", s.value, o);
+  }, P = async (o) => {
+    (await r.postSaveField4Form(o)).code === 1 && (F.success("保存成功"), u.value = "form_1", h("refresh"));
+  }, B = (o) => {
+    let e = [];
+    return o.forEach((a) => {
+      a.formItemType === "form" && a.form.formConfig.forEach((n) => {
+        if (n.data.elementItem[0].baseData.isShow == !0) {
+          let t = {
+            fieldName: n.data.elementItem[0].baseData.label,
+            showName: n.data.elementItem[0].baseData.label,
+            fieldProp: n.data.elementItem[0].baseData.prop,
+            fieldShow: !0,
+            fieldRequired: n.data.elementItem[0].elData.rules.required
+          };
+          e.push(t);
+        }
+      });
+    }), e;
+  }, I = (o) => {
+    let e = [];
+    return o.forEach((a) => {
+      a.formItemType === "form" && a.form.formConfig.forEach((n) => {
+        let t = {
+          field_code: n.data.elementItem[0].baseData.prop,
+          field_name: n.data.elementItem[0].baseData.label,
+          field_type: "4",
+          json_data: n.data.elementItem[0]
+        };
+        e.push(t);
+      });
+    }), JSON.stringify(e);
+  }, f = (o) => {
+    console.debug("删除配置操作", o), k.prompt(`确认删除【${s.value.config_name}】吗?`, "提示", {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消",
+      inputPattern: /^确认删除/,
+      inputErrorMessage: "请输入“确认删除”",
+      inputPlaceholder: "请输入“确认删除”"
+    }).then(() => {
+      r.postDelFieldById({ id: o }).then((e) => {
+        e.code == 1 && (F.success("删除成功"), setTimeout(() => {
+          h("refresh");
+        }, 1500));
+      });
+    }).catch(() => {
+      F.info("已取消删除");
+    });
+  }, y = (o) => {
+    let e = o.map((a) => ({
+      fieldName: a.data.name,
+      showName: a.data.name,
+      fieldProp: a.data.key,
+      fieldShow: a.data.isShow,
+      fieldRequired: !1
+    }));
+    return console.log("arr", e), e;
+  };
+  return {
+    handleTabsEdit: v,
+    saveFormTableConfig: S,
+    changeConfig: C,
+    deleteConfig: f
+  };
+}
+const K = { class: "flex flex-col h-full" }, Q = {
+  key: 0,
+  class: "flex-1 system-user-container",
+  style: { height: "300px" }
+}, X = N({
+  name: "test"
+}), Z = /* @__PURE__ */ N({
+  ...X,
+  props: {
+    currentPageData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["refresh"],
+  setup(s, { expose: u, emit: d }) {
+    let h = s, r = c({
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      BaseForm: {
+        labelWidth: "100",
+        // 表单域标签的宽度
+        labelPosition: "left",
+        // 表单域标签的位置
+        size: "small",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: !1,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: !0,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: !1
+        // 是否在输入的时候滚动到错误的地方
+      },
+      btns: [],
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "", grid: 3 },
+          form: {
+            baseData: { rowGap: 0, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    }), m = c("form_1"), D = c([]), v = c();
+    const S = c(!0);
+    c({});
+    const b = (I, f) => {
+      D.value = I, f && (r.value = JSON.parse(JSON.stringify(f)));
+    }, E = d, { handleTabsEdit: _, saveFormTableConfig: C, changeConfig: P, deleteConfig: B } = A(r, m, h, E);
+    return u({ initData: b, saveFormRef: v }), (I, f) => {
+      const y = j("hs-tab-pane"), o = j("hs-tabs");
+      return i(), w("div", K, [
+        S.value ? (i(), w("div", Q, [
+          q(o, {
+            ref: "tabsRef",
+            modelValue: l(m),
+            "onUpdate:modelValue": f[2] || (f[2] = (e) => O(m) ? m.value = e : m = e),
+            class: "h-full tabs",
+            type: "border-card",
+            addable: "",
+            onEdit: l(_)
+          }, {
+            default: x(() => [
+              q(y, {
+                class: "tab-pane",
+                label: "按钮配置",
+                name: "btn"
+              }, {
+                default: x(() => [
+                  (i(), T(R(z), {
+                    modelValue: l(r).btns,
+                    "onUpdate:modelValue": f[0] || (f[0] = (e) => l(r).btns = e)
+                  }, null, 8, ["modelValue"]))
+                ]),
+                _: 1
+              }),
+              (i(!0), w(J, null, U(l(r).forms, (e, a) => {
+                var n;
+                return i(), T(y, {
+                  class: "tab-pane",
+                  key: a,
+                  closable: a > 0,
+                  label: ((n = e.base) == null ? void 0 : n.label) || "表单配置名称",
+                  name: e.id
+                }, {
+                  default: x(() => [
+                    (i(), T(R(M), {
+                      modelValue: l(r).forms[a],
+                      "onUpdate:modelValue": (t) => l(r).forms[a] = t,
+                      BaseForm: l(r).BaseForm,
+                      "onUpdate:BaseForm": f[1] || (f[1] = (t) => l(r).BaseForm = t),
+                      panelConfig: l(r)
+                    }, null, 40, ["modelValue", "onUpdate:modelValue", "BaseForm", "panelConfig"]))
+                  ]),
+                  _: 2
+                }, 1032, ["closable", "label", "name"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onEdit"])
+        ])) : G("", !0),
+        (i(), T(R($), {
+          configs: l(D),
+          ref_key: "saveFormRef",
+          ref: v,
+          onChange: l(P),
+          onSave: l(C),
+          onDelete: l(B)
+        }, null, 40, ["configs", "onChange", "onSave", "onDelete"]))
+      ]);
+    };
+  }
+}), se = /* @__PURE__ */ Y(Z, [["__scopeId", "data-v-0cd3e13f"]]);
+export {
+  se as default
+};

package/dist/formConfig-bvMDLrhw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./hsFormPanel.vue_vue_type_script_setup_true_name_formPanel_lang-ZRcz0ZvQ.js"),k=require("./saveForm.vue_vue_type_script_setup_true_lang-WTKTeOO9.js"),P=require("./hsBtnPanel.vue_vue_type_script_setup_true_name_formPanel_lang-2u_8S8B7.js"),s=require("./index-T99SZmmi.js");function S(l,i,u,p){const f=s.useFieldConfigController(),m=()=>{l.value.forms.push({id:"form_"+(l.value.forms.length+1),base:{label:"表单配置名称",fieldID:"",grid:3},form:{baseData:{rowGap:0,columnGap:0},formConfig:[],formData:{}},component:{baseData:{}},slot:{baseData:{}},formItemType:"form"})},g=t=>{let a=s.lodashExports.find(l.value.forms,o=>o.id==t);s.ElMessageBox.confirm(`确定删除${(a==null?void 0:a.base.formName)||"表单配置"}吗？`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then(()=>{s._.remove(l.value.forms,o=>t&&o.id==t),s.ElMessage.success("删除成功"),i.value==t&&(i.value="form_1")}).catch(o=>{console.log("err",o)})},h=(t,a)=>{switch(a){case"remove":g(t);break;case"add":m();break}},y=t=>{console.debug("form====>>>>>>",t,JSON.stringify(l.value)),console.debug("props====>>>>>>",u);let a=s._.cloneDeep(l.value),o={config_name:t.config_name,config_unique_id:t.config_unique_id,attrs:_(a.BaseForm),data:I(a.forms),btns:a.btns,form:a.forms.map(n=>{let b={label:n.base.label,fieldID:n.base.fieldID,grid:n.base.grid,formItemType:n.formItemType,config:n.formItemType=="form"?d(n.formItemType,n.form.formConfig):n.formItemType=="component"?d(n.formItemType,n.component.baseData):d(n.formItemType,n.slot.baseData)};return n.formItemType=="form"&&(b.attrs=_(n.form.baseData)),b})},r={business_json:JSON.stringify(o),config_name:t.config_name,config_type:"2",config_unique_id:t.config_unique_id,field_json:JSON.stringify(l.value),menu_id:u.currentPageData.id,page_name:u.currentPageData.label,project_code:s.Session.get("CURRENT_SYSTEM").project_code,id:t.id,update_time:t.update_time,config_json:JSON.stringify({menu_id:u.currentPageData.id,config_type:"2",config_unique_id:t.config_unique_id,btns:D(a.btns),form:C(l.value.forms)}),field_pool_json:v(l.value.forms)};console.debug("params====>>>>>>",r),B(r)},d=(t,a)=>{switch(t){case"form":return a.map(r=>({label:r.data.elementItem[0].baseData.label,config:_(r.data.elementItem),layoutData:r.data.layoutData}));case"component":return a;case"slot":return a}};function I(t){const a={};return t.forEach(o=>{const r=o.base.fieldID,n={};if(o.formItemType!="form")return a[r]={};o.form.formConfig.forEach(b=>{console.log("config)",b);const E=b.data.elementItem[0].baseData.prop;n[E]=""}),a[r]=n}),a}function _(t){function a(o){var r;(r=o.editRender)!=null&&r.enabled?delete o.cellRender:o.editRender&&delete o.editRender;for(let n in o)s._.isString(o[n])&&o[n].trim()===""&&delete o[n],s._.isObject(o[n])&&!s._.isEmpty(o[n])&&a(o[n])}return a(t),t}const T=t=>{l.value=t,console.log("panelConfig.value",l.value,t)},B=async t=>{(await f.postSaveField4Form(t)).code===1&&(s.ElMessage.success("保存成功"),i.value="form_1",p("refresh"))},C=t=>{let a=[];return t.forEach(o=>{o.formItemType==="form"&&o.form.formConfig.forEach(r=>{if(r.data.elementItem[0].baseData.isShow==!0){let n={fieldName:r.data.elementItem[0].baseData.label,showName:r.data.elementItem[0].baseData.label,fieldProp:r.data.elementItem[0].baseData.prop,fieldShow:!0,fieldRequired:r.data.elementItem[0].elData.rules.required};a.push(n)}})}),a},v=t=>{let a=[];return t.forEach(o=>{o.formItemType==="form"&&o.form.formConfig.forEach(r=>{let n={field_code:r.data.elementItem[0].baseData.prop,field_name:r.data.elementItem[0].baseData.label,field_type:"4",json_data:r.data.elementItem[0]};a.push(n)})}),JSON.stringify(a)},c=t=>{console.debug("删除配置操作",t),s.ElMessageBox.prompt(`确认删除【${l.value.config_name}】吗?`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",inputPattern:/^确认删除/,inputErrorMessage:"请输入“确认删除”",inputPlaceholder:"请输入“确认删除”"}).then(()=>{f.postDelFieldById({id:t}).then(a=>{a.code==1&&(s.ElMessage.success("删除成功"),setTimeout(()=>{p("refresh")},1500))})}).catch(()=>{s.ElMessage.info("已取消删除")})},D=t=>{let a=t.map(o=>({fieldName:o.data.name,showName:o.data.name,fieldProp:o.data.key,fieldShow:o.data.isShow,fieldRequired:!1}));return console.log("arr",a),a};return{handleTabsEdit:h,saveFormTableConfig:y,changeConfig:T,deleteConfig:c}}const q={class:"flex flex-col h-full"},w={key:0,class:"flex-1 system-user-container",style:{height:"300px"}},x=e.defineComponent({name:"test"}),j=e.defineComponent({...x,props:{currentPageData:{type:Object,default:()=>({})}},emits:["refresh"],setup(l,{expose:i,emit:u}){let p=l,f=e.ref({config_unique_id:"",config_name:"",BaseForm:{labelWidth:"100",labelPosition:"left",size:"small",labelSuffix:"",requireAsteriskPosition:"left",statusIcon:!1,validateOnRuleChange:!0,scrollToError:!1},btns:[],forms:[{id:"form_1",base:{label:"表单配置名称",fieldID:"",grid:3},form:{baseData:{rowGap:0,columnGap:0},formConfig:[],formData:[]},component:{baseData:{}},slot:{baseData:{}},formItemType:"form"}]}),m=e.ref("form_1"),g=e.ref([]),h=e.ref();const y=e.ref(!0);e.ref({});const d=(v,c)=>{g.value=v,c&&(f.value=JSON.parse(JSON.stringify(c)))},I=u,{handleTabsEdit:_,saveFormTableConfig:T,changeConfig:B,deleteConfig:C}=S(f,m,p,I);return i({initData:d,saveFormRef:h}),(v,c)=>{const D=e.resolveComponent("hs-tab-pane"),t=e.resolveComponent("hs-tabs");return e.openBlock(),e.createElementBlock("div",q,[y.value?(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(t,{ref:"tabsRef",modelValue:e.unref(m),"onUpdate:modelValue":c[2]||(c[2]=a=>e.isRef(m)?m.value=a:m=a),class:"h-full tabs",type:"border-card",addable:"",onEdit:e.unref(_)},{default:e.withCtx(()=>[e.createVNode(D,{class:"tab-pane",label:"按钮配置",name:"btn"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(P._sfc_main),{modelValue:e.unref(f).btns,"onUpdate:modelValue":c[0]||(c[0]=a=>e.unref(f).btns=a)},null,8,["modelValue"]))]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f).forms,(a,o)=>{var r;return e.openBlock(),e.createBlock(D,{class:"tab-pane",key:o,closable:o>0,label:((r=a.base)==null?void 0:r.label)||"表单配置名称",name:a.id},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(F._sfc_main),{modelValue:e.unref(f).forms[o],"onUpdate:modelValue":n=>e.unref(f).forms[o]=n,BaseForm:e.unref(f).BaseForm,"onUpdate:BaseForm":c[1]||(c[1]=n=>e.unref(f).BaseForm=n),panelConfig:e.unref(f)},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(k._sfc_main),{configs:e.unref(g),ref_key:"saveFormRef",ref:h,onChange:e.unref(B),onSave:e.unref(T),onDelete:e.unref(C)},null,40,["configs","onChange","onSave","onDelete"]))])}}}),R=s._export_sfc(j,[["__scopeId","data-v-0cd3e13f"]]);exports.default=R;

package/dist/formConfig-j0SvTS3D.mjs

@@ -0,0 +1,217 @@
+import { ref as _, defineComponent as x, resolveComponent as y, openBlock as u, createElementBlock as C, createElementVNode as R, createVNode as V, unref as n, isRef as P, withCtx as F, Fragment as w, renderList as q, createBlock as T, resolveDynamicComponent as E } from "vue";
+import { _ as S } from "./hsFormPanel.vue_vue_type_script_setup_true_name_formPanel_lang-JKEdiFYw.mjs";
+import { _ as G } from "./saveForm.vue_vue_type_script_setup_true_lang-7caBfuNj.mjs";
+import { d as b, E as B, q as U, m as O, _ as j } from "./index-Q-nEtpIj.mjs";
+function M(l, g) {
+  const r = () => {
+    l.value.forms.push({
+      id: "form_" + (l.value.forms.length + 1),
+      base: { label: "表单配置名称", fieldID: "", grid: 3 },
+      form: {
+        baseData: { rowGap: 0, columnGap: 0 },
+        formConfig: [],
+        formData: {}
+      },
+      component: {
+        baseData: {}
+      },
+      slot: {
+        baseData: {}
+      },
+      formItemType: "form"
+    });
+  }, f = (t) => {
+    let e = U.find(l.value.forms, (o) => o.id == t);
+    console.log("form", e), O.confirm(`确定删除${(e == null ? void 0 : e.base.formName) || "表单配置"}吗？`, "提示", {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(() => {
+      b.remove(l.value.forms, (o) => t && o.id == t), B.success("删除成功"), g.value == t && (g.value = "form_1");
+    }).catch((o) => {
+      console.log("err", o);
+    });
+  }, p = (t, e) => {
+    switch (e) {
+      case "remove":
+        f(t);
+        break;
+      case "add":
+        r();
+        break;
+    }
+  };
+  let c = _();
+  const I = (t) => {
+    console.debug("form====>>>>>>", t, l.value);
+    let e = b.cloneDeep(l.value), o = {
+      config_name: t.config_name,
+      config_unique_id: t.config_unique_id,
+      attrs: d(e.BaseForm),
+      // 删除属性值为空的属性,
+      data: h(e.forms),
+      form: e.forms.map((a) => {
+        let s = {
+          label: a.base.label,
+          fieldID: a.base.fieldID,
+          grid: a.base.grid,
+          formItemType: a.formItemType,
+          config: a.formItemType == "form" ? i(a.formItemType, a.form.formConfig) : a.formItemType == "component" ? i(a.formItemType, a.component.baseData) : i(a.formItemType, a.slot.baseData)
+        };
+        return a.formItemType == "form" && (s.attrs = d(a.form.baseData)), s;
+      })
+    };
+    console.debug("tempPanelConfig====>>>>>>", JSON.stringify(o)), B.success("保存配置成功, 可在控制台打印中查看配置数据");
+  }, i = (t, e) => {
+    switch (t) {
+      case "form":
+        return e.map((a) => ({
+          label: a.data.elementItem[0].baseData.label,
+          config: d(a.data.elementItem),
+          // 删除属性值为空的属性
+          layoutData: a.data.layoutData
+        }));
+      case "component":
+        return e;
+      case "slot":
+        return e;
+    }
+  };
+  function h(t) {
+    console.log("originalData", t);
+    const e = {};
+    return t.forEach((o) => {
+      const a = o.base.fieldID, s = {};
+      if (o.formItemType != "form")
+        return e[a] = {};
+      o.form.formConfig.forEach((m) => {
+        console.log("config)", m);
+        const v = m.data.elementItem[0].baseData.prop;
+        s[v] = "";
+      }), e[a] = s;
+    }), e;
+  }
+  function d(t) {
+    function e(o) {
+      var a;
+      (a = o.editRender) != null && a.enabled ? delete o.cellRender : o.editRender && delete o.editRender;
+      for (let s in o)
+        b.isString(o[s]) && o[s].trim() === "" && delete o[s], b.isObject(o[s]) && !b.isEmpty(o[s]) && e(o[s]);
+    }
+    return e(t), t;
+  }
+  return {
+    handleTabsEdit: p,
+    saveFormTableConfig: I,
+    changeConfig: (t) => {
+      l.value = t;
+    },
+    config: c
+  };
+}
+const $ = { class: "flex flex-col h-full" }, z = {
+  class: "flex-1 system-user-container",
+  style: { height: "300px" }
+}, A = x({
+  name: "test"
+}), H = /* @__PURE__ */ x({
+  ...A,
+  setup(l, { expose: g }) {
+    let r = _({
+      config_unique_id: "",
+      // 配置唯一标识
+      config_name: "",
+      // 配置名称
+      BaseForm: {
+        labelWidth: "100",
+        // 表单域标签的宽度
+        labelPosition: "left",
+        // 表单域标签的位置
+        size: "small",
+        // 表单内组件的尺寸
+        labelSuffix: "",
+        // 表单域标签的后缀
+        requireAsteriskPosition: "left",
+        // 必填字段标签位置
+        statusIcon: !1,
+        // 是否在输入框中显示校验结果反馈图标
+        validateOnRuleChange: !0,
+        // 是否在规则改变的时候立即触发校验
+        scrollToError: !1
+        // 是否在输入的时候滚动到错误的地方
+      },
+      forms: [
+        {
+          id: "form_1",
+          base: { label: "表单配置名称", fieldID: "", grid: 3 },
+          form: {
+            baseData: { rowGap: 0, columnGap: 0 },
+            formConfig: [],
+            formData: []
+          },
+          component: {
+            baseData: {}
+          },
+          slot: {
+            baseData: {}
+          },
+          formItemType: "form"
+        }
+      ]
+    }), f = _("form_1"), p = _([]), c = _();
+    g({ initData: (t) => {
+      console.log("configList", t), p.value = t, c.value && c.value.initConfig(t);
+    } });
+    const { handleTabsEdit: i, saveFormTableConfig: h, changeConfig: d, config: k } = M(r, f);
+    return (t, e) => {
+      const o = y("hs-tab-pane"), a = y("hs-tabs");
+      return u(), C("div", $, [
+        R("div", z, [
+          V(a, {
+            ref: "tabsRef",
+            modelValue: n(f),
+            "onUpdate:modelValue": e[1] || (e[1] = (s) => P(f) ? f.value = s : f = s),
+            class: "h-full tabs",
+            type: "border-card",
+            addable: "",
+            onEdit: n(i)
+          }, {
+            default: F(() => [
+              (u(!0), C(w, null, q(n(r).forms, (s, m) => {
+                var v;
+                return u(), T(o, {
+                  class: "tab-pane",
+                  key: m,
+                  closable: m > 0,
+                  label: ((v = s.base) == null ? void 0 : v.label) || "表单配置名称",
+                  name: s.id
+                }, {
+                  default: F(() => [
+                    (u(), T(E(S), {
+                      modelValue: n(r).forms[m],
+                      "onUpdate:modelValue": (D) => n(r).forms[m] = D,
+                      BaseForm: n(r).BaseForm,
+                      "onUpdate:BaseForm": e[0] || (e[0] = (D) => n(r).BaseForm = D)
+                    }, null, 40, ["modelValue", "onUpdate:modelValue", "BaseForm"]))
+                  ]),
+                  _: 2
+                }, 1032, ["closable", "label", "name"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onEdit"])
+        ]),
+        (u(), T(E(G), {
+          configs: n(p),
+          ref_key: "saveFormRef",
+          ref: c,
+          onChange: n(d),
+          onSave: n(h)
+        }, null, 40, ["configs", "onChange", "onSave"]))
+      ]);
+    };
+  }
+}), L = /* @__PURE__ */ j(H, [["__scopeId", "data-v-ad6af410"]]);
+export {
+  L as default
+};

package/dist/formConfig-m_3zWON1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),T=require("./hsFormPanel.vue_vue_type_script_setup_true_name_formPanel_lang-XPlLitqj.js"),y=require("./saveForm.vue_vue_type_script_setup_true_lang-hy87zNG5.js"),l=require("./index-T99SZmmi.js");function I(r,_){const f=()=>{r.value.forms.push({id:"form_"+(r.value.forms.length+1),base:{label:"表单配置名称",fieldID:"",grid:3},form:{baseData:{rowGap:0,columnGap:0},formConfig:[],formData:{}},component:{baseData:{}},slot:{baseData:{}},formItemType:"form"})},c=t=>{let o=l.lodashExports.find(r.value.forms,a=>a.id==t);console.log("form",o),l.ElMessageBox.confirm(`确定删除${(o==null?void 0:o.base.formName)||"表单配置"}吗？`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then(()=>{l._.remove(r.value.forms,a=>t&&a.id==t),l.ElMessage.success("删除成功"),_.value==t&&(_.value="form_1")}).catch(a=>{console.log("err",a)})},b=(t,o)=>{switch(o){case"remove":c(t);break;case"add":f();break}};let u=e.ref();const h=t=>{console.debug("form====>>>>>>",t,r.value);let o=l._.cloneDeep(r.value),a={config_name:t.config_name,config_unique_id:t.config_unique_id,attrs:d(o.BaseForm),data:p(o.forms),form:o.forms.map(n=>{let s={label:n.base.label,fieldID:n.base.fieldID,grid:n.base.grid,formItemType:n.formItemType,config:n.formItemType=="form"?i(n.formItemType,n.form.formConfig):n.formItemType=="component"?i(n.formItemType,n.component.baseData):i(n.formItemType,n.slot.baseData)};return n.formItemType=="form"&&(s.attrs=d(n.form.baseData)),s})};console.debug("tempPanelConfig====>>>>>>",JSON.stringify(a)),l.ElMessage.success("保存配置成功, 可在控制台打印中查看配置数据")},i=(t,o)=>{switch(t){case"form":return o.map(n=>({label:n.data.elementItem[0].baseData.label,config:d(n.data.elementItem),layoutData:n.data.layoutData}));case"component":return o;case"slot":return o}};function p(t){console.log("originalData",t);const o={};return t.forEach(a=>{const n=a.base.fieldID,s={};if(a.formItemType!="form")return o[n]={};a.form.formConfig.forEach(m=>{console.log("config)",m);const g=m.data.elementItem[0].baseData.prop;s[g]=""}),o[n]=s}),o}function d(t){function o(a){var n;(n=a.editRender)!=null&&n.enabled?delete a.cellRender:a.editRender&&delete a.editRender;for(let s in a)l._.isString(a[s])&&a[s].trim()===""&&delete a[s],l._.isObject(a[s])&&!l._.isEmpty(a[s])&&o(a[s])}return o(t),t}return{handleTabsEdit:b,saveFormTableConfig:h,changeConfig:t=>{r.value=t},config:u}}const B={class:"flex flex-col h-full"},C={class:"flex-1 system-user-container",style:{height:"300px"}},F=e.defineComponent({name:"test"}),k=e.defineComponent({...F,setup(r,{expose:_}){let f=e.ref({config_unique_id:"",config_name:"",BaseForm:{labelWidth:"100",labelPosition:"left",size:"small",labelSuffix:"",requireAsteriskPosition:"left",statusIcon:!1,validateOnRuleChange:!0,scrollToError:!1},forms:[{id:"form_1",base:{label:"表单配置名称",fieldID:"",grid:3},form:{baseData:{rowGap:0,columnGap:0},formConfig:[],formData:[]},component:{baseData:{}},slot:{baseData:{}},formItemType:"form"}]}),c=e.ref("form_1"),b=e.ref([]),u=e.ref();_({initData:t=>{console.log("configList",t),b.value=t,u.value&&u.value.initConfig(t)}});const{handleTabsEdit:i,saveFormTableConfig:p,changeConfig:d,config:D}=I(f,c);return(t,o)=>{const a=e.resolveComponent("hs-tab-pane"),n=e.resolveComponent("hs-tabs");return e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",C,[e.createVNode(n,{ref:"tabsRef",modelValue:e.unref(c),"onUpdate:modelValue":o[1]||(o[1]=s=>e.isRef(c)?c.value=s:c=s),class:"h-full tabs",type:"border-card",addable:"",onEdit:e.unref(i)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f).forms,(s,m)=>{var g;return e.openBlock(),e.createBlock(a,{class:"tab-pane",key:m,closable:m>0,label:((g=s.base)==null?void 0:g.label)||"表单配置名称",name:s.id},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(T._sfc_main),{modelValue:e.unref(f).forms[m],"onUpdate:modelValue":v=>e.unref(f).forms[m]=v,BaseForm:e.unref(f).BaseForm,"onUpdate:BaseForm":o[0]||(o[0]=v=>e.unref(f).BaseForm=v)},null,40,["modelValue","onUpdate:modelValue","BaseForm"]))]),_:2},1032,["closable","label","name"])}),128))]),_:1},8,["modelValue","onEdit"])]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y._sfc_main),{configs:e.unref(b),ref_key:"saveFormRef",ref:u,onChange:e.unref(d),onSave:e.unref(p)},null,40,["configs","onChange","onSave"]))])}}}),E=l._export_sfc(k,[["__scopeId","data-v-ad6af410"]]);exports.default=E;

package/dist/header-bupfFUED.js

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

package/dist/header-y40dfauU.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as o, defineAsyncComponent as a, resolveComponent as c, withDirectives as i, openBlock as u, createBlock as _, withCtx as l, createVNode as p, unref as e, vShow as d } from "vue";
+import { h as m, s as f } from "./index-Q-nEtpIj.mjs";
+const h = o({
+  name: "layoutHeader"
+}), V = /* @__PURE__ */ o({
+  ...h,
+  setup(w) {
+    const t = a(() => import("./index-ay0cxxCJ.mjs")), s = m(), { isTagsViewCurrenFull: n } = f(s);
+    return (C, v) => {
+      const r = c("el-header");
+      return i((u(), _(r, { class: "layout-header" }, {
+        default: l(() => [
+          p(e(t))
+        ]),
+        _: 1
+      }, 512)), [
+        [d, !e(n)]
+      ]);
+    };
+  }
+});
+export {
+  V as default
+};