hs-admin-ui 1.1.0 → 1.1.1

package/dist/dialog.vue_vue_type_script_setup_true_name_systemMenuDialog_lang-C9NVvQ6E.mjs

@@ -0,0 +1,543 @@
+import { defineComponent as L, defineAsyncComponent as O, ref as J, reactive as k, onMounted as G, resolveComponent as d, openBlock as U, createElementBlock as D, createVNode as e, withCtx as t, createElementVNode as S, toDisplayString as b, createCommentVNode as P, unref as Q, createTextVNode as n, nextTick as W } from "vue";
+import { w as X, s as Y, x as C, f as Z } from "./index-Dhs1mpX3.mjs";
+const $ = { class: "system-menu-dialog-container h-full" }, ee = { key: 0 }, le = { class: "flex justify-center" }, te = L({
+  name: "systemMenuDialog"
+}), re = /* @__PURE__ */ L({
+  ...te,
+  props: {
+    type: {
+      type: String,
+      default: "add"
+    },
+    row: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["refresh", "success"],
+  setup(g, { expose: q, emit: w }) {
+    const { postAddMenu: I, postUpdateMenu: M } = Z(), c = w, x = g, T = O(() => import("./index-BYf4MMln.mjs")), _ = J(), v = X(), { routesList: A } = Y(v), l = k({
+      // 参数请参考 `/src/router/route.ts` 中的 `dynamicRoutes` 路由菜单格式
+      ruleForm: {
+        pid: [],
+        // 上级菜单id
+        menuType: "menu",
+        // 菜单类型
+        name: "",
+        // 路由名称
+        component: "",
+        // 组件路径
+        // componentAlias: '', // 组件路径别名
+        link: "",
+        // 外链/内嵌时链接地址（http:xxx.com），开启外链条件，`1、isLink: 链接地址不为空`
+        sort: 0,
+        // 菜单排序
+        path: "",
+        // 路由路径
+        redirect: "",
+        // 路由重定向，有子集 children 时
+        meta: {
+          title: "",
+          // 菜单名称
+          icon: "",
+          // 菜单图标
+          isHide: !1,
+          // 是否隐藏
+          isKeepAlive: !0,
+          // 是否缓存
+          isAffix: !1,
+          // 是否固定
+          isLink: !1,
+          // 是否外链
+          isIframe: !1
+          // 是否内嵌，开启条件，`1、isIframe:true 2、isLink：链接地址不为空`
+        }
+      },
+      menuData: [],
+      // 上级菜单数据
+      dialog: {
+        isShowDialog: !1,
+        type: "",
+        title: "",
+        submitTxt: ""
+      }
+    }), N = k({
+      // 表单验证规则
+      meta: {
+        title: [{ required: !0, message: "请输入菜单名称", trigger: "blur" }]
+      },
+      path: [{ required: !0, message: "请输入路由路径", trigger: "blur" }],
+      component: [{ required: !0, message: "请输入组件路径", trigger: "blur" }],
+      sort: [{ required: !0, message: "请输入菜单排序", trigger: "blur" }]
+    }), V = (m) => {
+      const o = [];
+      return m.map((u) => {
+        var r;
+        u.title = (r = u.meta) == null ? void 0 : r.title, o.push({ ...u }), u.children && V(u.children);
+      }), o;
+    }, F = (m, o) => {
+      m === "edit" ? (o.menuType = "menu", o.menuSort = Math.floor(Math.random() * 100), l.ruleForm = JSON.parse(JSON.stringify(o)), l.dialog.submitTxt = "修 改") : (l.dialog.submitTxt = "新 增", o && o.id && (l.ruleForm.pid = o.id), console.log("row", o), W(() => {
+        _.value.resetFields();
+      })), l.dialog.type = m, l.dialog.isShowDialog = !0;
+    }, R = () => {
+      l.ruleForm.meta.isIframe ? l.ruleForm.meta.isLink = !0 : l.ruleForm.meta.isLink = !1;
+    }, j = () => {
+      _.value.validate((m) => {
+        if (m) {
+          let o = {
+            ...l.ruleForm,
+            ...l.ruleForm.meta,
+            project_code: localStorage.getItem("project_code"),
+            pid: l.ruleForm.pid ? B(l.ruleForm.pid) : ""
+          };
+          l.dialog.type === "add" ? I(o).then(async (u) => {
+            u.code === 1 && (c("success", "refresh"), await C());
+          }) : M(o).then(async (u) => {
+            u.code === 1 && (c("success", "refresh"), await C());
+          });
+        } else
+          return !1;
+      });
+    }, z = () => {
+      c("success", "close");
+    };
+    G(() => {
+      l.menuData = V(A.value), F(x.type, x.row);
+    });
+    const B = (m) => typeof m == "string" ? m : m[m.length - 1];
+    return q({
+      openDialog: F
+    }), (m, o) => {
+      const u = d("el-cascader"), r = d("el-form-item"), s = d("el-col"), p = d("el-input"), E = d("el-input-number"), i = d("el-radio"), f = d("el-radio-group"), H = d("el-row"), K = d("el-form"), y = d("el-button");
+      return U(), D("div", $, [
+        e(K, {
+          ref_key: "menuDialogFormRef",
+          ref: _,
+          model: l.ruleForm,
+          size: "default",
+          "label-width": "80px",
+          rules: N
+        }, {
+          default: t(() => [
+            e(H, { gutter: 26 }, {
+              default: t(() => [
+                e(s, {
+                  xs: 24,
+                  sm: 24,
+                  md: 24,
+                  lg: 24,
+                  xl: 24,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "上级菜单" }, {
+                      default: t(() => [
+                        e(u, {
+                          options: l.menuData,
+                          props: { checkStrictly: !0, value: "id", label: "title" },
+                          placeholder: "请选择上级菜单",
+                          clearable: "",
+                          class: "w100",
+                          modelValue: l.ruleForm.pid,
+                          "onUpdate:modelValue": o[0] || (o[0] = (a) => l.ruleForm.pid = a),
+                          "value-format": "string",
+                          "change-on-select": ""
+                        }, {
+                          default: t(({ node: a, data: h }) => [
+                            S("span", null, b(h.title), 1),
+                            a.isLeaf ? P("", !0) : (U(), D("span", ee, " (" + b(h.children.length) + ") ", 1))
+                          ]),
+                          _: 1
+                        }, 8, ["options", "modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, {
+                      label: "菜单名称",
+                      required: "",
+                      prop: "meta.title"
+                    }, {
+                      default: t(() => [
+                        e(p, {
+                          modelValue: l.ruleForm.meta.title,
+                          "onUpdate:modelValue": o[1] || (o[1] = (a) => l.ruleForm.meta.title = a),
+                          placeholder: "格式：message.router.xxx",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "路由名称" }, {
+                      default: t(() => [
+                        e(p, {
+                          modelValue: l.ruleForm.name,
+                          "onUpdate:modelValue": o[2] || (o[2] = (a) => l.ruleForm.name = a),
+                          placeholder: "路由中的 name 值",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, {
+                      label: "路由路径",
+                      required: "",
+                      prop: "path"
+                    }, {
+                      default: t(() => [
+                        e(p, {
+                          modelValue: l.ruleForm.path,
+                          "onUpdate:modelValue": o[3] || (o[3] = (a) => l.ruleForm.path = a),
+                          placeholder: "路由中的 path 值",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "重定向" }, {
+                      default: t(() => [
+                        e(p, {
+                          modelValue: l.ruleForm.redirect,
+                          "onUpdate:modelValue": o[4] || (o[4] = (a) => l.ruleForm.redirect = a),
+                          placeholder: "请输入路由重定向",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "菜单图标" }, {
+                      default: t(() => [
+                        e(Q(T), {
+                          placeholder: "请输入菜单图标",
+                          modelValue: l.ruleForm.meta.icon,
+                          "onUpdate:modelValue": o[5] || (o[5] = (a) => l.ruleForm.meta.icon = a)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, {
+                      label: "组件路径",
+                      required: "",
+                      prop: "component"
+                    }, {
+                      default: t(() => [
+                        e(p, {
+                          modelValue: l.ruleForm.component,
+                          "onUpdate:modelValue": o[6] || (o[6] = (a) => l.ruleForm.component = a),
+                          placeholder: "组件路径",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "链接地址" }, {
+                      default: t(() => [
+                        e(p, {
+                          modelValue: l.ruleForm.link,
+                          "onUpdate:modelValue": o[7] || (o[7] = (a) => l.ruleForm.link = a),
+                          placeholder: "外链/内嵌时链接地址（http:xxx.com）",
+                          clearable: "",
+                          disabled: !l.ruleForm.meta.isLink
+                        }, null, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, {
+                      label: "菜单排序",
+                      required: "",
+                      prop: "sort"
+                    }, {
+                      default: t(() => [
+                        e(E, {
+                          modelValue: l.ruleForm.sort,
+                          "onUpdate:modelValue": o[8] || (o[8] = (a) => l.ruleForm.sort = a),
+                          "controls-position": "right",
+                          placeholder: "请输入排序",
+                          class: "w100"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "是否隐藏" }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.meta.isHide,
+                          "onUpdate:modelValue": o[9] || (o[9] = (a) => l.ruleForm.meta.isHide = a)
+                        }, {
+                          default: t(() => [
+                            e(i, { label: !0 }, {
+                              default: t(() => [
+                                n("隐藏")
+                              ]),
+                              _: 1
+                            }),
+                            e(i, { label: !1 }, {
+                              default: t(() => [
+                                n("不隐藏")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "页面缓存" }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.meta.isKeepAlive,
+                          "onUpdate:modelValue": o[10] || (o[10] = (a) => l.ruleForm.meta.isKeepAlive = a)
+                        }, {
+                          default: t(() => [
+                            e(i, { label: !0 }, {
+                              default: t(() => [
+                                n("缓存")
+                              ]),
+                              _: 1
+                            }),
+                            e(i, { label: !1 }, {
+                              default: t(() => [
+                                n("不缓存")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "是否外链" }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.meta.isLink,
+                          "onUpdate:modelValue": o[11] || (o[11] = (a) => l.ruleForm.meta.isLink = a),
+                          disabled: l.ruleForm.meta.isIframe
+                        }, {
+                          default: t(() => [
+                            e(i, { label: !0 }, {
+                              default: t(() => [
+                                n("是")
+                              ]),
+                              _: 1
+                            }),
+                            e(i, { label: !1 }, {
+                              default: t(() => [
+                                n("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(s, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(r, { label: "是否内嵌" }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.meta.isIframe,
+                          "onUpdate:modelValue": o[12] || (o[12] = (a) => l.ruleForm.meta.isIframe = a),
+                          onChange: R
+                        }, {
+                          default: t(() => [
+                            e(i, { label: !0 }, {
+                              default: t(() => [
+                                n("是")
+                              ]),
+                              _: 1
+                            }),
+                            e(i, { label: !1 }, {
+                              default: t(() => [
+                                n("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model", "rules"]),
+        S("div", le, [
+          e(y, {
+            onClick: z,
+            size: "default"
+          }, {
+            default: t(() => [
+              n("取 消")
+            ]),
+            _: 1
+          }),
+          e(y, {
+            type: "primary",
+            onClick: j,
+            size: "default"
+          }, {
+            default: t(() => [
+              n(b(g.type == "add" ? "新 增" : "修 改"), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  re as _
+};

package/dist/dialog.vue_vue_type_script_setup_true_name_systemMenuDialog_lang-obFUvWKy.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("./index-BBFX4zTo.js"),M={class:"system-menu-dialog-container h-full"},R={key:0},A={class:"flex justify-center"},B=e.defineComponent({name:"systemMenuDialog"}),E=e.defineComponent({...B,props:{type:{type:String,default:"add"},row:{type:Object,default:()=>{}}},emits:["refresh","success"],setup(f,{expose:h,emit:b}){const{postAddMenu:g,postUpdateMenu:w}=n.useMenuController(),c=b,V=f,F=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./index-BTOTaYsc.js"))),p=e.ref(),y=n.useRoutesList(),{routesList:k}=n.storeToRefs(y),t=e.reactive({ruleForm:{pid:[],menuType:"menu",name:"",component:"",link:"",sort:0,path:"",redirect:"",meta:{title:"",icon:"",isHide:!1,isKeepAlive:!0,isAffix:!1,isLink:!1,isIframe:!1}},menuData:[],dialog:{isShowDialog:!1,type:"",title:"",submitTxt:""}}),v=e.reactive({meta:{title:[{required:!0,message:"请输入菜单名称",trigger:"blur"}]},path:[{required:!0,message:"请输入路由路径",trigger:"blur"}],component:[{required:!0,message:"请输入组件路径",trigger:"blur"}],sort:[{required:!0,message:"请输入菜单排序",trigger:"blur"}]}),x=d=>{const l=[];return d.map(s=>{var a;s.title=(a=s.meta)==null?void 0:a.title,l.push({...s}),s.children&&x(s.children)}),l},_=(d,l)=>{d==="edit"?(l.menuType="menu",l.menuSort=Math.floor(Math.random()*100),t.ruleForm=JSON.parse(JSON.stringify(l)),t.dialog.submitTxt="修 改"):(t.dialog.submitTxt="新 增",l&&l.id&&(t.ruleForm.pid=l.id),console.log("row",l),e.nextTick(()=>{p.value.resetFields()})),t.dialog.type=d,t.dialog.isShowDialog=!0},T=()=>{t.ruleForm.meta.isIframe?t.ruleForm.meta.isLink=!0:t.ruleForm.meta.isLink=!1},D=()=>{p.value.validate(d=>{if(d){let l={...t.ruleForm,...t.ruleForm.meta,project_code:localStorage.getItem("project_code"),pid:t.ruleForm.pid?U(t.ruleForm.pid):""};t.dialog.type==="add"?g(l).then(async s=>{s.code===1&&(c("success","refresh"),await n.setBackEndControlRefreshRoutes())}):w(l).then(async s=>{s.code===1&&(c("success","refresh"),await n.setBackEndControlRefreshRoutes())})}else return!1})},S=()=>{c("success","close")};e.onMounted(()=>{t.menuData=x(k.value),_(V.type,V.row)});const U=d=>typeof d=="string"?d:d[d.length-1];return h({openDialog:_}),(d,l)=>{const s=e.resolveComponent("el-cascader"),a=e.resolveComponent("el-form-item"),r=e.resolveComponent("el-col"),u=e.resolveComponent("el-input"),q=e.resolveComponent("el-input-number"),m=e.resolveComponent("el-radio"),i=e.resolveComponent("el-radio-group"),L=e.resolveComponent("el-row"),I=e.resolveComponent("el-form"),N=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",M,[e.createVNode(I,{ref_key:"menuDialogFormRef",ref:p,model:t.ruleForm,size:"default","label-width":"80px",rules:v},{default:e.withCtx(()=>[e.createVNode(L,{gutter:26},{default:e.withCtx(()=>[e.createVNode(r,{xs:24,sm:24,md:24,lg:24,xl:24,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"上级菜单"},{default:e.withCtx(()=>[e.createVNode(s,{options:t.menuData,props:{checkStrictly:!0,value:"id",label:"title"},placeholder:"请选择上级菜单",clearable:"",class:"w100",modelValue:t.ruleForm.pid,"onUpdate:modelValue":l[0]||(l[0]=o=>t.ruleForm.pid=o),"value-format":"string","change-on-select":""},{default:e.withCtx(({node:o,data:C})=>[e.createElementVNode("span",null,e.toDisplayString(C.title),1),o.isLeaf?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",R," ("+e.toDisplayString(C.children.length)+") ",1))]),_:1},8,["options","modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"菜单名称",required:"",prop:"meta.title"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.ruleForm.meta.title,"onUpdate:modelValue":l[1]||(l[1]=o=>t.ruleForm.meta.title=o),placeholder:"格式：message.router.xxx",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"路由名称"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.ruleForm.name,"onUpdate:modelValue":l[2]||(l[2]=o=>t.ruleForm.name=o),placeholder:"路由中的 name 值",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"路由路径",required:"",prop:"path"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.ruleForm.path,"onUpdate:modelValue":l[3]||(l[3]=o=>t.ruleForm.path=o),placeholder:"路由中的 path 值",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"重定向"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.ruleForm.redirect,"onUpdate:modelValue":l[4]||(l[4]=o=>t.ruleForm.redirect=o),placeholder:"请输入路由重定向",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"菜单图标"},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{placeholder:"请输入菜单图标",modelValue:t.ruleForm.meta.icon,"onUpdate:modelValue":l[5]||(l[5]=o=>t.ruleForm.meta.icon=o)},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"组件路径",required:"",prop:"component"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.ruleForm.component,"onUpdate:modelValue":l[6]||(l[6]=o=>t.ruleForm.component=o),placeholder:"组件路径",clearable:""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"链接地址"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.ruleForm.link,"onUpdate:modelValue":l[7]||(l[7]=o=>t.ruleForm.link=o),placeholder:"外链/内嵌时链接地址（http:xxx.com）",clearable:"",disabled:!t.ruleForm.meta.isLink},null,8,["modelValue","disabled"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"菜单排序",required:"",prop:"sort"},{default:e.withCtx(()=>[e.createVNode(q,{modelValue:t.ruleForm.sort,"onUpdate:modelValue":l[8]||(l[8]=o=>t.ruleForm.sort=o),"controls-position":"right",placeholder:"请输入排序",class:"w100"},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"是否隐藏"},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:t.ruleForm.meta.isHide,"onUpdate:modelValue":l[9]||(l[9]=o=>t.ruleForm.meta.isHide=o)},{default:e.withCtx(()=>[e.createVNode(m,{label:!0},{default:e.withCtx(()=>[e.createTextVNode("隐藏")]),_:1}),e.createVNode(m,{label:!1},{default:e.withCtx(()=>[e.createTextVNode("不隐藏")]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"页面缓存"},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:t.ruleForm.meta.isKeepAlive,"onUpdate:modelValue":l[10]||(l[10]=o=>t.ruleForm.meta.isKeepAlive=o)},{default:e.withCtx(()=>[e.createVNode(m,{label:!0},{default:e.withCtx(()=>[e.createTextVNode("缓存")]),_:1}),e.createVNode(m,{label:!1},{default:e.withCtx(()=>[e.createTextVNode("不缓存")]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"是否外链"},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:t.ruleForm.meta.isLink,"onUpdate:modelValue":l[11]||(l[11]=o=>t.ruleForm.meta.isLink=o),disabled:t.ruleForm.meta.isIframe},{default:e.withCtx(()=>[e.createVNode(m,{label:!0},{default:e.withCtx(()=>[e.createTextVNode("是")]),_:1}),e.createVNode(m,{label:!1},{default:e.withCtx(()=>[e.createTextVNode("否")]),_:1})]),_:1},8,["modelValue","disabled"])]),_:1})]),_:1}),e.createVNode(r,{xs:24,sm:12,md:12,lg:12,xl:12,class:"mb20"},{default:e.withCtx(()=>[e.createVNode(a,{label:"是否内嵌"},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:t.ruleForm.meta.isIframe,"onUpdate:modelValue":l[12]||(l[12]=o=>t.ruleForm.meta.isIframe=o),onChange:T},{default:e.withCtx(()=>[e.createVNode(m,{label:!0},{default:e.withCtx(()=>[e.createTextVNode("是")]),_:1}),e.createVNode(m,{label:!1},{default:e.withCtx(()=>[e.createTextVNode("否")]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1})]),_:1})]),_:1},8,["model","rules"]),e.createElementVNode("div",A,[e.createVNode(N,{onClick:S,size:"default"},{default:e.withCtx(()=>[e.createTextVNode("取 消")]),_:1}),e.createVNode(N,{type:"primary",onClick:D,size:"default"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.type=="add"?"新 增":"修 改"),1)]),_:1})])])}}});exports._sfc_main=E;

package/dist/formConfig-9NAnJcCK.js

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