jky-component-lib 0.0.72 → 0.0.75

package/dist/es/tabs/index.js

@@ -1,8 +0,0 @@
-import _sfc_main from "./Tabs.vue.js";
-/* empty css          */
-import { installWithSFC } from "../utils/with-install.js";
-const JkyTabs = installWithSFC(_sfc_main);
-export {
-  JkyTabs,
-  JkyTabs as default
-};

package/dist/es/tabs/routeListener.d.ts

@@ -1,19 +0,0 @@
-import { RouteLocationNormalized } from 'vue-router';
-/**
- * 触发路由变化事件
- *
- * @param route - 路由信息
- */
-export declare function emitRouteChange(route: RouteLocationNormalized): void;
-/**
- * 监听路由变化
- *
- * @param callback - 回调函数
- * @param immediate - 是否立即执行
- * @returns 取消监听函数
- */
-export declare function onRouteChange(callback: (route: RouteLocationNormalized) => void, immediate?: boolean): () => void;
-/**
- * 清除所有监听
- */
-export declare function clearRouteListeners(): void;

package/dist/es/tabs/routeListener.js

@@ -1,26 +0,0 @@
-import mitt from "mitt";
-const emitter = mitt();
-let lastRoute = null;
-function emitRouteChange(route) {
-  lastRoute = route;
-  emitter.emit("routeChange", { route });
-}
-function onRouteChange(callback, immediate = true) {
-  emitter.on("routeChange", ({ route }) => {
-    callback(route);
-  });
-  if (immediate && lastRoute) {
-    callback(lastRoute);
-  }
-  return () => {
-    emitter.off("routeChange");
-  };
-}
-function clearRouteListeners() {
-  emitter.all.clear();
-}
-export {
-  clearRouteListeners,
-  emitRouteChange,
-  onRouteChange
-};

package/dist/es/tabs/style.css

@@ -1,29 +0,0 @@
-/* Tabs 组件样式 */
-.jky-tabs {
-  --jky-tabs-color: var(--el-text-color-regular);
-  --jky-tabs-active-color: var(--el-color-primary);
-  --jky-tabs-height: 40px;
-  --jky-tabs-font-size: 14px;
-.el-tabs__item {
-    color: var(--jky-tabs-color);
-    font-size: var(--jky-tabs-font-size);
-    height: var(--jky-tabs-height);
-    line-height: var(--jky-tabs-height);
-&.is-active {
-      color: var(--jky-tabs-active-color);
-}
-}
-.el-tabs__active-bar {
-    background-color: var(--jky-tabs-active-color);
-}
-}
-/* 路由模式下的特殊样式 */
-.jky-tabs--route {
-.el-tabs__item {
-&.is-closable:hover {
-.el-tabs__item__close {
-        opacity: 1;
-}
-}
-}
-}

package/dist/es/tabs/useTabs.d.ts

@@ -1,27 +0,0 @@
-import { ComputedRef } from 'vue';
-import { TabItem, TabsStore } from './types';
-/**
- * Tabs Hook 返回类型
- */
-interface UseTabsReturn {
-    activeTab: ComputedRef<string>;
-    tabList: ComputedRef<TabItem[]>;
-    cacheTabs: ComputedRef<string[]>;
-    getCurrentTab: () => TabItem | undefined;
-    addTab: (tab: TabItem) => void;
-    closeTab: (name?: string) => void;
-    closeLeft: (name?: string) => void;
-    closeRight: (name?: string) => void;
-    closeOther: (name?: string) => void;
-    closeAll: () => void;
-    refresh: (name?: string) => void;
-    setTitle: (title: string, name?: string) => void;
-}
-/**
- * Tabs Hook
- *
- * @param store - 可选的 store 实例
- * @returns Tabs 操作 API
- */
-export declare function useTabs(store?: TabsStore): UseTabsReturn;
-export {};

package/dist/es/tabs/useTabs.js

@@ -1,59 +0,0 @@
-import { computed } from "vue";
-import { useTabsStore } from "./useTabsStore.js";
-function useTabs(store) {
-  const tabsStore = store || useTabsStore();
-  function getCurrentTab() {
-    return tabsStore.tabList.find(
-      (t) => t.name === tabsStore.activeTab
-    );
-  }
-  function addTab(tab) {
-    tabsStore.addTab(tab);
-  }
-  function closeTab(name) {
-    const tabName = name || tabsStore.activeTab;
-    tabsStore.removeTab(tabName);
-  }
-  function closeLeft(name) {
-    const tabName = name || tabsStore.activeTab;
-    tabsStore.closeLeft(tabName);
-  }
-  function closeRight(name) {
-    const tabName = name || tabsStore.activeTab;
-    tabsStore.closeRight(tabName);
-  }
-  function closeOther(name) {
-    const tabName = name || tabsStore.activeTab;
-    tabsStore.closeOther(tabName);
-  }
-  function closeAll() {
-    tabsStore.closeAll();
-  }
-  function refresh(name) {
-    const tabName = name || tabsStore.activeTab;
-    tabsStore.refresh(tabName);
-  }
-  function setTitle(title, name) {
-    const tabName = name || tabsStore.activeTab;
-    tabsStore.updateTab(tabName, { label: title });
-  }
-  return {
-    // 状态
-    activeTab: computed(() => tabsStore.activeTab),
-    tabList: computed(() => tabsStore.getTabList()),
-    cacheTabs: computed(() => tabsStore.getCacheTabs()),
-    // 方法
-    getCurrentTab,
-    addTab,
-    closeTab,
-    closeLeft,
-    closeRight,
-    closeOther,
-    closeAll,
-    refresh,
-    setTitle
-  };
-}
-export {
-  useTabs
-};

package/dist/es/tabs/useTabsStore.d.ts

@@ -1,53 +0,0 @@
-import { TabItem } from './types';
-/**
- * Tabs Store 返回类型
- * 注意：Pinia 会自动解包 Ref，所以这里使用 UnwrapRef
- */
-export interface TabsStoreReturn {
-    tabList: TabItem[];
-    activeTab: string;
-    cacheTabs: string[];
-    closedTabs: string[];
-    addTab: (tab: TabItem) => void;
-    updateTab: (name: string, tab: Partial<TabItem>) => void;
-    removeTab: (name: string) => void;
-    setActiveTab: (name: string) => void;
-    addCache: (name: string) => void;
-    removeCache: (name: string) => void;
-    bulkRemove: (names: string[]) => void;
-    closeLeft: (name: string) => void;
-    closeRight: (name: string) => void;
-    closeOther: (name: string) => void;
-    closeAll: () => void;
-    refresh: (name: string) => void;
-    getTabList: () => TabItem[];
-    getCacheTabs: () => string[];
-    isClosed: (name: string) => boolean;
-    isCached: (name: string) => boolean;
-    reset: () => void;
-}
-/**
- * Tabs Store
- * 使用 Pinia 管理标签页状态和缓存
- *
- * @param persist - 是否启用持久化（默认 false）
- * @param persistKey - 持久化 key（可选，默认 'jky-tabs-state'）
- */
-export declare function createTabsStore(persist?: boolean, persistKey?: string): TabsStoreReturn;
-/**
- * 获取或创建 Tabs Store
- *
- * @param persist - 是否启用持久化（默认 false）
- * @param persistKey - 持久化 key（可选）
- */
-export declare function useTabsStore(persist?: boolean, persistKey?: string): TabsStoreReturn;
-/**
- * 重置 Store
- */
-export declare function resetTabsStore(): void;
-/**
- * 在应用中提供持久化 key
- */
-export declare function provideTabsPersistKey(key: string): {
-    key: string;
-};

package/dist/es/tabs/useTabsStore.js

@@ -1,208 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { defineStore } from "pinia";
-import { ref, shallowRef, computed, inject } from "vue";
-const PERSIST_KEY_SYMBOL = Symbol("jky-tabs-persist-key");
-const DEFAULT_PERSIST_KEY = "jky-tabs-state";
-function getPersistConfig(persist, persistKey) {
-  const injectedPersistKey = inject(PERSIST_KEY_SYMBOL, void 0);
-  const finalPersistKey = injectedPersistKey || persistKey || DEFAULT_PERSIST_KEY;
-  return {
-    enabled: persist !== void 0 ? persist : false,
-    key: finalPersistKey
-  };
-}
-function loadFromStorage(key) {
-  try {
-    const stored = localStorage.getItem(key);
-    if (stored) {
-      return JSON.parse(stored);
-    }
-  } catch (error) {
-    console.warn("Failed to load tabs from storage:", error);
-  }
-  return null;
-}
-function saveToStorage(key, data) {
-  try {
-    localStorage.setItem(key, JSON.stringify(data));
-  } catch (error) {
-    console.warn("Failed to save tabs to storage:", error);
-  }
-}
-function createTabsStore(persist, persistKey) {
-  const persistConfig = getPersistConfig(persist, persistKey);
-  const initialData = persistConfig.enabled ? loadFromStorage(persistConfig.key) : null;
-  const store = defineStore("jky-tabs", () => {
-    const tabList = ref((initialData == null ? void 0 : initialData.tabList) || []);
-    const activeTab = ref((initialData == null ? void 0 : initialData.activeTab) || "");
-    const cacheTabs = shallowRef((initialData == null ? void 0 : initialData.cacheTabs) || []);
-    const closedTabs = shallowRef((initialData == null ? void 0 : initialData.closedTabs) || []);
-    const cacheSet = computed(() => new Set(cacheTabs.value));
-    const closedSet = computed(() => new Set(closedTabs.value));
-    function persistState() {
-      if (!persistConfig.enabled)
-        return;
-      saveToStorage(persistConfig.key, {
-        tabList: tabList.value,
-        activeTab: activeTab.value,
-        cacheTabs: cacheTabs.value,
-        closedTabs: closedTabs.value
-      });
-    }
-    function addTab(tab) {
-      const index = tabList.value.findIndex((t) => t.name === tab.name);
-      if (index !== -1) {
-        tabList.value[index] = __spreadValues(__spreadValues({}, tabList.value[index]), tab);
-      } else {
-        tabList.value.push(tab);
-      }
-      persistState();
-    }
-    function updateTab(name, tab) {
-      const index = tabList.value.findIndex((t) => t.name === name);
-      if (index !== -1) {
-        tabList.value[index] = __spreadValues(__spreadValues({}, tabList.value[index]), tab);
-        persistState();
-      }
-    }
-    function removeTab(name) {
-      const index = tabList.value.findIndex((t) => t.name === name);
-      if (index !== -1) {
-        tabList.value.splice(index, 1);
-        removeCache(name);
-        if (activeTab.value === name && tabList.value.length > 0) {
-          const nextTab = tabList.value[index] || tabList.value[index - 1];
-          if (nextTab) {
-            activeTab.value = nextTab.name;
-          }
-        }
-        persistState();
-      }
-    }
-    function setActiveTab(name) {
-      activeTab.value = name;
-      persistState();
-    }
-    function addCache(name) {
-      if (!cacheSet.value.has(name)) {
-        cacheTabs.value = [...cacheTabs.value, name];
-        persistState();
-      }
-    }
-    function removeCache(name) {
-      cacheTabs.value = cacheTabs.value.filter((t) => t !== name);
-      persistState();
-    }
-    function bulkRemove(names) {
-      tabList.value = tabList.value.filter((tab) => !names.includes(tab.name));
-      names.forEach((name) => removeCache(name));
-      persistState();
-    }
-    function closeLeft(name) {
-      const index = tabList.value.findIndex((t) => t.name === name);
-      if (index > 0) {
-        const leftTabs = tabList.value.slice(0, index);
-        const removableTabs = leftTabs.filter((tab) => !tab.affix);
-        bulkRemove(removableTabs.map((tab) => tab.name));
-      }
-    }
-    function closeRight(name) {
-      const index = tabList.value.findIndex((t) => t.name === name);
-      if (index >= 0 && index < tabList.value.length - 1) {
-        const rightTabs = tabList.value.slice(index + 1);
-        const removableTabs = rightTabs.filter((tab) => !tab.affix);
-        bulkRemove(removableTabs.map((tab) => tab.name));
-      }
-    }
-    function closeOther(name) {
-      const removableTabs = tabList.value.filter(
-        (tab) => tab.name !== name && !tab.affix
-      );
-      bulkRemove(removableTabs.map((tab) => tab.name));
-    }
-    function closeAll() {
-      const removableTabs = tabList.value.filter((tab) => !tab.affix);
-      bulkRemove(removableTabs.map((tab) => tab.name));
-    }
-    function refresh(name) {
-      removeCache(name);
-      setTimeout(() => {
-        addCache(name);
-      }, 0);
-    }
-    function getTabList() {
-      return [...tabList.value];
-    }
-    function getCacheTabs() {
-      return [...cacheTabs.value];
-    }
-    function isClosed(name) {
-      return closedSet.value.has(name);
-    }
-    function isCached(name) {
-      return cacheSet.value.has(name);
-    }
-    function reset() {
-      tabList.value = [];
-      activeTab.value = "";
-      cacheTabs.value = [];
-      closedTabs.value = [];
-      persistState();
-    }
-    return {
-      tabList,
-      activeTab,
-      cacheTabs,
-      closedTabs,
-      addTab,
-      updateTab,
-      removeTab,
-      setActiveTab,
-      addCache,
-      removeCache,
-      bulkRemove,
-      closeLeft,
-      closeRight,
-      closeOther,
-      closeAll,
-      refresh,
-      getTabList,
-      getCacheTabs,
-      isClosed,
-      isCached,
-      reset
-    };
-  });
-  return store();
-}
-const storeInstances = /* @__PURE__ */ new Map();
-function useTabsStore(persist, persistKey) {
-  const key = persistKey || DEFAULT_PERSIST_KEY;
-  if (!storeInstances.has(key)) {
-    storeInstances.set(key, () => createTabsStore(persist, persistKey));
-  }
-  return storeInstances.get(key)();
-}
-function resetTabsStore() {
-  storeInstances.clear();
-}
-export {
-  createTabsStore,
-  resetTabsStore,
-  useTabsStore
-};

package/dist/lib/tabs/TabContent.vue.d.ts

@@ -1,16 +0,0 @@
-import { TabContentProps } from './types';
-declare const _default: import('vue').DefineComponent<TabContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    contextMenu: (data: {
-        tab: import('./types').TabItem;
-        event: MouseEvent;
-    }) => any;
-}, string, import('vue').PublicProps, Readonly<TabContentProps> & Readonly<{
-    onContextMenu?: ((data: {
-        tab: import('./types').TabItem;
-        event: MouseEvent;
-    }) => any) | undefined;
-}>, {
-    showIcon: boolean;
-    showContextMenu: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/lib/tabs/TabContent.vue.js

@@ -1,65 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _hoisted_1 = { class: "jky-tab-content__title" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-  name: "JkyTabContent"
-}), {
-  __name: "TabContent",
-  props: {
-    tab: {},
-    showIcon: { type: Boolean, default: true },
-    showContextMenu: { type: Boolean, default: false }
-  },
-  emits: ["contextMenu"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const title = vue.computed(() => {
-      var _a, _b;
-      return props.tab.label || ((_b = (_a = props.tab.route) == null ? void 0 : _a.meta) == null ? void 0 : _b.title) || "";
-    });
-    const icon = vue.computed(() => {
-      var _a, _b;
-      return props.tab.icon || ((_b = (_a = props.tab.route) == null ? void 0 : _a.meta) == null ? void 0 : _b.icon);
-    });
-    function handleContextMenu(e) {
-      if (props.showContextMenu) {
-        e.preventDefault();
-        emit("contextMenu", { tab: props.tab, event: e });
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "jky-tab-content flex items-center gap-1",
-        onContextmenu: handleContextMenu
-      }, [
-        props.showIcon && icon.value ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          class: vue.normalizeClass(["jky-tab-content__icon text-sm", [icon.value]])
-        }, null, 2)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(title.value), 1)
-      ], 32);
-    };
-  }
-}));
-exports.default = _sfc_main;

package/dist/lib/tabs/TabContent.vue3.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const TabContent_vue_vue_type_script_setup_true_lang = require("./TabContent.vue.js");
-;/* empty css                 */
-exports.default = TabContent_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/tabs/Tabs.vue.d.ts

@@ -1,46 +0,0 @@
-import { TabItem, TabsProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
-    closeTab: (tabName: string) => void;
-    closeOthers: (tabName: string) => void;
-    closeAll: () => void;
-    refreshTab: (tabName: string) => void;
-    getCachedTabs: () => string[];
-    getTabList: () => TabItem[];
-    getActiveTab: () => string;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
-    routeChange: (route: any) => any;
-    tabClick: (tab: any) => any;
-    tabRemove: (tabName: string) => any;
-    edit: (tabName: string | undefined, action: "add" | "remove") => any;
-    tabClose: (tabName: string) => any;
-}, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onRouteChange?: ((route: any) => any) | undefined;
-    onTabClick?: ((tab: any) => any) | undefined;
-    onTabRemove?: ((tabName: string) => any) | undefined;
-    onEdit?: ((tabName: string | undefined, action: "add" | "remove") => any) | undefined;
-    onTabClose?: ((tabName: string) => any) | undefined;
-}>, {
-    mode: import('./types').TabsMode;
-    cachable: boolean;
-    maxCacheSize: number;
-    tabStyle: import('./types').TabStyleOptions;
-    tabs: TabItem[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};