@fmdevui/fm-dev 1.0.14 → 1.0.16

package/es/packages/core/layout/navBars/topBar/breadcrumb.vue2.mjs

@@ -0,0 +1,172 @@
+import { defineComponent, reactive, computed, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createVNode, unref, withCtx, TransitionGroup, Fragment, renderList, createBlock, toDisplayString, withModifiers, createTextVNode } from 'vue';
+import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
+import '../../../utils/index.mjs';
+import other from '../../../utils/other/index.mjs';
+import { storeToRefs } from 'pinia';
+import '../../../stores/index.mjs';
+import { useRoutesList } from '../../../stores/routesList.mjs';
+import { useThemeConfig } from '../../../stores/themeConfig.mjs';
+import { Local } from '../../../utils/storage/index.mjs';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "layout-navbars-breadcrumb"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "layout-navbars-breadcrumb-span"
+};
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "breadcrumb",
+  setup(__props) {
+    const stores = useRoutesList();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const { routesList } = storeToRefs(stores);
+    const route = useRoute();
+    const router = useRouter();
+    const state = reactive({
+      breadcrumbList: [],
+      routeSplit: [],
+      routeSplitFirst: "",
+      routeSplitIndex: 1
+    });
+    const isShowBreadcrumb = computed(() => {
+      initRouteSplit(route);
+      const { layout, isBreadcrumb } = themeConfig.value;
+      if (layout === "classic" || layout === "transverse") return false;
+      else return isBreadcrumb ? true : false;
+    });
+    const onBreadcrumbClick = (v) => {
+      const {
+        redirect
+        /*,path*/
+      } = v;
+      if (redirect) router.push(redirect);
+    };
+    const onThemeConfigChange = () => {
+      themeConfig.value.isCollapse = !themeConfig.value.isCollapse;
+      setLocalThemeConfig();
+    };
+    const setLocalThemeConfig = () => {
+      Local.remove("themeConfig");
+      Local.set("themeConfig", themeConfig.value);
+    };
+    const getBreadcrumbList = (arr) => {
+      arr.forEach((item) => {
+        state.routeSplit.forEach((v, k, arrs) => {
+          if (state.routeSplitFirst === item.path) {
+            state.routeSplitFirst += `/${arrs[state.routeSplitIndex]}`;
+            !state.breadcrumbList.find((a) => a.path === item.path) && state.breadcrumbList.push(item);
+            state.routeSplitIndex++;
+            if (item.children) getBreadcrumbList(item.children);
+          }
+        });
+      });
+    };
+    const initRouteSplit = (toRoute) => {
+      if (!themeConfig.value.isBreadcrumb) return false;
+      state.breadcrumbList = [];
+      state.routeSplit = toRoute.path.split("/");
+      state.routeSplit.shift();
+      state.routeSplitFirst = `/${state.routeSplit[0]}`;
+      state.routeSplitIndex = 1;
+      getBreadcrumbList(routesList.value);
+      if (toRoute.name === "home" || toRoute.name === "notFound" && state.breadcrumbList.length > 1) state.breadcrumbList.shift();
+      if (state.breadcrumbList.length > 0) state.breadcrumbList[state.breadcrumbList.length - 1].meta.tagsViewName = other.setTagsViewNameI18n(route);
+    };
+    onMounted(() => {
+      initRouteSplit(route);
+    });
+    onBeforeRouteUpdate((to) => {
+      initRouteSplit(to);
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_breadcrumb_item = resolveComponent("el-breadcrumb-item");
+      const _component_el_breadcrumb = resolveComponent("el-breadcrumb");
+      return isShowBreadcrumb.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_SvgIcon, {
+          class: "layout-navbars-breadcrumb-icon",
+          name: unref(themeConfig).isCollapse ? "ele-Expand" : "ele-Fold",
+          size: 16,
+          onClick: onThemeConfigChange
+        }, null, 8, ["name"]),
+        createVNode(_component_el_breadcrumb, { class: "layout-navbars-breadcrumb-hide" }, {
+          default: withCtx(() => [
+            createVNode(TransitionGroup, { name: "breadcrumb" }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(state.breadcrumbList, (v, k) => {
+                    return openBlock(), createBlock(
+                      _component_el_breadcrumb_item,
+                      {
+                        key: v.path
+                      },
+                      {
+                        default: withCtx(() => [
+                          k === state.breadcrumbList.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                            unref(themeConfig).isBreadcrumbIcon ? (openBlock(), createBlock(_component_SvgIcon, {
+                              key: 0,
+                              name: v.meta.icon,
+                              class: "layout-navbars-breadcrumb-iconfont"
+                            }, null, 8, ["name"])) : createCommentVNode("v-if", true),
+                            v.meta.title ? (openBlock(), createElementBlock(
+                              "div",
+                              _hoisted_3,
+                              toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )) : (openBlock(), createElementBlock(
+                              "div",
+                              _hoisted_4,
+                              toDisplayString(v.meta.tagsViewName),
+                              1
+                              /* TEXT */
+                            ))
+                          ])) : (openBlock(), createElementBlock("a", {
+                            key: 1,
+                            onClick: withModifiers(($event) => onBreadcrumbClick(v), ["prevent"]),
+                            style: { "display": "flex" }
+                          }, [
+                            unref(themeConfig).isBreadcrumbIcon ? (openBlock(), createBlock(_component_SvgIcon, {
+                              key: 0,
+                              name: v.meta.icon,
+                              class: "layout-navbars-breadcrumb-iconfont"
+                            }, null, 8, ["name"])) : createCommentVNode("v-if", true),
+                            createTextVNode(
+                              toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )
+                          ], 8, _hoisted_5))
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/breadcrumb.vue3.mjs

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/es/packages/core/layout/navBars/topBar/changePassword.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './changePassword.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/changePassword.vue2.mjs

@@ -0,0 +1,264 @@
+import { defineComponent, ref, reactive, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode } from 'vue';
+import { ElMessage } from 'element-plus';
+import { sm2 } from 'sm-crypto-v2';
+import '../../../api/index.mjs';
+import { useI18n } from 'vue-i18n';
+import { useSysApi } from '../../../api/sys/index.mjs';
+import { clearAccessTokens } from '../../../api/utils/request.mjs';
+
+const _hoisted_1 = { class: "changePassword-container" };
+const _hoisted_2 = { style: { "color": "#fff" } };
+const _hoisted_3 = { style: { "color": "red", "padding": "10px 10px", "background": "#faecd8", "margin-bottom": "30px" } };
+const _hoisted_4 = { class: "dialog-footer" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "changePassword",
+  setup(__props, { expose: __expose }) {
+    const { t } = useI18n();
+    const ruleFormRef = ref();
+    const state = reactive({
+      isShowDialog: false,
+      ruleForm: {},
+      passwordNew2: ""
+    });
+    const openDialog = () => {
+      state.isShowDialog = true;
+      ruleFormRef.value?.resetFields();
+    };
+    const submit = () => {
+      ruleFormRef.value?.validate(async (valid) => {
+        if (!valid) return;
+        var cpwd = { passwordOld: "", passwordNew: "" };
+        var publicKey = window.__env__.VITE_SM_PUBLIC_KEY;
+        if (publicKey == "") {
+          var res = await useSysApi().getSmPublicKey();
+          publicKey = window.__env__.VITE_SM_PUBLIC_KEY = res.data.result ?? "";
+        }
+        cpwd.passwordOld = sm2.doEncrypt(state.ruleForm.passwordOld, publicKey, 1);
+        cpwd.passwordNew = sm2.doEncrypt(state.ruleForm.passwordNew, publicKey, 1);
+        await useSysApi().changePwd(cpwd);
+        ElMessage.success(t("message.list.passwordChangedNeedRelogin"));
+        state.isShowDialog = false;
+        clearAccessTokens();
+      });
+    };
+    const validatePassword = (_rule, value, callback) => {
+      if (state.passwordNew2 != state.ruleForm.passwordNew) {
+        callback(new Error(t("message.list.passwordNotMatch")));
+      } else {
+        callback();
+      }
+    };
+    const logout = () => {
+      clearAccessTokens();
+    };
+    __expose({ openDialog });
+    return (_ctx, _cache) => {
+      const _component_ele_View = resolveComponent("ele-View");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_ele_Bell = resolveComponent("ele-Bell");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_dialog, {
+          modelValue: state.isShowDialog,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => state.isShowDialog = $event),
+          draggable: "",
+          "close-on-click-modal": false,
+          "close-on-press-escape": false,
+          width: "700px",
+          "show-close": false
+        }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_el_icon, {
+                size: "16",
+                style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_ele_View)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createElementVNode(
+                "span",
+                null,
+                toDisplayString(unref(t)("message.list.changePassword")),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          footer: withCtx(() => [
+            createElementVNode("span", _hoisted_4, [
+              createVNode(_component_el_button, {
+                type: "danger",
+                plain: "",
+                onClick: logout
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(unref(t)("message.list.cancelButtonText")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                icon: "ele-CircleCheckFilled",
+                onClick: submit
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(unref(t)("message.list.confirmButtonText")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_component_el_icon, { style: { "transform": "translateY(2px)" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_ele_Bell)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createElementVNode(
+                "span",
+                null,
+                toDisplayString(unref(t)("message.list.passwordPolicy")),
+                1
+                /* TEXT */
+              )
+            ]),
+            createVNode(_component_el_form, {
+              model: state.ruleForm,
+              ref_key: "ruleFormRef",
+              ref: ruleFormRef,
+              "label-width": "auto"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_row, { gutter: 10 }, {
+                  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: unref(t)("message.list.currentPassword"),
+                          prop: "passwordOld",
+                          rules: [{ required: true, message: unref(t)("message.list.currentPasswordRequired"), trigger: "blur" }]
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_input, {
+                              modelValue: state.ruleForm.passwordOld,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.ruleForm.passwordOld = $event),
+                              type: "password",
+                              autocomplete: "off",
+                              "show-password": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["label", "rules"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_el_col, {
+                      xs: 24,
+                      sm: 24,
+                      md: 24,
+                      lg: 24,
+                      xl: 24,
+                      class: "mb20"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, {
+                          label: unref(t)("message.list.newPassword"),
+                          prop: "passwordNew",
+                          rules: [{ required: true, message: unref(t)("message.list.newPasswordRequired"), trigger: "blur" }]
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_input, {
+                              modelValue: state.ruleForm.passwordNew,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.ruleForm.passwordNew = $event),
+                              type: "password",
+                              autocomplete: "off",
+                              "show-password": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["label", "rules"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(_component_el_col, {
+                      xs: 24,
+                      sm: 24,
+                      md: 24,
+                      lg: 24,
+                      xl: 24,
+                      class: "mb20"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, {
+                          label: unref(t)("message.list.confirmPassword"),
+                          prop: "passwordNew2",
+                          rules: [{ validator: validatePassword, required: true, trigger: "blur" }]
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_input, {
+                              modelValue: state.passwordNew2,
+                              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.passwordNew2 = $event),
+                              type: "password",
+                              autocomplete: "off",
+                              "show-password": ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["label", "rules"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["model"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/closeFull.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './closeFull.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/closeFull.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent, resolveComponent, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, createVNode } from 'vue';
+import { storeToRefs } from 'pinia';
+import '../../../stores/index.mjs';
+import { useTagsViewRoutes } from '../../../stores/tagsViewRoutes.mjs';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "layout-navbars-close-full"
+};
+const _hoisted_2 = { class: "layout-navbars-close-full-icon" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "closeFull",
+  setup(__props) {
+    const stores = useTagsViewRoutes();
+    const { isTagsViewCurrenFull } = storeToRefs(stores);
+    const onCloseFullscreen = () => {
+      stores.setCurrenFullscreen(false);
+    };
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      return unref(isTagsViewCurrenFull) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_SvgIcon, {
+            name: "ele-Close",
+            title: _ctx.$t("message.tagsView.closeFullscreen"),
+            onClick: onCloseFullscreen
+          }, null, 8, ["title"])
+        ])
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/index.vue2.mjs

@@ -0,0 +1,103 @@
+import { defineComponent, reactive, computed, onMounted, onUnmounted, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../stores/index.mjs';
+import emitter from '../../../utils/emit/index.mjs';
+import breadcrumb from './breadcrumb.vue.mjs';
+import './user.vue.mjs';
+import '../../logo/index.vue.mjs';
+import '../../navMenu/horizontal.vue.mjs';
+import _sfc_main$1 from './user.vue2.mjs';
+import _sfc_main$2 from '../../logo/index.vue2.mjs';
+import _sfc_main$3 from '../../navMenu/horizontal.vue2.mjs';
+import { useRoutesList } from '../../../stores/routesList.mjs';
+import { useThemeConfig } from '../../../stores/themeConfig.mjs';
+
+const _hoisted_1 = { class: "layout-navbars-breadcrumb-index" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const Breadcrumb = breadcrumb;
+    const User = _sfc_main$1;
+    const Logo = _sfc_main$2;
+    const Horizontal = _sfc_main$3;
+    const stores = useRoutesList();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const { routesList } = storeToRefs(stores);
+    const route = useRoute();
+    const state = reactive({
+      menuList: []
+    });
+    const setIsShowLogo = computed(() => {
+      let { isShowLogo, layout } = themeConfig.value;
+      return isShowLogo && layout === "classic" || isShowLogo && layout === "transverse";
+    });
+    const isLayoutTransverse = computed(() => {
+      let { layout, isClassicSplitMenu } = themeConfig.value;
+      return layout === "transverse" || isClassicSplitMenu && layout === "classic";
+    });
+    const setFilterRoutes = () => {
+      let { layout, isClassicSplitMenu } = themeConfig.value;
+      if (layout === "classic" && isClassicSplitMenu) {
+        state.menuList = delClassicChildren(filterRoutesFun(routesList.value));
+        const resData = setSendClassicChildren(route.path);
+        emitter.emit("setSendClassicChildren", resData);
+      } else {
+        state.menuList = filterRoutesFun(routesList.value);
+      }
+    };
+    const delClassicChildren = (arr) => {
+      arr.map((v) => {
+        if (v.children) delete v.children;
+      });
+      return arr;
+    };
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => !item.meta?.isHide).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const setSendClassicChildren = (path) => {
+      const currentPathSplit = path.split("/");
+      const currentData = { children: [], item: void 0 };
+      const matched = filterRoutesFun(routesList.value).find((v, k) => {
+        if (v.path === `/${currentPathSplit[1]}`) {
+          v.k = k;
+          return true;
+        }
+        return false;
+      });
+      if (matched) {
+        currentData.item = { ...matched };
+        currentData.children = matched.children ? [...matched.children] : [{ ...matched }];
+      }
+      return currentData;
+    };
+    onMounted(() => {
+      setFilterRoutes();
+      emitter.on("getBreadcrumbIndexSetFilterRoutes", () => {
+        setFilterRoutes();
+      });
+    });
+    onUnmounted(() => {
+      emitter.off("getBreadcrumbIndexSetFilterRoutes", () => {
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        setIsShowLogo.value ? (openBlock(), createBlock(unref(Logo), { key: 0 })) : createCommentVNode("v-if", true),
+        createVNode(unref(Breadcrumb)),
+        isLayoutTransverse.value ? (openBlock(), createBlock(unref(Horizontal), {
+          key: 1,
+          menuList: state.menuList
+        }, null, 8, ["menuList"])) : createCommentVNode("v-if", true),
+        createVNode(unref(User))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/onlineuser.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './onlineuser.vue2.mjs';
+import './onlineuser.vue3.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var onlineusercom = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2056b616"]]);
+
+export { onlineusercom as default };