hs-admin-ui 1.4.6 → 1.4.8

package/dist/dialog.vue_vue_type_script_setup_true_name_systemMenuDialog_lang-qrZaH6GJ.mjs

@@ -0,0 +1,549 @@
+import { defineComponent as R, defineAsyncComponent as G, ref as P, reactive as C, onMounted as Q, resolveComponent as n, openBlock as F, createElementBlock as V, createVNode as e, withCtx as t, toDisplayString as y, createCommentVNode as T, unref as W, createTextVNode as i, createElementVNode as X, nextTick as Z } from "vue";
+import { B as $, s as v, S as _, C as M, j as ee } from "./index-C-x89ap2.mjs";
+const le = { class: "system-menu-dialog-container h-full" }, te = { key: 0 }, oe = { key: 1 }, ae = { class: "flex justify-center" }, re = R({
+  name: "systemMenuDialog"
+}), me = /* @__PURE__ */ R({
+  ...re,
+  props: {
+    type: {
+      type: String,
+      default: "add"
+    },
+    row: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["refresh", "success"],
+  setup(S, { expose: D, emit: w }) {
+    const { postAddMenu: E, postUpdateMenu: L, getMenuList: N } = ee(), b = w, u = S, j = G(() => import("./index-_0dMgeM4.mjs")), g = P(), q = $();
+    v(q);
+    const l = C({
+      // 参数请参考 `/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: ""
+      }
+    }), I = C({
+      // 表单验证规则
+      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" }]
+    }), h = (s) => {
+      const o = [];
+      return s.map((r) => {
+        var d;
+        u.type === "edit" && u.row.pid && r.id === u.row.id && (r.disabled = !0), u.type === "edit" && u.row.id && r.pid === u.row.id && (r.disabled = !0), u.type === "edit" && u.row.id == r.id && !r.pid && (r.disabled = !0), r.title = (d = r.meta) == null ? void 0 : d.title, o.push({ ...r }), r.children && h(r.children);
+      }), o;
+    }, k = (s, o) => {
+      s === "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), Z(() => {
+        g.value.resetFields();
+      })), l.dialog.type = s, l.dialog.isShowDialog = !0;
+    }, A = () => {
+      l.ruleForm.meta.isIframe ? l.ruleForm.meta.isLink = !0 : l.ruleForm.meta.isLink = !1;
+    }, B = () => {
+      g.value.validate((s) => {
+        if (s) {
+          let o = {
+            ...l.ruleForm,
+            ...l.ruleForm.meta,
+            project_code: _.get("CURRENT_SYSTEM").project_code,
+            pid: l.ruleForm.pid ? H(l.ruleForm.pid) : ""
+          };
+          l.dialog.type === "add" ? E(o).then(async (r) => {
+            r.code === 1 && (b("success", "refresh"), _.get("CURRENT_SYSTEM").project_code == "scmp" && await M());
+          }) : L(o).then(async (r) => {
+            r.code === 1 && (b("success", "refresh"), _.get("CURRENT_SYSTEM").project_code == "scmp" && await M());
+          });
+        } else
+          return !1;
+      });
+    }, Y = () => {
+      b("success", "close");
+    }, z = () => {
+      N({ project_code: _.get("CURRENT_SYSTEM").project_code }).then((s) => {
+        console.log("res", s), s.code === 1 ? l.menuData = h(s.data) : l.menuData = [];
+      });
+    };
+    Q(() => {
+      z(), k(u.type, u.row);
+    });
+    const H = (s) => typeof s == "string" ? s : s[s.length - 1];
+    return D({
+      openDialog: k
+    }), (s, o) => {
+      const r = n("el-cascader"), d = n("el-form-item"), m = n("el-col"), f = n("el-input"), K = n("el-input-number"), p = n("el-radio"), c = n("el-radio-group"), O = n("el-row"), J = n("el-form"), U = n("el-button");
+      return F(), V("div", le, [
+        e(J, {
+          ref_key: "menuDialogFormRef",
+          ref: g,
+          model: l.ruleForm,
+          size: "default",
+          "label-width": "80px",
+          rules: I
+        }, {
+          default: t(() => [
+            e(O, { gutter: 26 }, {
+              default: t(() => [
+                e(m, {
+                  xs: 24,
+                  sm: 24,
+                  md: 24,
+                  lg: 24,
+                  xl: 24,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "上级菜单" }, {
+                      default: t(() => [
+                        e(r, {
+                          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: x }) => [
+                            x.title ? (F(), V("span", te, y(x.title), 1)) : T("", !0),
+                            a.isLeaf ? T("", !0) : (F(), V("span", oe, " (" + y(x.children.length) + ") ", 1))
+                          ]),
+                          _: 1
+                        }, 8, ["options", "modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, {
+                      label: "菜单名称",
+                      required: "",
+                      prop: "meta.title"
+                    }, {
+                      default: t(() => [
+                        e(f, {
+                          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(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "路由名称" }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.name,
+                          "onUpdate:modelValue": o[2] || (o[2] = (a) => l.ruleForm.name = a),
+                          placeholder: "路由中的 name 值",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, {
+                      label: "路由路径",
+                      required: "",
+                      prop: "path"
+                    }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.path,
+                          "onUpdate:modelValue": o[3] || (o[3] = (a) => l.ruleForm.path = a),
+                          placeholder: "路由中的 path 值",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "重定向" }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.redirect,
+                          "onUpdate:modelValue": o[4] || (o[4] = (a) => l.ruleForm.redirect = a),
+                          placeholder: "请输入路由重定向",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "菜单图标" }, {
+                      default: t(() => [
+                        e(W(j), {
+                          placeholder: "请输入菜单图标",
+                          modelValue: l.ruleForm.meta.icon,
+                          "onUpdate:modelValue": o[5] || (o[5] = (a) => l.ruleForm.meta.icon = a)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, {
+                      label: "组件路径",
+                      required: "",
+                      prop: "component"
+                    }, {
+                      default: t(() => [
+                        e(f, {
+                          modelValue: l.ruleForm.component,
+                          "onUpdate:modelValue": o[6] || (o[6] = (a) => l.ruleForm.component = a),
+                          placeholder: "组件路径",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "链接地址" }, {
+                      default: t(() => [
+                        e(f, {
+                          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(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, {
+                      label: "菜单排序",
+                      required: "",
+                      prop: "sort"
+                    }, {
+                      default: t(() => [
+                        e(K, {
+                          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(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "是否隐藏" }, {
+                      default: t(() => [
+                        e(c, {
+                          modelValue: l.ruleForm.meta.isHide,
+                          "onUpdate:modelValue": o[9] || (o[9] = (a) => l.ruleForm.meta.isHide = a)
+                        }, {
+                          default: t(() => [
+                            e(p, { label: !0 }, {
+                              default: t(() => [
+                                i("隐藏")
+                              ]),
+                              _: 1
+                            }),
+                            e(p, { label: !1 }, {
+                              default: t(() => [
+                                i("不隐藏")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "页面缓存" }, {
+                      default: t(() => [
+                        e(c, {
+                          modelValue: l.ruleForm.meta.isKeepAlive,
+                          "onUpdate:modelValue": o[10] || (o[10] = (a) => l.ruleForm.meta.isKeepAlive = a)
+                        }, {
+                          default: t(() => [
+                            e(p, { label: !0 }, {
+                              default: t(() => [
+                                i("缓存")
+                              ]),
+                              _: 1
+                            }),
+                            e(p, { label: !1 }, {
+                              default: t(() => [
+                                i("不缓存")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "是否外链" }, {
+                      default: t(() => [
+                        e(c, {
+                          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(p, { label: !0 }, {
+                              default: t(() => [
+                                i("是")
+                              ]),
+                              _: 1
+                            }),
+                            e(p, { label: !1 }, {
+                              default: t(() => [
+                                i("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(m, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: t(() => [
+                    e(d, { label: "是否内嵌" }, {
+                      default: t(() => [
+                        e(c, {
+                          modelValue: l.ruleForm.meta.isIframe,
+                          "onUpdate:modelValue": o[12] || (o[12] = (a) => l.ruleForm.meta.isIframe = a),
+                          onChange: A
+                        }, {
+                          default: t(() => [
+                            e(p, { label: !0 }, {
+                              default: t(() => [
+                                i("是")
+                              ]),
+                              _: 1
+                            }),
+                            e(p, { label: !1 }, {
+                              default: t(() => [
+                                i("否")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model", "rules"]),
+        X("div", ae, [
+          e(U, {
+            onClick: Y,
+            size: "default"
+          }, {
+            default: t(() => [
+              i("取 消")
+            ]),
+            _: 1
+          }),
+          e(U, {
+            type: "primary",
+            onClick: B,
+            size: "default"
+          }, {
+            default: t(() => [
+              i(y(S.type == "add" ? "新 增" : "修 改"), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  me as _
+};