hs-admin-ui 15.7.1 → 15.7.2

package/dist/dialog.vue_vue_type_script_setup_true_name_systemMenuDialog_lang-B0bvaMOH.mjs

@@ -0,0 +1,694 @@
+import { defineComponent, defineAsyncComponent, ref, reactive, onMounted, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createCommentVNode, toDisplayString, unref, createTextVNode, createBlock, nextTick } from "vue";
+import { q as isDev, l as treeToList, n as useMenuController, k as HsMessage, K as setBackEndControlRefreshRoutes } from "./index-CaroRQE3.mjs";
+const _hoisted_1 = { class: "system-menu-dialog-container h-full" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { class: "flex justify-center" };
+const __default__ = defineComponent({
+  name: "systemMenuDialog"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    type: {
+      type: String,
+      default: "add"
+    },
+    row: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 定义关闭事件 用于关闭弹窗 传递参数
+    close: Function,
+    sysData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const { postAddMenu, postUpdateMenu, getMenuList } = useMenuController();
+    const props = __props;
+    const IconSelector = defineAsyncComponent(() => import("./index-BiFq1jSn.mjs"));
+    const menuDialogFormRef = ref();
+    const state = reactive({
+      // 参数请参考 `/src/router/route.ts` 中的 `dynamicRoutes` 路由菜单格式
+      ruleForm: {
+        id: "",
+        // 菜单id
+        pid: [],
+        // 上级菜单id
+        menuType: "menu",
+        // 菜单类型
+        name: "",
+        // 路由名称
+        component: "",
+        // 组件路径
+        // componentAlias: '', // 组件路径别名
+        link: "",
+        // 外链/内嵌时链接地址（http:xxx.com），开启外链条件，`1、isLink: 链接地址不为空`
+        sort: 0,
+        // 菜单排序
+        path: "",
+        // 路由路径
+        redirect: "",
+        // 路由重定向，有子集 children 时
+        meta: {
+          title: "",
+          // 菜单名称
+          icon: "",
+          // 菜单图标
+          isHide: false,
+          // 是否隐藏
+          isKeepAlive: true,
+          // 是否缓存
+          isAffix: false,
+          // 是否固定
+          isLink: false,
+          // 是否外链
+          isIframe: false
+          // 是否内嵌，开启条件，`1、isIframe:true 2、isLink：链接地址不为空`
+        }
+      },
+      menuData: [],
+      // 上级菜单数据
+      dialog: {
+        isShowDialog: false,
+        type: "",
+        title: "",
+        submitTxt: ""
+      }
+    });
+    const rules = reactive({
+      // 表单验证规则
+      meta: {
+        title: [{ required: true, message: "请输入菜单名称", trigger: "blur" }]
+      },
+      name: [{ required: true, message: "请输入路由名称", trigger: "blur" }],
+      path: [{ required: true, message: "请输入路由路径", trigger: "blur" }],
+      component: [{ required: true, message: "请输入组件路径", trigger: "blur" }],
+      sort: [{ required: true, message: "请输入菜单排序", trigger: "blur" }]
+    });
+    const getMenuData = (routes) => {
+      const arr = [];
+      routes.map((val) => {
+        var _a;
+        if (props.type === "edit" && props.row.pid && val.id === props.row.id) {
+          val.disabled = true;
+        }
+        if (props.type === "edit" && props.row.id && val.pid === props.row.id) {
+          val.disabled = true;
+        }
+        if (props.type === "edit" && props.row.id == val.id) {
+          val.disabled = true;
+        }
+        val["title"] = (_a = val.meta) == null ? void 0 : _a.title;
+        arr.push({ ...val });
+        if (props.type === "edit" && val.children && val.id != props.row.id) {
+          getMenuData(val.children);
+        } else if (props.type === "edit" && val.children && val.id == props.row.id) {
+          disabledChildren(val.children);
+        }
+      });
+      return arr;
+    };
+    const disabledChildren = (data) => {
+      data.forEach((val) => {
+        val.disabled = true;
+        if (val.children) {
+          disabledChildren(val.children);
+        }
+      });
+    };
+    function onNameChange() {
+      var _a, _b;
+      if (!state.ruleForm.pid || !state.ruleForm.name) return;
+      const item = (_a = treeToList(state.menuData)) == null ? void 0 : _a.find((i) => i.id == state.ruleForm.pid);
+      if (!item) return;
+      state.ruleForm.path = `${item.path}/${state.ruleForm.name}`;
+      state.ruleForm.component = `${item.path}/${state.ruleForm.name}/index.vue`;
+      if (!state.ruleForm.id) {
+        state.ruleForm.sort = (((_b = item.children) == null ? void 0 : _b.length) ?? 0) + 1;
+      }
+    }
+    const openDialog = (type, row) => {
+      console.log(row);
+      if (type === "edit") {
+        row.menuType = "menu";
+        row.menuSort = Math.floor(Math.random() * 100);
+        state.ruleForm = JSON.parse(JSON.stringify(row));
+        state.dialog.submitTxt = "修 改";
+      } else {
+        state.dialog.submitTxt = "新 增";
+        if (row && row.id) {
+          state.ruleForm.pid = row.id;
+        }
+        nextTick(() => {
+          menuDialogFormRef.value.resetFields();
+        });
+      }
+      state.dialog.type = type;
+      state.dialog.isShowDialog = true;
+    };
+    const onSelectIframeChange = () => {
+      if (state.ruleForm.meta.isIframe) state.ruleForm.meta.isLink = true;
+      else state.ruleForm.meta.isLink = false;
+    };
+    const onSubmit = () => {
+      console.log(props.sysData.value.project_code, "props");
+      menuDialogFormRef.value.validate((valid) => {
+        if (valid) {
+          let params = {
+            ...state.ruleForm,
+            ...state.ruleForm.meta,
+            project_code: props.sysData.value.project_code,
+            pid: state.ruleForm.pid ? cascaderDatafilter(state.ruleForm.pid) : ""
+          };
+          if (state.dialog.type === "add") {
+            postAddMenu(params).then(async (res) => {
+              if (res.code === 1) {
+                props.close("refresh");
+                HsMessage.success("新增成功");
+                if (props.sysData.value.project_code == "scmp") {
+                  await setBackEndControlRefreshRoutes();
+                }
+              }
+            });
+          } else {
+            postUpdateMenu(params).then(async (res) => {
+              if (res.code === 1) {
+                props.close("refresh");
+                HsMessage.success("修改成功");
+                if (props.sysData.value.project_code == "scmp") {
+                  await setBackEndControlRefreshRoutes();
+                }
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    };
+    const getMenuListFn = () => {
+      getMenuList({ project_code: props.sysData.value.project_code }).then((res) => {
+        console.log("res", res);
+        if (res.code === 1) {
+          state.menuData = getMenuData(res.data);
+        } else {
+          state.menuData = [];
+        }
+      });
+    };
+    onMounted(() => {
+      getMenuListFn();
+      openDialog(props.type, props.row);
+    });
+    const cascaderDatafilter = (val) => {
+      return typeof val === "string" ? val : val[val.length - 1];
+    };
+    const pastMenu = async () => {
+      try {
+        const text = await navigator.clipboard.readText();
+        if (!text) return;
+        let data = JSON.parse(text);
+        if (data.type === "menu") {
+          state.ruleForm = {
+            ...state.ruleForm,
+            ...data.row
+          };
+        }
+      } catch (error) {
+        console.debug(error);
+      }
+    };
+    __expose({
+      openDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_cascader = resolveComponent("el-cascader");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_form, {
+          ref_key: "menuDialogFormRef",
+          ref: menuDialogFormRef,
+          model: state.ruleForm,
+          size: "default",
+          "label-width": "80px",
+          rules
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_row, { gutter: 26 }, {
+              default: withCtx(() => [
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 24,
+                  md: 24,
+                  lg: 24,
+                  xl: 24,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "上级菜单" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_cascader, {
+                          options: state.menuData,
+                          props: { checkStrictly: true, value: "id", label: "title" },
+                          placeholder: "请选择上级菜单",
+                          clearable: "",
+                          class: "w100",
+                          modelValue: state.ruleForm.pid,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.ruleForm.pid = $event),
+                          "value-format": "string",
+                          "change-on-select": ""
+                        }, {
+                          default: withCtx(({ node, data }) => [
+                            data.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(data.title), 1)) : createCommentVNode("", true),
+                            !node.isLeaf ? (openBlock(), createElementBlock("span", _hoisted_3, " (" + toDisplayString(data.children.length) + ") ", 1)) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        }, 8, ["options", "modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "菜单名称",
+                      required: "",
+                      prop: "meta.title"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: state.ruleForm.meta.title,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.ruleForm.meta.title = $event),
+                          placeholder: "格式：message.router.xxx",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "路由名称",
+                      prop: "name"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: state.ruleForm.name,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.ruleForm.name = $event),
+                          onChange: onNameChange,
+                          placeholder: "路由中的 name 值",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "路由路径",
+                      required: "",
+                      prop: "path"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: state.ruleForm.path,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.ruleForm.path = $event),
+                          placeholder: "路由中的 path 值",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "重定向" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: state.ruleForm.redirect,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => state.ruleForm.redirect = $event),
+                          placeholder: "请输入路由重定向",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "菜单图标" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconSelector), {
+                          placeholder: "请输入菜单图标",
+                          title: "",
+                          modelValue: state.ruleForm.meta.icon,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => state.ruleForm.meta.icon = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "组件路径",
+                      required: "",
+                      prop: "component"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: state.ruleForm.component,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => state.ruleForm.component = $event),
+                          placeholder: "组件路径",
+                          clearable: ""
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "链接地址" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: state.ruleForm.link,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => state.ruleForm.link = $event),
+                          placeholder: "外链/内嵌时链接地址（http:xxx.com）",
+                          clearable: "",
+                          disabled: !state.ruleForm.meta.isLink
+                        }, null, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, {
+                      label: "菜单排序",
+                      required: "",
+                      prop: "sort"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input_number, {
+                          modelValue: state.ruleForm.sort,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => state.ruleForm.sort = $event),
+                          "controls-position": "right",
+                          placeholder: "请输入排序",
+                          class: "w100"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "是否隐藏" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: state.ruleForm.meta.isHide,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => state.ruleForm.meta.isHide = $event)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { label: true }, {
+                              default: withCtx(() => _cache[13] || (_cache[13] = [
+                                createTextVNode("隐藏")
+                              ])),
+                              _: 1,
+                              __: [13]
+                            }),
+                            createVNode(_component_el_radio, { label: false }, {
+                              default: withCtx(() => _cache[14] || (_cache[14] = [
+                                createTextVNode("不隐藏")
+                              ])),
+                              _: 1,
+                              __: [14]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "页面缓存" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: state.ruleForm.meta.isKeepAlive,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => state.ruleForm.meta.isKeepAlive = $event)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { label: true }, {
+                              default: withCtx(() => _cache[15] || (_cache[15] = [
+                                createTextVNode("缓存")
+                              ])),
+                              _: 1,
+                              __: [15]
+                            }),
+                            createVNode(_component_el_radio, { label: false }, {
+                              default: withCtx(() => _cache[16] || (_cache[16] = [
+                                createTextVNode("不缓存")
+                              ])),
+                              _: 1,
+                              __: [16]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "是否外链" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: state.ruleForm.meta.isLink,
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => state.ruleForm.meta.isLink = $event),
+                          disabled: state.ruleForm.meta.isIframe
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { label: true }, {
+                              default: withCtx(() => _cache[17] || (_cache[17] = [
+                                createTextVNode("是")
+                              ])),
+                              _: 1,
+                              __: [17]
+                            }),
+                            createVNode(_component_el_radio, { label: false }, {
+                              default: withCtx(() => _cache[18] || (_cache[18] = [
+                                createTextVNode("否")
+                              ])),
+                              _: 1,
+                              __: [18]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, {
+                  xs: 24,
+                  sm: 12,
+                  md: 12,
+                  lg: 12,
+                  xl: 12,
+                  class: "mb20"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "是否内嵌" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: state.ruleForm.meta.isIframe,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => state.ruleForm.meta.isIframe = $event),
+                          onChange: onSelectIframeChange
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { label: true }, {
+                              default: withCtx(() => _cache[19] || (_cache[19] = [
+                                createTextVNode("是")
+                              ])),
+                              _: 1,
+                              __: [19]
+                            }),
+                            createVNode(_component_el_radio, { label: false }, {
+                              default: withCtx(() => _cache[20] || (_cache[20] = [
+                                createTextVNode("否")
+                              ])),
+                              _: 1,
+                              __: [20]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model", "rules"]),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_el_button, {
+            onClick: __props.close,
+            size: "default"
+          }, {
+            default: withCtx(() => _cache[21] || (_cache[21] = [
+              createTextVNode("取 消")
+            ])),
+            _: 1,
+            __: [21]
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: onSubmit,
+            size: "default"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.type == "add" ? "新 增" : "修 改"), 1)
+            ]),
+            _: 1
+          }),
+          unref(isDev) ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
+            onClick: pastMenu,
+            size: "default"
+          }, {
+            default: withCtx(() => _cache[22] || (_cache[22] = [
+              createTextVNode("粘贴菜单")
+            ])),
+            _: 1,
+            __: [22]
+          })) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};