bmp-layout 0.0.25-beta.1 → 0.0.25-beta.2

package/bmp-layout.es.js

@@ -1,4 +1,4 @@
-import { openBlock, createBlock, unref, normalizeClass, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, nextTick, createVNode, Fragment, resolveComponent, defineComponent, isVNode, renderList, createCommentVNode, createTextVNode, toDisplayString, renderSlot, onBeforeMount, withModifiers, onMounted, onUnmounted, Teleport, Transition, provide, KeepAlive, resolveDynamicComponent, TransitionGroup, mergeProps, isRef, withDirectives, resolveDirective, watchEffect, vShow, useSlots, useAttrs, createSlots, inject, onBeforeUnmount, reactive, onUpdated, render, useCssVars } from "vue";
+import { openBlock, createBlock, unref, normalizeClass, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, nextTick, createVNode, Fragment, resolveComponent, defineComponent, isVNode, renderList, createCommentVNode, createTextVNode, toDisplayString, renderSlot, onBeforeMount, onMounted, withModifiers, onUnmounted, Teleport, Transition, provide, KeepAlive, resolveDynamicComponent, TransitionGroup, mergeProps, isRef, withDirectives, resolveDirective, watchEffect, vShow, useSlots, useAttrs, createSlots, inject, onBeforeUnmount, reactive, onUpdated, render, useCssVars } from "vue";
 import { createPinia, setActivePinia, defineStore } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import { cloneDeep, omit } from "lodash-es";
@@ -8221,14 +8221,51 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
     };
     const scrollbarRef = ref();
     const scrollLeftNumber = ref(0);
+    const showLeftArrow = ref(false);
+    const showRightArrow = ref(false);
     let scrollStopFn = null;
-    const scroll = ({ scrollLeft }) => {
+    const checkArrows = () => {
+      var _a2;
+      const wrap$ = (_a2 = unref(scrollbarRef)) == null ? void 0 : _a2.wrapRef;
+      if (!wrap$)
+        return;
+      const { scrollLeft, scrollWidth, offsetWidth } = wrap$;
+      showLeftArrow.value = scrollLeft > 0;
+      showRightArrow.value = scrollLeft < scrollWidth - offsetWidth - 1;
+    };
+    const handleScroll = ({ scrollLeft }) => {
       scrollLeftNumber.value = scrollLeft;
+      checkArrows();
+    };
+    const handleScrollLeft = () => {
+      var _a2;
+      const wrap$ = (_a2 = unref(scrollbarRef)) == null ? void 0 : _a2.wrapRef;
+      if (wrap$) {
+        wrap$.scrollTo({
+          left: Math.max(0, wrap$.scrollLeft - 300),
+          behavior: "smooth"
+        });
+      }
+    };
+    const handleScrollRight = () => {
+      var _a2;
+      const wrap$ = (_a2 = unref(scrollbarRef)) == null ? void 0 : _a2.wrapRef;
+      if (wrap$) {
+        wrap$.scrollTo({
+          left: wrap$.scrollLeft + 300,
+          behavior: "smooth"
+        });
+      }
     };
     onBeforeMount(() => {
       initTags();
       addTags();
     });
+    onMounted(() => {
+      nextTick(() => {
+        checkArrows();
+      });
+    });
     watch(
       () => currentRoute.value,
       () => {
@@ -8241,14 +8278,25 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", {
         id: unref(prefixCls2),
-        class: normalizeClass([unref(prefixCls2), "relative flex"])
+        class: normalizeClass([unref(prefixCls2), "relative flex items-center"])
       }, [
+        unref(showLeftArrow) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(`${unref(prefixCls2)}__arrow ${unref(prefixCls2)}__arrow--left`),
+          onClick: handleScrollLeft
+        }, [
+          createVNode(_component_Icon, {
+            icon: "lucide:chevron-left",
+            size: 16,
+            color: "#a4aec4ff"
+          })
+        ], 2)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$a, [
           createVNode(unref(ElScrollbar), {
             ref_key: "scrollbarRef",
             ref: scrollbarRef,
             class: "h-full",
-            onScroll: scroll
+            onScroll: handleScroll
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3$9, [
@@ -8319,7 +8367,6 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
                                   createVNode(_component_Icon, {
                                     class: normalizeClass(`${unref(prefixCls2)}__item--close`),
                                     size: 8,
-                                    color: "#7b7e904ff",
                                     icon: "svg-icon:tag-close",
                                     onClick: withModifiers(($event) => closeSelectedTag(item), ["prevent", "stop"])
                                   }, null, 8, ["class", "onClick"]),
@@ -8341,12 +8388,23 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ name: "TagsView" }, {
             ]),
             _: 1
           }, 512)
-        ])
+        ]),
+        unref(showRightArrow) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(`${unref(prefixCls2)}__arrow ${unref(prefixCls2)}__arrow--right`),
+          onClick: handleScrollRight
+        }, [
+          createVNode(_component_Icon, {
+            icon: "lucide:chevron-right",
+            size: 16,
+            color: "#7d8595ff"
+          })
+        ], 2)) : createCommentVNode("", true)
       ], 10, _hoisted_1$c);
     };
   }
 });
-const TagsView = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-3ab01e0b"]]);
+const TagsView = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-fb8d3778"]]);
 const _sfc_main$s = /* @__PURE__ */ Object.assign({ name: "MenuTrigger" }, {
   __name: "MenuTrigger",
   props: {
@@ -8528,7 +8586,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
       activeModuleIndex.value = 0;
     };
     const handleSelect = (item, parentPath = "") => {
-      var _a2, _b, _c;
+      var _a2, _b, _c, _d;
       const fullPath = getAccessiblePath(item, parentPath);
       if (fullPath) {
         const currentModuleId = permissionStore.getModuleId;
@@ -8537,7 +8595,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
           router.push(fullPath.startsWith("/") ? fullPath : `/${fullPath}`);
         } else {
           const currentOrigin = window.location.origin;
-          const modulePath = ((_c = productList.value[activeProductIndex.value]) == null ? void 0 : _c.modulePath) || "";
+          const modulePath = ((_d = (_c = productList.value[activeProductIndex.value]) == null ? void 0 : _c.children[activeModuleIndex.value]) == null ? void 0 : _d.modulePath) || "";
           const moduleFullPath = joinPath(modulePath, fullPath);
           const targetUrl = `${currentOrigin}${moduleFullPath.startsWith("/") ? moduleFullPath : `/${moduleFullPath}`}`;
           window.location.href = targetUrl;
@@ -8775,7 +8833,7 @@ const _sfc_main$r = /* @__PURE__ */ Object.assign({ name: "ProductServicePanel"
     };
   }
 });
-const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-130420a1"]]);
+const ProductServicePanel = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c6b549d4"]]);
 const _sfc_main$q = /* @__PURE__ */ Object.assign({ name: "Logo" }, {
   __name: "Logo",
   emits: ["logo-click"],