@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/cjs/layouts/new/components/Topbar/Toolbar/PageReload/index.vue.js

@@ -1,23 +0,0 @@
-"use strict";
-const vue = require("vue");
-const useMainPage = require("../../../../../../utils/composables/useMainPage.js");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "PageReload"
-  },
-  __name: "index",
-  setup(__props) {
-    const mainPage = useMainPage();
-    return (_ctx, _cache) => {
-      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: "flex-center cursor-pointer px-2 py-1",
-        onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(mainPage).reload())
-      }, [
-        vue.createVNode(_component_SvgIcon, { name: "i-iconoir:refresh-double" })
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/PageReload/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../../src/layouts/new/components/Topbar/Toolbar/PageReload/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\ndefineOptions({\r\n  name: 'PageReload',\r\n})\r\n\r\nconst mainPage = useMainPage()\r\n</script>\r\n\r\n<template>\r\n  <span class=\"flex-center cursor-pointer px-2 py-1\" @click=\"mainPage.reload()\">\r\n    <SvgIcon name=\"i-iconoir:refresh-double\" />\r\n  </span>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;AAKA,UAAM,WAAW;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/PageReload/index.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
-module.exports = index_vue_vue_type_script_setup_true_lang;
-//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/PageReload/index.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/index.vue.js

@@ -1,7 +0,0 @@
-"use strict";
-const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
-;/* empty css            */
-const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
-const Toolbar = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-8932d8f6"]]);
-module.exports = Toolbar;
-//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/index.vue2.js

@@ -1,34 +0,0 @@
-"use strict";
-const vue = require("vue");
-const leftSide_vue_vue_type_script_setup_true_lang = require("./leftSide.vue.js");
-const rightSide_vue_vue_type_script_setup_true_lang = require("./rightSide.vue.js");
-const settings = require("../../../../../store/modules/settings.js");
-const _hoisted_1 = { class: "toolbar-container flex items-center justify-between" };
-const _hoisted_2 = {
-  class: "h-full flex items-center of-hidden pl-2 pr-16",
-  style: { "mask-image": "linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent)" }
-};
-const _hoisted_3 = { class: "h-full flex items-center px-2" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "Toolbar"
-  },
-  __name: "index",
-  setup(__props) {
-    const settingsStore = settings();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(leftSide_vue_vue_type_script_setup_true_lang)
-        ]),
-        vue.withDirectives(vue.createElementVNode("div", _hoisted_3, [
-          vue.createVNode(rightSide_vue_vue_type_script_setup_true_lang)
-        ], 512), [
-          [vue.vShow, ["side", "single"].includes(vue.unref(settingsStore).settings.menu.mode)]
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/index.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../../src/layouts/new/components/Topbar/Toolbar/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport LeftSide from './leftSide.vue'\r\nimport RightSide from './rightSide.vue'\r\nimport useSettingsStore from '../../../../../store/modules/settings'\r\n\r\ndefineOptions({\r\n  name: 'Toolbar',\r\n})\r\n\r\nconst settingsStore = useSettingsStore()\r\n</script>\r\n\r\n<template>\r\n  <div class=\"toolbar-container flex items-center justify-between\">\r\n    <div class=\"h-full flex items-center of-hidden pl-2 pr-16\" style=\"mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent);\">\r\n      <LeftSide />\r\n    </div>\r\n    <div v-show=\"['side', 'single'].includes(settingsStore.settings.menu.mode)\" class=\"h-full flex items-center px-2\">\r\n      <RightSide />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.toolbar-container {\r\n  height: var(--g-toolbar-height);\r\n  background-color: var(--g-container-bg);\r\n  transition: background-color 0.3s;\r\n}\r\n</style>\r\n"],"names":["useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAM,gBAAgBA;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/leftSide.vue.js

@@ -1,29 +0,0 @@
-"use strict";
-const vue = require("vue");
-const index = require("./Breadcrumb/index.vue.js");
-const settings = require("../../../../../store/modules/settings.js");
-const index_vue_vue_type_script_setup_true_lang = require("../../../common/components/SvgIcon/index.vue.js");
-const _hoisted_1 = { class: "flex items-center" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "ToolbarLeftSide"
-  },
-  __name: "leftSide",
-  setup(__props) {
-    const settingsStore = settings();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.unref(settingsStore).mode === "mobile" ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "flex-center cursor-pointer px-2 py-1 -rotate-z-180",
-          onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(settingsStore).toggleSidebarCollapse())
-        }, [
-          vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "toolbar-collapse" })
-        ])) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.breadcrumb ? (vue.openBlock(), vue.createBlock(index, { key: 1 })) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=leftSide.vue.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/leftSide.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"leftSide.vue.js","sources":["../../../../../../../src/layouts/new/components/Topbar/Toolbar/leftSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport Breadcrumb from './Breadcrumb/index.vue'\r\nimport useSettingsStore from '../../../../../store/modules/settings'\r\nimport SvgIcon from \"../../../common/components/SvgIcon/index.vue\";\r\n\r\ndefineOptions({\r\n  name: 'ToolbarLeftSide',\r\n})\r\n\r\nconst settingsStore = useSettingsStore()\r\n</script>\r\n\r\n<template>\r\n  <div class=\"flex items-center\">\r\n    <div v-if=\"settingsStore.mode === 'mobile'\" class=\"flex-center cursor-pointer px-2 py-1 -rotate-z-180\" @click=\"settingsStore.toggleSidebarCollapse()\">\r\n      <SvgIcon name=\"toolbar-collapse\" />\r\n    </div>\r\n    <Breadcrumb v-if=\"settingsStore.settings.toolbar.breadcrumb\" />\r\n  </div>\r\n</template>\r\n"],"names":["useSettingsStore"],"mappings":";;;;;;;;;;;;AASA,UAAM,gBAAgBA;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/leftSide.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-const leftSide_vue_vue_type_script_setup_true_lang = require("./leftSide.vue.js");
-module.exports = leftSide_vue_vue_type_script_setup_true_lang;
-//# sourceMappingURL=leftSide.vue2.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/leftSide.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"leftSide.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/rightSide.vue.js

@@ -1,83 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const index_vue_vue_type_script_setup_true_lang = require("./NavSearch/index.vue.js");
-const index_vue_vue_type_script_setup_true_lang$1 = require("./Fullscreen/index.vue.js");
-const index_vue_vue_type_script_setup_true_lang$2 = require("./PageReload/index.vue.js");
-const index_vue_vue_type_script_setup_true_lang$3 = require("./ColorScheme/index.vue.js");
-const eventBus = require("../../../../../utils/eventBus.js");
-const settings = require("../../../../../store/modules/settings.js");
-require("@maketribe/dm");
-require("element-plus");
-require("@maketribe/utils");
-require("../../../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../../../core/MSAppClient.js");
-require("@maketribe/request");
-const HDropdownMenu_vue_vue_type_script_setup_true_lang = require("../../../ui-kit/HDropdownMenu.vue.js");
-const index_vue_vue_type_script_setup_true_lang$4 = require("../../../common/components/SvgIcon/index.vue.js");
-const _hoisted_1 = { class: "flex items-center" };
-const _hoisted_2 = { class: "flex-center gap-1" };
-const _hoisted_3 = ["src", "onerror"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "Tools"
-  },
-  __name: "rightSide",
-  setup(__props) {
-    vueRouter.useRouter();
-    const settingsStore = settings();
-    const appClient = vue.computed(() => MSAppClient.MSAppClient.instance);
-    const userInfo = vue.computed(() => vue.unref(appClient).userInfo);
-    const avatarError = vue.ref(false);
-    const handleLogout = () => {
-      vue.unref(appClient).logout();
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.unref(settingsStore).settings.toolbar.navSearch ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang, { key: 0 })) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.fullscreen ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$1, { key: 1 })) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.pageReload ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$2, { key: 2 })) : vue.createCommentVNode("", true),
-        vue.unref(settingsStore).settings.toolbar.colorScheme ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$3, { key: 3 })) : vue.createCommentVNode("", true),
-        vue.createVNode(HDropdownMenu_vue_vue_type_script_setup_true_lang, {
-          items: [
-            [
-              {
-                label: "快捷键介绍",
-                handle: () => vue.unref(eventBus).emit("global-hotkeys-intro-toggle"),
-                hide: vue.unref(settingsStore).mode !== "pc"
-              }
-            ],
-            [
-              {
-                label: "退出登录",
-                handle: handleLogout
-              }
-            ]
-          ],
-          class: "flex-center cursor-pointer px-2"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.unref(userInfo).avatar && !vue.unref(avatarError) ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                src: vue.unref(userInfo).avatar,
-                onerror: () => avatarError.value = true,
-                class: "h-[24px] w-[24px] rounded-full"
-              }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$4, {
-                key: 1,
-                name: "i-carbon:user-avatar-filled-alt",
-                size: 24,
-                class: "text-gray-400"
-              })),
-              vue.createTextVNode(" " + vue.toDisplayString(vue.unref(userInfo).account) + " ", 1),
-              vue.createVNode(index_vue_vue_type_script_setup_true_lang$4, { name: "i-ep:caret-bottom" })
-            ])
-          ]),
-          _: 1
-        }, 8, ["items"])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=rightSide.vue.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/rightSide.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rightSide.vue.js","sources":["../../../../../../../src/layouts/new/components/Topbar/Toolbar/rightSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useRouter } from \"vue-router\";\r\nimport NavSearch from \"./NavSearch/index.vue\";\r\nimport Fullscreen from \"./Fullscreen/index.vue\";\r\nimport PageReload from \"./PageReload/index.vue\";\r\nimport ColorScheme from \"./ColorScheme/index.vue\";\r\nimport eventBus from \"../../../../../utils/eventBus\";\r\nimport useSettingsStore from \"../../../../../store/modules/settings\";\r\nimport { MSAppClient } from \"../../../../../core\";\r\nimport HDropdownMenu from \"../../../ui-kit/HDropdownMenu.vue\";\r\nimport SvgIcon from \"../../../common/components/SvgIcon/index.vue\";\r\n\r\ndefineOptions({\r\n  name: \"Tools\",\r\n});\r\n\r\nconst router = useRouter();\r\n\r\nconst settingsStore = useSettingsStore();\r\n\r\nconst appClient = computed(() => MSAppClient.instance!);\r\n\r\nconst userInfo = computed(() => unref(appClient).userInfo!);\r\n\r\nconst avatarError = ref(false);\r\n\r\nconst handleLogout = () => {\r\n  unref(appClient).logout();\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"flex items-center\">\r\n    <NavSearch v-if=\"settingsStore.settings.toolbar.navSearch\" />\r\n    <Fullscreen v-if=\"settingsStore.settings.toolbar.fullscreen\" />\r\n    <PageReload v-if=\"settingsStore.settings.toolbar.pageReload\" />\r\n    <ColorScheme v-if=\"settingsStore.settings.toolbar.colorScheme\" />\r\n<!--    <HDropdownMenu-->\r\n<!--      :items=\"[-->\r\n<!--        [-->\r\n<!--          {-->\r\n<!--            label: settingsStore.settings.home.title,-->\r\n<!--            handle: () =>-->\r\n<!--              router.push({ path: settingsStore.settings.home.fullPath }),-->\r\n<!--            hide: !settingsStore.settings.home.enable,-->\r\n<!--          },-->\r\n<!--          {-->\r\n<!--            label: '个人设置',-->\r\n<!--            handle: () => router.push({ name: 'personalSetting' }),-->\r\n<!--          },-->\r\n<!--        ],-->\r\n<!--        [-->\r\n<!--          {-->\r\n<!--            label: '快捷键介绍',-->\r\n<!--            handle: () => eventBus.emit('global-hotkeys-intro-toggle'),-->\r\n<!--            hide: settingsStore.mode !== 'pc',-->\r\n<!--          },-->\r\n<!--        ],-->\r\n<!--        [-->\r\n<!--          {-->\r\n<!--            label: '退出登录',-->\r\n<!--            handle: handleLogout,-->\r\n<!--          },-->\r\n<!--        ],-->\r\n<!--      ]\"-->\r\n<!--      class=\"flex-center cursor-pointer px-2\"-->\r\n<!--    >-->\r\n    <HDropdownMenu\r\n      :items=\"[\r\n        [\r\n          {\r\n            label: '快捷键介绍',\r\n            handle: () => eventBus.emit('global-hotkeys-intro-toggle'),\r\n            hide: settingsStore.mode !== 'pc',\r\n          },\r\n        ],\r\n        [\r\n          {\r\n            label: '退出登录',\r\n            handle: handleLogout,\r\n          },\r\n        ],\r\n      ]\"\r\n      class=\"flex-center cursor-pointer px-2\"\r\n    >\r\n      <div class=\"flex-center gap-1\">\r\n        <img\r\n          v-if=\"userInfo.avatar && !avatarError\"\r\n          :src=\"userInfo.avatar\"\r\n          :onerror=\"() => (avatarError = true)\"\r\n          class=\"h-[24px] w-[24px] rounded-full\"\r\n        />\r\n        <SvgIcon\r\n          v-else\r\n          name=\"i-carbon:user-avatar-filled-alt\"\r\n          :size=\"24\"\r\n          class=\"text-gray-400\"\r\n        />\r\n        {{ userInfo.account }}\r\n        <SvgIcon name=\"i-ep:caret-bottom\" />\r\n      </div>\r\n    </HDropdownMenu>\r\n  </div>\r\n</template>\r\n"],"names":["useRouter","useSettingsStore","computed","MSAppClient","unref","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBeA,wBAAU;AAEzB,UAAM,gBAAgBC;AAEtB,UAAM,YAAYC,IAAA,SAAS,MAAMC,YAAA,YAAY,QAAS;AAEtD,UAAM,WAAWD,IAAAA,SAAS,MAAME,IAAM,MAAA,SAAS,EAAE,QAAS;AAEpD,UAAA,cAAcC,QAAI,KAAK;AAE7B,UAAM,eAAe,MAAM;AACnBD,gBAAA,SAAS,EAAE;IAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/Topbar/Toolbar/rightSide.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-const rightSide_vue_vue_type_script_setup_true_lang = require("./rightSide.vue.js");
-module.exports = rightSide_vue_vue_type_script_setup_true_lang;
-//# sourceMappingURL=rightSide.vue2.js.map

package/dist/cjs/layouts/new/components/Topbar/Toolbar/rightSide.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rightSide.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/cjs/layouts/new/components/Topbar/index.vue.js

@@ -1,7 +0,0 @@
-"use strict";
-const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
-;/* empty css            */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const Topbar = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-ab498c9e"]]);
-module.exports = Topbar;
-//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/new/components/Topbar/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/layouts/new/components/Topbar/index.vue2.js

@@ -1,61 +0,0 @@
-"use strict";
-const vue = require("vue");
-const index = require("./Tabbar/index.vue.js");
-const index$1 = require("./Toolbar/index.vue.js");
-const settings = require("../../../../store/modules/settings.js");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "Topbar"
-  },
-  __name: "index",
-  setup(__props) {
-    const settingsStore = settings();
-    const enableToolbar = vue.computed(() => {
-      return !(settingsStore.settings.menu.mode === "head" && (!settingsStore.settings.toolbar.breadcrumb || settingsStore.settings.app.routeBaseOn === "filesystem"));
-    });
-    const scrollTop = vue.ref(0);
-    const scrollOnHide = vue.ref(false);
-    const topbarHeight = vue.computed(() => {
-      const tabbarHeight = settingsStore.settings.tabbar.enable ? Number.parseInt(
-        getComputedStyle(
-          document.documentElement || document.body
-        ).getPropertyValue("--g-tabbar-height")
-      ) : 0;
-      const toolbarHeight = enableToolbar.value ? Number.parseInt(
-        getComputedStyle(
-          document.documentElement || document.body
-        ).getPropertyValue("--g-toolbar-height")
-      ) : 0;
-      return tabbarHeight + toolbarHeight;
-    });
-    vue.onMounted(() => {
-      window.addEventListener("scroll", onScroll);
-    });
-    vue.onUnmounted(() => {
-      window.removeEventListener("scroll", onScroll);
-    });
-    function onScroll() {
-      scrollTop.value = (document.documentElement || document.body).scrollTop;
-    }
-    vue.watch(scrollTop, (val, oldVal) => {
-      scrollOnHide.value = settingsStore.settings.topbar.mode === "sticky" && val > oldVal && val > topbarHeight.value;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["topbar-container", {
-          "has-tabbar": vue.unref(settingsStore).settings.tabbar.enable,
-          "has-toolbar": vue.unref(enableToolbar),
-          [`topbar-${vue.unref(settingsStore).settings.topbar.mode}`]: true,
-          shadow: vue.unref(scrollTop),
-          hide: vue.unref(scrollOnHide)
-        }]),
-        "data-fixed-calc-width": ""
-      }, [
-        vue.unref(settingsStore).settings.tabbar.enable ? (vue.openBlock(), vue.createBlock(index, { key: 0 })) : vue.createCommentVNode("", true),
-        vue.unref(enableToolbar) ? (vue.openBlock(), vue.createBlock(index$1, { key: 1 })) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/new/components/Topbar/index.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/layouts/new/components/Topbar/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport Tabbar from \"./Tabbar/index.vue\";\r\nimport Toolbar from \"./Toolbar/index.vue\";\r\nimport useSettingsStore from \"../../../../store/modules/settings\";\r\n\r\ndefineOptions({\r\n  name: \"Topbar\",\r\n});\r\n\r\nconst settingsStore = useSettingsStore();\r\n\r\nconst enableToolbar = computed(() => {\r\n  return !(\r\n    settingsStore.settings.menu.mode === \"head\" &&\r\n    (!settingsStore.settings.toolbar.breadcrumb ||\r\n      settingsStore.settings.app.routeBaseOn === \"filesystem\")\r\n  );\r\n});\r\n\r\nconst scrollTop = ref(0);\r\nconst scrollOnHide = ref(false);\r\nconst topbarHeight = computed(() => {\r\n  const tabbarHeight = settingsStore.settings.tabbar.enable\r\n    ? Number.parseInt(\r\n        getComputedStyle(\r\n          document.documentElement || document.body\r\n        ).getPropertyValue(\"--g-tabbar-height\")\r\n      )\r\n    : 0;\r\n  const toolbarHeight = enableToolbar.value\r\n    ? Number.parseInt(\r\n        getComputedStyle(\r\n          document.documentElement || document.body\r\n        ).getPropertyValue(\"--g-toolbar-height\")\r\n      )\r\n    : 0;\r\n  return tabbarHeight + toolbarHeight;\r\n});\r\nonMounted(() => {\r\n  window.addEventListener(\"scroll\", onScroll);\r\n});\r\nonUnmounted(() => {\r\n  window.removeEventListener(\"scroll\", onScroll);\r\n});\r\nfunction onScroll() {\r\n  scrollTop.value = (document.documentElement || document.body).scrollTop;\r\n}\r\nwatch(scrollTop, (val, oldVal) => {\r\n  scrollOnHide.value =\r\n    settingsStore.settings.topbar.mode === \"sticky\" &&\r\n    val > oldVal &&\r\n    val > topbarHeight.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"topbar-container\"\r\n    :class=\"{\r\n      'has-tabbar': settingsStore.settings.tabbar.enable,\r\n      'has-toolbar': enableToolbar,\r\n      [`topbar-${settingsStore.settings.topbar.mode}`]: true,\r\n      shadow: scrollTop,\r\n      hide: scrollOnHide,\r\n    }\"\r\n    data-fixed-calc-width\r\n  >\r\n    <Tabbar v-if=\"settingsStore.settings.tabbar.enable\" />\r\n    <Toolbar v-if=\"enableToolbar\" />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.topbar-container {\r\n  position: absolute;\r\n  top: 0;\r\n  z-index: 999;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 1px 0 0 var(--g-border-color);\r\n  transition: width 0.3s, top 0.3s, transform 0.3s, box-shadow 0.3s;\r\n\r\n  &.topbar-fixed,\r\n  &.topbar-sticky {\r\n    position: fixed;\r\n\r\n    &.shadow {\r\n      box-shadow: 0 10px 10px -10px var(--g-box-shadow-color);\r\n    }\r\n  }\r\n\r\n  &.topbar-sticky.hide {\r\n    top: calc(\r\n      (var(--g-tabbar-height) + var(--g-toolbar-height)) * -1\r\n    ) !important;\r\n  }\r\n}\r\n</style>\r\n"],"names":["useSettingsStore","computed","ref","onMounted","onUnmounted","watch"],"mappings":";;;;;;;;;;;AASA,UAAM,gBAAgBA;AAEhB,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,EACL,cAAc,SAAS,KAAK,SAAS,WACpC,CAAC,cAAc,SAAS,QAAQ,cAC/B,cAAc,SAAS,IAAI,gBAAgB;AAAA,IAAA,CAEhD;AAEK,UAAA,YAAYC,QAAI,CAAC;AACjB,UAAA,eAAeA,QAAI,KAAK;AACxB,UAAA,eAAeD,IAAAA,SAAS,MAAM;AAClC,YAAM,eAAe,cAAc,SAAS,OAAO,SAC/C,OAAO;AAAA,QACL;AAAA,UACE,SAAS,mBAAmB,SAAS;AAAA,QAAA,EACrC,iBAAiB,mBAAmB;AAAA,MAExC,IAAA;AACE,YAAA,gBAAgB,cAAc,QAChC,OAAO;AAAA,QACL;AAAA,UACE,SAAS,mBAAmB,SAAS;AAAA,QAAA,EACrC,iBAAiB,oBAAoB;AAAA,MAEzC,IAAA;AACJ,aAAO,eAAe;AAAA,IAAA,CACvB;AACDE,QAAAA,UAAU,MAAM;AACP,aAAA,iBAAiB,UAAU,QAAQ;AAAA,IAAA,CAC3C;AACDC,QAAAA,YAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,QAAQ;AAAA,IAAA,CAC9C;AACD,aAAS,WAAW;AAClB,gBAAU,SAAS,SAAS,mBAAmB,SAAS,MAAM;AAAA,IAChE;AACMC,QAAAA,MAAA,WAAW,CAAC,KAAK,WAAW;AACnB,mBAAA,QACX,cAAc,SAAS,OAAO,SAAS,YACvC,MAAM,UACN,MAAM,aAAa;AAAA,IAAA,CACtB;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/components/views/link.vue.js

@@ -1,7 +0,0 @@
-"use strict";
-const link_vue_vue_type_script_setup_true_lang = require("./link.vue2.js");
-;/* empty css           */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const LinkView = /* @__PURE__ */ _pluginVue_exportHelper(link_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-e0ceadac"]]);
-module.exports = LinkView;
-//# sourceMappingURL=link.vue.js.map

package/dist/cjs/layouts/new/components/views/link.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/layouts/new/components/views/link.vue2.js

@@ -1,84 +0,0 @@
-"use strict";
-const vue = require("vue");
-const core = require("@vueuse/core");
-const Message = require("vue-m-message");
-const vueRouter = require("vue-router");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-e0ceadac"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { class: "absolute h-full w-full flex flex-col" };
-const _hoisted_2 = { class: "flex flex-col items-center" };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "my-2 text-xl text-dark dark-text-white" }, " 是否访问此链接 ", -1));
-const _hoisted_4 = { class: "line-clamp-3" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "LinkView"
-  },
-  __name: "link",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const { copy, copied } = core.useClipboard();
-    vue.watch(copied, (val) => {
-      val && Message.success("复制成功", {
-        zIndex: 2e3
-      });
-    });
-    function open() {
-      window.open(route.meta.link, "_blank");
-    }
-    return (_ctx, _cache) => {
-      const _component_SvgIcon = vue.resolveComponent("SvgIcon");
-      const _component_HTooltip = vue.resolveComponent("HTooltip");
-      const _component_HButton = vue.resolveComponent("HButton");
-      const _component_PageMain = vue.resolveComponent("PageMain");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.Transition, {
-          name: "slide-right",
-          mode: "out-in",
-          appear: ""
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(_component_PageMain, {
-              key: vue.unref(route).meta.link,
-              class: "flex flex-1 flex-col justify-center"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_2, [
-                  vue.createVNode(_component_SvgIcon, {
-                    name: "i-icon-park-twotone:planet",
-                    size: 120,
-                    class: "text-ui-primary/80"
-                  }),
-                  _hoisted_3,
-                  vue.createElementVNode("div", {
-                    class: "my-2 max-w-[300px] cursor-pointer text-center text-[14px] text-stone-5",
-                    onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(route).meta.link && vue.unref(copy)(vue.unref(route).meta.link))
-                  }, [
-                    vue.createVNode(_component_HTooltip, { text: "复制链接" }, {
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(vue.unref(route).meta.link), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  vue.createVNode(_component_HButton, {
-                    class: "my-4",
-                    onClick: open
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_SvgIcon, { name: "i-ri:external-link-fill" }),
-                      vue.createTextVNode(" 立即访问 ")
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            }))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=link.vue2.js.map

package/dist/cjs/layouts/new/components/views/link.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.vue2.js","sources":["../../../../../../src/layouts/new/components/views/link.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useClipboard } from '@vueuse/core'\r\nimport Message from 'vue-m-message'\r\n\r\ndefineOptions({\r\n  name: 'LinkView',\r\n})\r\n\r\nconst route = useRoute()\r\n\r\nconst { copy, copied } = useClipboard()\r\nwatch(copied, (val) => {\r\n  val && Message.success('复制成功', {\r\n    zIndex: 2000,\r\n  })\r\n})\r\n\r\nfunction open() {\r\n  window.open(route.meta.link, '_blank')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"absolute h-full w-full flex flex-col\">\r\n    <Transition name=\"slide-right\" mode=\"out-in\" appear>\r\n      <PageMain :key=\"route.meta.link\" class=\"flex flex-1 flex-col justify-center\">\r\n        <div class=\"flex flex-col items-center\">\r\n          <SvgIcon name=\"i-icon-park-twotone:planet\" :size=\"120\" class=\"text-ui-primary/80\" />\r\n          <div class=\"my-2 text-xl text-dark dark-text-white\">\r\n            是否访问此链接\r\n          </div>\r\n          <div class=\"my-2 max-w-[300px] cursor-pointer text-center text-[14px] text-stone-5\" @click=\"route.meta.link && copy(route.meta.link)\">\r\n            <HTooltip text=\"复制链接\">\r\n              <div class=\"line-clamp-3\">\r\n                {{ route.meta.link }}\r\n              </div>\r\n            </HTooltip>\r\n          </div>\r\n          <HButton class=\"my-4\" @click=\"open\">\r\n            <SvgIcon name=\"i-ri:external-link-fill\" />\r\n            立即访问\r\n          </HButton>\r\n        </div>\r\n      </PageMain>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.slide-right-enter-active {\r\n  transition: 0.2s;\r\n}\r\n\r\n.slide-right-leave-active {\r\n  transition: 0.15s;\r\n}\r\n\r\n.slide-right-enter-from {\r\n  margin-left: -20px;\r\n  opacity: 0;\r\n}\r\n\r\n.slide-right-leave-to {\r\n  margin-left: 20px;\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":["useRoute","useClipboard","watch"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAM,QAAQA,UAAAA;AAEd,UAAM,EAAE,MAAM,OAAO,IAAIC,KAAa,aAAA;AAChCC,cAAA,QAAQ,CAAC,QAAQ;AACd,aAAA,QAAQ,QAAQ,QAAQ;AAAA,QAC7B,QAAQ;AAAA,MAAA,CACT;AAAA,IAAA,CACF;AAED,aAAS,OAAO;AACd,aAAO,KAAK,MAAM,KAAK,MAAM,QAAQ;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/new/index.vue.js

@@ -1,7 +0,0 @@
-"use strict";
-const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
-;/* empty css            */
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const NewLayout = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-19f1b978"]]);
-module.exports = NewLayout;
-//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/new/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}