hs-admin-ui 1.0.10 → 1.0.11

package/dist/dialog.vue_vue_type_script_setup_true_name_systemMenuDialog_lang-GCl2Bmns.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, g as Z } from "./index-g9uDvi_d.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-Kdr5OFe4.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/formConfig-23joCn65.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-_CEHYsGq.js"),y=require("./saveForm.vue_vue_type_script_setup_true_lang-wB4gZieh.js"),l=require("./index-MBpmPwXc.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;