@fmdeui/fmui 1.0.28 → 1.0.30

package/es/packages/components/fm-layout/src/navBars/topBar/breadcrumb.vue2.mjs

@@ -0,0 +1,169 @@
+import { defineComponent, reactive, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, TransitionGroup, Fragment, renderList, createBlock, createCommentVNode, toDisplayString, withModifiers, createTextVNode } from 'vue';
+import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
+import '../../../../../stores/index.mjs';
+import '../../../../../utils/index.mjs';
+import other from '../../../../../hooks/other.mjs';
+import { storeToRefs } from 'pinia';
+import { useRoutesList } from '../../../../../stores/routesList.mjs';
+import { useThemeConfig } from '../../../../../stores/themeConfig.mjs';
+import { Local } from '../../../../../utils/storage.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/components/fm-layout/src/navBars/topBar/index.vue.mjs

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

package/es/packages/components/fm-layout/src/navBars/topBar/index.vue2.mjs

@@ -0,0 +1,113 @@
+import { defineComponent, defineAsyncComponent, reactive, computed, onMounted, onUnmounted, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createVNode, withCtx, Fragment, renderList, renderSlot, mergeProps } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../../stores/index.mjs';
+import emitter from '../../../../../utils/mitt.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 = defineAsyncComponent(() => import('./breadcrumb.vue.mjs'));
+    const User = defineAsyncComponent(() => import('./user.vue.mjs'));
+    const Logo = defineAsyncComponent(() => import('../../logo/index.vue.mjs'));
+    const Horizontal = defineAsyncComponent(() => import('../../navMenu/horizontal.vue.mjs'));
+    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) => {
+        var _a;
+        return !((_a = item.meta) == null ? void 0 : _a.isHide);
+      }).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const setSendClassicChildren = (path) => {
+      const currentPathSplit = path.split("/");
+      let currentData = { children: [] };
+      filterRoutesFun(routesList.value).map((v, k) => {
+        if (v.path === `/${currentPathSplit[1]}`) {
+          v["k"] = k;
+          currentData["item"] = { ...v };
+          currentData["children"] = [{ ...v }];
+          if (v.children) currentData["children"] = v.children;
+        }
+      });
+      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),
+        !_ctx.$slots.user ? (openBlock(), createBlock(unref(User), { key: 2 }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(_ctx.$slots, (_, name) => {
+                return renderSlot(_ctx.$slots, name, mergeProps({
+                  key: name,
+                  ref_for: true
+                }, _ctx.$slots[name].props || {}));
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 3
+          /* FORWARDED */
+        })) : renderSlot(_ctx.$slots, "user", { key: 3 })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/topBar/search.vue.mjs

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

package/es/packages/components/fm-layout/src/navBars/topBar/search.vue2.mjs

@@ -0,0 +1,120 @@
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, toDisplayString, nextTick } from 'vue';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { storeToRefs } from 'pinia';
+import '../../../../../stores/index.mjs';
+import { useTagsViewRoutes } from '../../../../../stores/tagsViewRoutes.mjs';
+
+const _hoisted_1 = { class: "layout-search-dialog" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "search",
+  setup(__props, { expose: __expose }) {
+    const storesTagsViewRoutes = useTagsViewRoutes();
+    const { tagsViewRoutes } = storeToRefs(storesTagsViewRoutes);
+    const layoutMenuAutocompleteRef = ref();
+    const { t } = useI18n();
+    const router = useRouter();
+    const state = reactive({
+      isShowSearch: false,
+      menuQuery: "",
+      tagsViewList: []
+    });
+    const openSearch = () => {
+      state.menuQuery = "";
+      state.isShowSearch = true;
+      initTageView();
+      nextTick(() => {
+        setTimeout(() => {
+          layoutMenuAutocompleteRef.value.focus();
+        });
+      });
+    };
+    const closeSearch = () => {
+      state.isShowSearch = false;
+    };
+    const menuSearch = (queryString, cb) => {
+      let results = queryString ? state.tagsViewList.filter(createFilter(queryString)) : state.tagsViewList;
+      cb(results);
+    };
+    const createFilter = (queryString) => {
+      return (restaurant) => {
+        return restaurant.path.toLowerCase().indexOf(queryString.toLowerCase()) > -1 || restaurant.meta.title.toLowerCase().indexOf(queryString.toLowerCase()) > -1 || t(restaurant.meta.title).indexOf(queryString.toLowerCase()) > -1;
+      };
+    };
+    const initTageView = () => {
+      if (state.tagsViewList.length > 0) return false;
+      tagsViewRoutes.value.map((v) => {
+        var _a;
+        if (!((_a = v.meta) == null ? void 0 : _a.isHide) && v.type !== 1) state.tagsViewList.push({ ...v });
+      });
+    };
+    const onHandleSelect = (item) => {
+      var _a, _b, _c;
+      let { path, redirect } = item;
+      if (((_a = item.meta) == null ? void 0 : _a.isLink) && !((_b = item.meta) == null ? void 0 : _b.isIframe)) window.open((_c = item.meta) == null ? void 0 : _c.isLink);
+      else if (redirect) router.push(redirect);
+      else router.push(path);
+      closeSearch();
+    };
+    __expose({
+      openSearch
+    });
+    return (_ctx, _cache) => {
+      const _component_ele_Search = resolveComponent("ele-Search");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_autocomplete = resolveComponent("el-autocomplete");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_dialog, {
+          modelValue: state.isShowSearch,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.isShowSearch = $event),
+          "destroy-on-close": "",
+          "show-close": false
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_autocomplete, {
+              modelValue: state.menuQuery,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.menuQuery = $event),
+              "fetch-suggestions": menuSearch,
+              placeholder: _ctx.$t("message.user.searchPlaceholder"),
+              ref_key: "layoutMenuAutocompleteRef",
+              ref: layoutMenuAutocompleteRef,
+              onSelect: onHandleSelect,
+              "fit-input-width": true
+            }, {
+              prefix: withCtx(() => [
+                createVNode(_component_el_icon, { class: "el-input__icon" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ele_Search)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              default: withCtx(({ item }) => [
+                createElementVNode("div", null, [
+                  createVNode(_component_SvgIcon, {
+                    name: item.meta.icon,
+                    class: "mr5"
+                  }, null, 8, ["name"]),
+                  createTextVNode(
+                    " " + toDisplayString(_ctx.$t(item.meta.title)),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/topBar/upgradeInfo.vue.mjs

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

package/es/packages/components/fm-layout/src/navBars/topBar/upgradeInfo.vue2.mjs

@@ -0,0 +1,72 @@
+import { defineComponent, reactive, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode } from 'vue';
+import '../../../../../api/index.mjs';
+import { useBaseApi } from '../../../../../api/base/index.mjs';
+
+const _hoisted_1 = { class: "sys-upgrade-container" };
+const _hoisted_2 = { style: { "color": "#fff" } };
+const _hoisted_3 = ["innerHTML"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "upgradeInfo",
+  setup(__props, { expose: __expose }) {
+    const state = reactive({
+      isShowDialog: false,
+      ruleForm: {}
+    });
+    const openDialog = (row) => {
+      state.ruleForm = JSON.parse(JSON.stringify(row));
+      state.isShowDialog = true;
+    };
+    const cancel = async () => {
+      await useBaseApi("sysUpgrade").pcomm({ id: state.ruleForm.id }, "setRead");
+      state.isShowDialog = false;
+    };
+    __expose({ openDialog });
+    return (_ctx, _cache) => {
+      const _component_ele_InfoFilled = resolveComponent("ele-InfoFilled");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_dialog, {
+          modelValue: state.isShowDialog,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.isShowDialog = $event),
+          draggable: "",
+          "close-on-click-modal": false,
+          width: "50vw",
+          "before-close": cancel
+        }, {
+          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_InfoFilled)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              _cache[1] || (_cache[1] = createElementVNode(
+                "span",
+                null,
+                " \u7CFB\u7EDF\u66F4\u65B0\u65E5\u5FD7 ",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              innerHTML: state.ruleForm.content,
+              style: { "padding": "20px" }
+            }, null, 8, _hoisted_3)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/topBar/user.vue.mjs

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