@fmdeui/fmui 1.0.28 → 1.0.29

package/lib/packages/components/fm-layout/src/navBars/topBar/breadcrumb.vue2.js

@@ -0,0 +1,173 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+require('../../../../../stores/index.js');
+require('../../../../../utils/index.js');
+var other = require('../../../../../hooks/other.js');
+var pinia = require('pinia');
+var routesList = require('../../../../../stores/routesList.js');
+var themeConfig = require('../../../../../stores/themeConfig.js');
+var storage = require('../../../../../utils/storage.js');
+
+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__ */ vue.defineComponent({
+  __name: "breadcrumb",
+  setup(__props) {
+    const stores = routesList.useRoutesList();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const { routesList: routesList$1 } = pinia.storeToRefs(stores);
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const state = vue.reactive({
+      breadcrumbList: [],
+      routeSplit: [],
+      routeSplitFirst: "",
+      routeSplitIndex: 1
+    });
+    const isShowBreadcrumb = vue.computed(() => {
+      initRouteSplit(route);
+      const { layout, isBreadcrumb } = themeConfig$1.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$1.value.isCollapse = !themeConfig$1.value.isCollapse;
+      setLocalThemeConfig();
+    };
+    const setLocalThemeConfig = () => {
+      storage.Local.remove("themeConfig");
+      storage.Local.set("themeConfig", themeConfig$1.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$1.value.isBreadcrumb) return false;
+      state.breadcrumbList = [];
+      state.routeSplit = toRoute.path.split("/");
+      state.routeSplit.shift();
+      state.routeSplitFirst = `/${state.routeSplit[0]}`;
+      state.routeSplitIndex = 1;
+      getBreadcrumbList(routesList$1.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.default.setTagsViewNameI18n(route);
+    };
+    vue.onMounted(() => {
+      initRouteSplit(route);
+    });
+    vueRouter.onBeforeRouteUpdate((to) => {
+      initRouteSplit(to);
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
+      const _component_el_breadcrumb_item = vue.resolveComponent("el-breadcrumb-item");
+      const _component_el_breadcrumb = vue.resolveComponent("el-breadcrumb");
+      return isShowBreadcrumb.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_SvgIcon, {
+          class: "layout-navbars-breadcrumb-icon",
+          name: vue.unref(themeConfig$1).isCollapse ? "ele-Expand" : "ele-Fold",
+          size: 16,
+          onClick: onThemeConfigChange
+        }, null, 8, ["name"]),
+        vue.createVNode(_component_el_breadcrumb, { class: "layout-navbars-breadcrumb-hide" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.TransitionGroup, { name: "breadcrumb" }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(state.breadcrumbList, (v, k) => {
+                    return vue.openBlock(), vue.createBlock(
+                      _component_el_breadcrumb_item,
+                      {
+                        key: v.path
+                      },
+                      {
+                        default: vue.withCtx(() => [
+                          k === state.breadcrumbList.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+                            vue.unref(themeConfig$1).isBreadcrumbIcon ? (vue.openBlock(), vue.createBlock(_component_SvgIcon, {
+                              key: 0,
+                              name: v.meta.icon,
+                              class: "layout-navbars-breadcrumb-iconfont"
+                            }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true),
+                            v.meta.title ? (vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              _hoisted_3,
+                              vue.toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )) : (vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              _hoisted_4,
+                              vue.toDisplayString(v.meta.tagsViewName),
+                              1
+                              /* TEXT */
+                            ))
+                          ])) : (vue.openBlock(), vue.createElementBlock("a", {
+                            key: 1,
+                            onClick: vue.withModifiers(($event) => onBreadcrumbClick(v), ["prevent"]),
+                            style: { "display": "flex" }
+                          }, [
+                            vue.unref(themeConfig$1).isBreadcrumbIcon ? (vue.openBlock(), vue.createBlock(_component_SvgIcon, {
+                              key: 0,
+                              name: v.meta.icon,
+                              class: "layout-navbars-breadcrumb-iconfont"
+                            }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true),
+                            vue.createTextVNode(
+                              vue.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 */
+        })
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/navBars/topBar/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_name_layoutBreadcrumbIndex_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_name_layoutBreadcrumbIndex_lang.default;

package/lib/packages/components/fm-layout/src/navBars/topBar/index.vue2.js

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var pinia = require('pinia');
+require('../../../../../stores/index.js');
+var mitt = require('../../../../../utils/mitt.js');
+var routesList = require('../../../../../stores/routesList.js');
+var themeConfig = require('../../../../../stores/themeConfig.js');
+
+const _hoisted_1 = { class: "layout-navbars-breadcrumb-index" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const Breadcrumb = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./breadcrumb.vue.js'); }));
+    const User = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./user.vue.js'); }));
+    const Logo = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../../logo/index.vue.js'); }));
+    const Horizontal = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../../navMenu/horizontal.vue.js'); }));
+    const stores = routesList.useRoutesList();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const { routesList: routesList$1 } = pinia.storeToRefs(stores);
+    const route = vueRouter.useRoute();
+    const state = vue.reactive({
+      menuList: []
+    });
+    const setIsShowLogo = vue.computed(() => {
+      let { isShowLogo, layout } = themeConfig$1.value;
+      return isShowLogo && layout === "classic" || isShowLogo && layout === "transverse";
+    });
+    const isLayoutTransverse = vue.computed(() => {
+      let { layout, isClassicSplitMenu } = themeConfig$1.value;
+      return layout === "transverse" || isClassicSplitMenu && layout === "classic";
+    });
+    const setFilterRoutes = () => {
+      let { layout, isClassicSplitMenu } = themeConfig$1.value;
+      if (layout === "classic" && isClassicSplitMenu) {
+        state.menuList = delClassicChildren(filterRoutesFun(routesList$1.value));
+        const resData = setSendClassicChildren(route.path);
+        mitt.default.emit("setSendClassicChildren", resData);
+      } else {
+        state.menuList = filterRoutesFun(routesList$1.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$1.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;
+    };
+    vue.onMounted(() => {
+      setFilterRoutes();
+      mitt.default.on("getBreadcrumbIndexSetFilterRoutes", () => {
+        setFilterRoutes();
+      });
+    });
+    vue.onUnmounted(() => {
+      mitt.default.off("getBreadcrumbIndexSetFilterRoutes", () => {
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        setIsShowLogo.value ? (vue.openBlock(), vue.createBlock(vue.unref(Logo), { key: 0 })) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(vue.unref(Breadcrumb)),
+        isLayoutTransverse.value ? (vue.openBlock(), vue.createBlock(vue.unref(Horizontal), {
+          key: 1,
+          menuList: state.menuList
+        }, null, 8, ["menuList"])) : vue.createCommentVNode("v-if", true),
+        !_ctx.$slots.user ? (vue.openBlock(), vue.createBlock(vue.unref(User), { key: 2 }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.$slots, (_, name) => {
+                return vue.renderSlot(_ctx.$slots, name, vue.mergeProps({
+                  key: name,
+                  ref_for: true
+                }, _ctx.$slots[name].props || {}));
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 3
+          /* FORWARDED */
+        })) : vue.renderSlot(_ctx.$slots, "user", { key: 3 })
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/navBars/topBar/search.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var search_vue_vue_type_script_setup_true_name_layoutBreadcrumbSearch_lang = require('./search.vue2.js');
+
+
+
+exports.default = search_vue_vue_type_script_setup_true_name_layoutBreadcrumbSearch_lang.default;

package/lib/packages/components/fm-layout/src/navBars/topBar/search.vue2.js

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+var vueI18n = require('vue-i18n');
+var pinia = require('pinia');
+require('../../../../../stores/index.js');
+var tagsViewRoutes = require('../../../../../stores/tagsViewRoutes.js');
+
+const _hoisted_1 = { class: "layout-search-dialog" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "search",
+  setup(__props, { expose: __expose }) {
+    const storesTagsViewRoutes = tagsViewRoutes.useTagsViewRoutes();
+    const { tagsViewRoutes: tagsViewRoutes$1 } = pinia.storeToRefs(storesTagsViewRoutes);
+    const layoutMenuAutocompleteRef = vue.ref();
+    const { t } = vueI18n.useI18n();
+    const router = vueRouter.useRouter();
+    const state = vue.reactive({
+      isShowSearch: false,
+      menuQuery: "",
+      tagsViewList: []
+    });
+    const openSearch = () => {
+      state.menuQuery = "";
+      state.isShowSearch = true;
+      initTageView();
+      vue.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$1.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 = vue.resolveComponent("ele-Search");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
+      const _component_el_autocomplete = vue.resolveComponent("el-autocomplete");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_dialog, {
+          modelValue: state.isShowSearch,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.isShowSearch = $event),
+          "destroy-on-close": "",
+          "show-close": false
+        }, {
+          footer: vue.withCtx(() => [
+            vue.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: vue.withCtx(() => [
+                vue.createVNode(_component_el_icon, { class: "el-input__icon" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_ele_Search)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              default: vue.withCtx(({ item }) => [
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(_component_SvgIcon, {
+                    name: item.meta.icon,
+                    class: "mr5"
+                  }, null, 8, ["name"]),
+                  vue.createTextVNode(
+                    " " + vue.toDisplayString(_ctx.$t(item.meta.title)),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/navBars/topBar/upgradeInfo.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var upgradeInfo_vue_vue_type_script_setup_true_lang = require('./upgradeInfo.vue2.js');
+
+
+
+exports.default = upgradeInfo_vue_vue_type_script_setup_true_lang.default;

package/lib/packages/components/fm-layout/src/navBars/topBar/upgradeInfo.vue2.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../../api/index.js');
+var index = require('../../../../../api/base/index.js');
+
+const _hoisted_1 = { class: "sys-upgrade-container" };
+const _hoisted_2 = { style: { "color": "#fff" } };
+const _hoisted_3 = ["innerHTML"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "upgradeInfo",
+  setup(__props, { expose: __expose }) {
+    const state = vue.reactive({
+      isShowDialog: false,
+      ruleForm: {}
+    });
+    const openDialog = (row) => {
+      state.ruleForm = JSON.parse(JSON.stringify(row));
+      state.isShowDialog = true;
+    };
+    const cancel = async () => {
+      await index.useBaseApi("sysUpgrade").pcomm({ id: state.ruleForm.id }, "setRead");
+      state.isShowDialog = false;
+    };
+    __expose({ openDialog });
+    return (_ctx, _cache) => {
+      const _component_ele_InfoFilled = vue.resolveComponent("ele-InfoFilled");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.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: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(_component_el_icon, {
+                size: "16",
+                style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ele_InfoFilled)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              _cache[1] || (_cache[1] = vue.createElementVNode(
+                "span",
+                null,
+                " \u7CFB\u7EDF\u66F4\u65B0\u65E5\u5FD7 ",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              innerHTML: state.ruleForm.content,
+              style: { "padding": "20px" }
+            }, null, 8, _hoisted_3)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/navBars/topBar/user.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var user_vue_vue_type_script_setup_true_name_layoutBreadcrumbUser_lang = require('./user.vue2.js');
+
+
+
+exports.default = user_vue_vue_type_script_setup_true_name_layoutBreadcrumbUser_lang.default;