@fmdeui/fmui 1.0.28 → 1.0.30

package/lib/packages/components/fm-layout/src/main/defaults.vue2.js

@@ -0,0 +1,157 @@
+'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');
+require('../../../../utils/index.js');
+var themeConfig = require('../../../../stores/themeConfig.js');
+var loading = require('../../../../utils/loading.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "defaults",
+  setup(__props) {
+    const LayoutAside = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/aside.vue.js'); }));
+    const LayoutHeader = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/header.vue.js'); }));
+    const LayoutMain = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/main.vue.js'); }));
+    const layoutScrollbarRef = vue.ref("");
+    const layoutMainRef = vue.ref();
+    const route = vueRouter.useRoute();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const updateScrollbar = () => {
+      layoutScrollbarRef.value.update();
+      layoutMainRef.value.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      vue.nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          layoutScrollbarRef.value.wrapRef.scrollTop = 0;
+          if (layoutMainRef.value != void 0) layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    vue.onMounted(() => {
+      initScrollBarHeight();
+      loading.NextLoading.done(600);
+    });
+    vue.watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    vue.watch(
+      () => [themeConfig$1.value.isTagsview, themeConfig$1.value.isFixedHeader],
+      () => {
+        vue.nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+      const _component_el_container = vue.resolveComponent("el-container");
+      return vue.openBlock(), vue.createBlock(_component_el_container, { class: "layout-container" }, {
+        default: vue.withCtx(() => [
+          !_ctx.$slots.aside ? (vue.openBlock(), vue.createBlock(vue.unref(LayoutAside), { key: 0 }, {
+            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, "aside", { key: 1 }),
+          vue.createVNode(_component_el_container, { class: "layout-container-view h100" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(
+                _component_el_scrollbar,
+                {
+                  ref_key: "layoutScrollbarRef",
+                  ref: layoutScrollbarRef,
+                  class: "layout-backtop"
+                },
+                {
+                  default: vue.withCtx(() => [
+                    !_ctx.$slots.header ? (vue.openBlock(), vue.createBlock(vue.unref(LayoutHeader), { key: 0 }, {
+                      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, "header", { key: 1 }),
+                    !_ctx.$slots.main ? (vue.openBlock(), vue.createBlock(
+                      vue.unref(LayoutMain),
+                      {
+                        key: 2,
+                        ref_key: "layoutMainRef",
+                        ref: layoutMainRef
+                      },
+                      {
+                        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 */
+                      },
+                      512
+                      /* NEED_PATCH */
+                    )) : vue.renderSlot(_ctx.$slots, "main", { key: 3 })
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ]),
+        _: 3
+        /* FORWARDED */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/main/transverse.vue.js

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

package/lib/packages/components/fm-layout/src/main/transverse.vue2.js

@@ -0,0 +1,74 @@
+'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 themeConfig = require('../../../../stores/themeConfig.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "transverse",
+  setup(__props) {
+    const LayoutHeader = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/header.vue.js'); }));
+    const LayoutMain = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/main.vue.js'); }));
+    const layoutMainRef = vue.ref();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const route = vueRouter.useRoute();
+    const updateScrollbar = () => {
+      layoutMainRef.value.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      vue.nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    vue.onMounted(() => {
+      initScrollBarHeight();
+    });
+    vue.watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    vue.watch(
+      () => themeConfig$1.value.isTagsview,
+      () => {
+        vue.nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_container = vue.resolveComponent("el-container");
+      return vue.openBlock(), vue.createBlock(_component_el_container, { class: "layout-container flex-center layout-backtop" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(LayoutHeader)),
+          vue.createVNode(
+            vue.unref(LayoutMain),
+            {
+              ref_key: "layoutMainRef",
+              ref: layoutMainRef
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../../../../stores/index.js');
+var themeConfig = require('../../../../stores/themeConfig.js');
+
+const _hoisted_1 = { class: "layout-navbars-container" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const BreadcrumbIndex = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./topBar/index.vue.js'); }));
+    const TagsView = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./tagsView/tagsView.vue.js'); }));
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const setShowTagsView = vue.computed(() => {
+      let { layout, isTagsview } = themeConfig$1.value;
+      return layout !== "classic" && isTagsview;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        !_ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createBlock(vue.unref(BreadcrumbIndex), { key: 0 }, {
+          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, "breadcrumb", { key: 1 }),
+        setShowTagsView.value ? (vue.openBlock(), vue.createBlock(vue.unref(TagsView), { key: 2 })) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/navBars/tagsView/contextmenu.vue.js

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

package/lib/packages/components/fm-layout/src/navBars/tagsView/contextmenu.vue2.js

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-hidden"];
+const _hoisted_2 = { class: "el-dropdown-menu" };
+const _hoisted_3 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "contextmenu",
+  props: {
+    dropdown: {
+      type: Object,
+      default: () => {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    }
+  },
+  emits: ["currentContextmenuClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = vue.reactive({
+      isShow: false,
+      dropdownList: [
+        { contextMenuClickId: 0, txt: "message.tagsView.refresh", affix: false, icon: "ele-RefreshRight" },
+        { contextMenuClickId: 1, txt: "message.tagsView.close", affix: false, icon: "ele-Close" },
+        { contextMenuClickId: 2, txt: "message.tagsView.closeOther", affix: false, icon: "ele-CircleClose" },
+        { contextMenuClickId: 3, txt: "message.tagsView.closeAll", affix: false, icon: "ele-FolderDelete" },
+        {
+          contextMenuClickId: 4,
+          txt: "message.tagsView.fullscreen",
+          affix: false,
+          icon: "iconfont icon-fullscreen"
+        }
+      ],
+      item: {},
+      arrowLeft: 10
+    });
+    const dropdowns = vue.computed(() => {
+      if (props.dropdown.x + 117 > document.documentElement.clientWidth) {
+        return {
+          x: document.documentElement.clientWidth - 117 - 5,
+          y: props.dropdown.y
+        };
+      } else {
+        return props.dropdown;
+      }
+    });
+    const onCurrentContextmenuClick = (contextMenuClickId) => {
+      emit("currentContextmenuClick", Object.assign({}, { contextMenuClickId }, state.item));
+    };
+    const openContextmenu = (item) => {
+      var _a;
+      state.item = item;
+      ((_a = item.meta) == null ? void 0 : _a.isAffix) ? state.dropdownList[1].affix = true : state.dropdownList[1].affix = false;
+      closeContextmenu();
+      setTimeout(() => {
+        state.isShow = true;
+      }, 10);
+    };
+    const closeContextmenu = () => {
+      state.isShow = false;
+    };
+    vue.onMounted(() => {
+      document.body.addEventListener("click", closeContextmenu);
+    });
+    vue.onUnmounted(() => {
+      document.body.removeEventListener("click", closeContextmenu);
+    });
+    vue.watch(
+      () => props.dropdown,
+      ({ x }) => {
+        if (x + 117 > document.documentElement.clientWidth) state.arrowLeft = 117 - (document.documentElement.clientWidth - x);
+        else state.arrowLeft = 10;
+      },
+      {
+        deep: true
+      }
+    );
+    __expose({
+      openContextmenu
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: "el-collapse-transition",
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            "aria-hidden": state.isShow ? false : true,
+            class: "el-dropdown__popper el-popper is-light is-pure custom-contextmenu",
+            role: "tooltip",
+            "data-popper-placement": "bottom",
+            style: vue.normalizeStyle(`top: ${dropdowns.value.y + 5}px;left: ${dropdowns.value.x}px;`),
+            key: Math.random()
+          }, [
+            vue.createElementVNode("ul", _hoisted_2, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(state.dropdownList, (v, k) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    [
+                      !v.affix ? (vue.openBlock(), vue.createElementBlock("li", {
+                        class: "el-dropdown-menu__item",
+                        "aria-disabled": "false",
+                        tabindex: "-1",
+                        key: k,
+                        onClick: ($event) => onCurrentContextmenuClick(v.contextMenuClickId)
+                      }, [
+                        vue.createVNode(_component_SvgIcon, {
+                          name: v.icon
+                        }, null, 8, ["name"]),
+                        vue.createElementVNode(
+                          "span",
+                          null,
+                          vue.toDisplayString(_ctx.$t(v.txt)),
+                          1
+                          /* TEXT */
+                        )
+                      ], 8, _hoisted_3)) : vue.createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                256
+                /* UNKEYED_FRAGMENT */
+              ))
+            ]),
+            vue.createElementVNode(
+              "div",
+              {
+                class: "el-popper__arrow",
+                style: vue.normalizeStyle({ left: `${state.arrowLeft}px` })
+              },
+              null,
+              4
+              /* STYLE */
+            )
+          ], 12, _hoisted_1)), [
+            [vue.vShow, state.isShow]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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