jky-component-lib 0.0.65 → 0.0.67

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

@@ -0,0 +1,53 @@
+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/lib/tabs/useTabsStore.js

@@ -0,0 +1,208 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pinia = require("pinia");
+const vue = require("vue");
+const PERSIST_KEY_SYMBOL = Symbol("jky-tabs-persist-key");
+const DEFAULT_PERSIST_KEY = "jky-tabs-state";
+function getPersistConfig(persist, persistKey) {
+  const injectedPersistKey = vue.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 = pinia.defineStore("jky-tabs", () => {
+    const tabList = vue.ref((initialData == null ? void 0 : initialData.tabList) || []);
+    const activeTab = vue.ref((initialData == null ? void 0 : initialData.activeTab) || "");
+    const cacheTabs = vue.shallowRef((initialData == null ? void 0 : initialData.cacheTabs) || []);
+    const closedTabs = vue.shallowRef((initialData == null ? void 0 : initialData.closedTabs) || []);
+    const cacheSet = vue.computed(() => new Set(cacheTabs.value));
+    const closedSet = vue.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();
+}
+exports.createTabsStore = createTabsStore;
+exports.resetTabsStore = resetTabsStore;
+exports.useTabsStore = useTabsStore;

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "publishConfig": {
     "access": "public"
   },
   "packageManager": "bun@1.3.5",
+  "workspaces": [
+    "apps/*"
+  ],
   "description": "Vue 3 component library starter template, provides VitePress documentation, supports building ESM, CJS and UMD formats. ",
   "author": "Kieran Wang <kieranwme@gmail.com> (https://github.com/kieranwv/)",
   "license": "MIT",
@@ -38,6 +41,7 @@
   },
   "main": "dist/lib/index.js",
   "module": "dist/es/index.js",
+  "source": "src/index.ts",
   "unpkg": "dist/umd/index.js",
   "jsdelivr": "dist/umd/index.js",
   "types": "dist/es/index.d.ts",
@@ -77,7 +81,10 @@
     "@tinymce/tinymce-vue": "^6.0.0",
     "@vueuse/core": "^14.2.1",
     "codemirror": "^6.0.0",
-    "element-plus": "^2.0.0",
+    "element-plus": "^2.13.6",
+    "mitt": "^3.0.1",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
     "vue": "^3.2.0"
   },
   "devDependencies": {
@@ -101,6 +108,7 @@
     "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@vue/test-utils": "^2.4.6",
     "@vueuse/core": "^14.2.1",
+    "ajv": "^8.18.0",
     "bumpp": "^10.1.0",
     "codemirror": "^6.0.2",
     "cssnano": "^7.0.7",