hs-admin-ui 1.0.6 → 1.0.9

package/dist/dialog.vue_vue_type_script_setup_true_name_systemMenuDialog_lang-l_aO07TE.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 { r as X, s as Y, w as C, g as Z } from "./index-Q-nEtpIj.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-Pdbyzqxa.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 _
+};