@owocow/saber-ui 0.0.2 → 0.0.3

package/dist/utils/storage.d.ts

@@ -0,0 +1,29 @@
+/**
+ * AES 加密 localStorage 模块
+ *
+ * 使用前需在 main.ts 中调用 setupStorage() 注入密钥与前缀：
+ *
+ * @example
+ * import { setupStorage } from '@owocow/saber-ui/utils/storage'
+ *
+ * setupStorage({
+ *   secret: import.meta.env.VITE_STORAGE_SECRET,
+ *   prefix: import.meta.env.VITE_STORAGE_PREFIX,
+ * })
+ *
+ * // 之后任意位置直接使用
+ * import { storage } from '@owocow/saber-ui/utils/storage'
+ * storage.set('key', value)
+ */
+export interface StorageConfig {
+    secret: string;
+    prefix?: string;
+}
+/** 初始化加密存储模块 */
+export declare function setupStorage(config: StorageConfig): void;
+export declare const storage: {
+    set(key: string, value: unknown): void;
+    get<T>(key: string): T | null;
+    remove(key: string): void;
+    clear(): void;
+};

package/dist/utils/storage.mjs

@@ -0,0 +1,39 @@
+import c from "crypto-js";
+let t = "", a = "";
+function p(e) {
+  t = e.secret, a = e.prefix ?? "";
+}
+const n = (e) => `${a}${e}`, g = {
+  set(e, r) {
+    if (!t)
+      throw new Error("[storage] 尚未初始化，请先调用 setupStorage({ secret, prefix })");
+    try {
+      const o = JSON.stringify(r), s = c.AES.encrypt(o, t).toString();
+      localStorage.setItem(n(e), s);
+    } catch (o) {
+      console.error("[storage.set] failed", e, o);
+    }
+  },
+  get(e) {
+    if (!t)
+      throw new Error("[storage] 尚未初始化，请先调用 setupStorage({ secret, prefix })");
+    const r = localStorage.getItem(n(e));
+    if (!r) return null;
+    try {
+      const s = c.AES.decrypt(r, t).toString(c.enc.Utf8);
+      return JSON.parse(s);
+    } catch {
+      return null;
+    }
+  },
+  remove(e) {
+    localStorage.removeItem(n(e));
+  },
+  clear() {
+    localStorage.clear();
+  }
+};
+export {
+  p as setupStorage,
+  g as storage
+};

package/dist/utils/toast.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Toast 依赖注入模块
+ *
+ * 由 App.vue setup 注入 toast 实例，非组件场景（如 http 拦截器）通过 getToast() 获取。
+ *
+ * @example
+ * // App.vue
+ * import { setToast } from '@owocow/saber-ui/utils/toast'
+ * setToast(useToast())
+ *
+ * // 任意位置
+ * import { getToast } from '@owocow/saber-ui/utils/toast'
+ * getToast().add({ title: '操作成功', color: 'success' })
+ */
+export interface ToastInstance {
+    add: (options: {
+        title: string;
+        color?: string;
+        duration?: number;
+    }) => void;
+    clear: () => void;
+}
+export declare function setToast(instance: ToastInstance): void;
+export declare function getToast(): ToastInstance;
+/** 安全版本：未初始化时返回 null，适用于路由守卫等早于 App.vue 执行的场景 */
+export declare function tryGetToast(): ToastInstance | null;

package/dist/utils/toast.mjs

@@ -0,0 +1,17 @@
+let t = null;
+function e(o) {
+  t = o;
+}
+function n() {
+  if (!t)
+    throw new Error("[toast] 尚未初始化，请确认 App.vue 已调用 setToast(useToast())");
+  return t;
+}
+function r() {
+  return t;
+}
+export {
+  n as getToast,
+  e as setToast,
+  r as tryGetToast
+};

package/dist/utils/tree.d.ts

@@ -0,0 +1,20 @@
+export interface TreeConfig {
+    /** id 字段名 */
+    idField: string;
+    /** 父级 id 字段名，默认 'parentId' */
+    parentIdField?: string;
+    /** 子节点字段名，默认 'children' */
+    childrenField?: string;
+    /** 过滤函数 */
+    filterFn?: (node: any) => boolean;
+    /** 需要从节点中删除的字段 */
+    omitFields?: string[];
+}
+/**
+ * 扁平列表转树形结构
+ *
+ * @param data 数据源
+ * @param config 配置选项
+ * @returns 树形结构数据
+ */
+export declare function createTreeFromList<T extends Record<string, any>>(data: T[], config: TreeConfig): T[];

package/dist/utils/tree.mjs

@@ -0,0 +1,30 @@
+function g(o, u) {
+  if (!(o != null && o.length))
+    return [];
+  const { idField: c, parentIdField: f = "parentId", childrenField: l = "children", filterFn: d = () => !0, omitFields: F = [] } = u, i = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), r = [];
+  for (const e of o) {
+    for (const s of F)
+      delete e[s];
+    const n = e[c], t = e[f];
+    p.set(n, e), i.has(t) || i.set(t, []), d(e) && i.get(t).push(e);
+  }
+  for (const e of o) {
+    const n = e[f];
+    !p.has(n) && d(e) && r.push(e);
+  }
+  const h = (e) => {
+    const n = e[c], t = i.get(n);
+    if (t != null && t.length) {
+      e[l] = t;
+      for (const s of t)
+        h(s);
+    } else
+      e[l] = void 0;
+  };
+  for (const e of r)
+    h(e);
+  return r;
+}
+export {
+  g as createTreeFromList
+};

package/package.json

@@ -1,21 +1,172 @@
 {
   "name": "@owocow/saber-ui",
-  "version": "0.0.2",
-  "description": "Vue 3 component library — BadgeStatus and more, built on top of @nuxt/ui",
+  "version": "0.0.3",
+  "description": "Saber application foundation for Vue 3 projects built on Nuxt UI",
   "type": "module",
-  "main": "./dist/index.cjs",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.mjs"
     },
     "./vite": {
       "types": "./dist/vite.d.ts",
-      "import": "./dist/vite.mjs",
-      "require": "./dist/vite.cjs"
+      "import": "./dist/vite.mjs"
+    },
+    "./district": {
+      "types": "./dist/district.d.ts",
+      "import": "./dist/district.mjs"
+    },
+    "./forms": {
+      "types": "./dist/forms/index.d.ts",
+      "import": "./dist/forms.mjs"
+    },
+    "./forms/pop-select": {
+      "types": "./dist/forms/components/fields/SaberPopSelect.vue.d.ts",
+      "import": "./dist/forms/pop-select.mjs"
+    },
+    "./forms/district-select": {
+      "types": "./dist/forms/components/fields/SaberDistrictSelect.vue.d.ts",
+      "import": "./dist/forms/district-select.mjs"
+    },
+    "./forms/dict-checkbox": {
+      "types": "./dist/forms/components/fields/SaberDictCheckbox.vue.d.ts",
+      "import": "./dist/forms/dict-checkbox.mjs"
+    },
+    "./forms/dict-radio": {
+      "types": "./dist/forms/components/fields/SaberDictRadio.vue.d.ts",
+      "import": "./dist/forms/dict-radio.mjs"
+    },
+    "./forms/dict-select": {
+      "types": "./dist/forms/components/fields/SaberDictSelect.vue.d.ts",
+      "import": "./dist/forms/dict-select.mjs"
+    },
+    "./forms/upload-image": {
+      "types": "./dist/forms/components/fields/SaberUploadImage.vue.d.ts",
+      "import": "./dist/forms/upload-image.mjs"
+    },
+    "./composables": {
+      "types": "./dist/composables/index.d.ts",
+      "import": "./dist/composables.mjs"
+    },
+    "./composables/use-boolean": {
+      "types": "./dist/composables/use-boolean.d.ts",
+      "import": "./dist/composables/use-boolean.mjs"
+    },
+    "./composables/use-loading": {
+      "types": "./dist/composables/use-loading.d.ts",
+      "import": "./dist/composables/use-loading.mjs"
+    },
+    "./composables/use-confirm": {
+      "types": "./dist/composables/use-confirm.d.ts",
+      "import": "./dist/composables/use-confirm.mjs"
+    },
+    "./composables/use-delete": {
+      "types": "./dist/composables/use-delete.d.ts",
+      "import": "./dist/composables/use-delete.mjs"
+    },
+    "./composables/use-table": {
+      "types": "./dist/composables/use-table.d.ts",
+      "import": "./dist/composables/use-table.mjs"
+    },
+    "./composables/use-skeleton": {
+      "types": "./dist/composables/use-skeleton.d.ts",
+      "import": "./dist/composables/use-skeleton.mjs"
+    },
+    "./composables/use-delay-unmount": {
+      "types": "./dist/composables/use-delay-unmount.d.ts",
+      "import": "./dist/composables/use-delay-unmount.mjs"
+    },
+    "./composables/use-address-parse": {
+      "types": "./dist/composables/use-address-parse.d.ts",
+      "import": "./dist/composables/use-address-parse.mjs"
+    },
+    "./components/SaberInfo": {
+      "types": "./dist/components/SaberInfo.vue.d.ts",
+      "import": "./dist/components/SaberInfo.mjs"
+    },
+    "./components/SaberInfoProvider": {
+      "types": "./dist/components/SaberInfoProvider.vue.d.ts",
+      "import": "./dist/components/SaberInfoProvider.mjs"
+    },
+    "./components/SaberSwitchBar": {
+      "types": "./dist/components/SaberSwitchBar.vue.d.ts",
+      "import": "./dist/components/SaberSwitchBar.mjs"
+    },
+    "./components/SaberStatus": {
+      "types": "./dist/components/SaberStatus.vue.d.ts",
+      "import": "./dist/components/SaberStatus.mjs"
+    },
+    "./components/SaberConfirmModal": {
+      "types": "./dist/components/SaberConfirmModal.vue.d.ts",
+      "import": "./dist/components/SaberConfirmModal.mjs"
+    },
+    "./components/SaberConfirmProvider": {
+      "types": "./dist/components/SaberConfirmProvider.vue.d.ts",
+      "import": "./dist/components/SaberConfirmProvider.mjs"
+    },
+    "./components/SaberModalWithMobile": {
+      "types": "./dist/components/SaberModalWithMobile.vue.d.ts",
+      "import": "./dist/components/SaberModalWithMobile.mjs"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.mjs"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.mjs"
+    },
+    "./utils/permission": {
+      "types": "./dist/utils/permission.d.ts",
+      "import": "./dist/utils/permission.mjs"
+    },
+    "./utils/format": {
+      "types": "./dist/utils/format.d.ts",
+      "import": "./dist/utils/format.mjs"
+    },
+    "./utils/filter": {
+      "types": "./dist/utils/filter.d.ts",
+      "import": "./dist/utils/filter.mjs"
+    },
+    "./utils/tree": {
+      "types": "./dist/utils/tree.d.ts",
+      "import": "./dist/utils/tree.mjs"
+    },
+    "./utils/crypto": {
+      "types": "./dist/utils/crypto.d.ts",
+      "import": "./dist/utils/crypto.mjs"
+    },
+    "./utils/toast": {
+      "types": "./dist/utils/toast.d.ts",
+      "import": "./dist/utils/toast.mjs"
+    },
+    "./utils/klona": {
+      "types": "./dist/utils/klona.d.ts",
+      "import": "./dist/utils/klona.mjs"
+    },
+    "./utils/nanoid": {
+      "types": "./dist/utils/nanoid.d.ts",
+      "import": "./dist/utils/nanoid.mjs"
+    },
+    "./utils/storage": {
+      "types": "./dist/utils/storage.d.ts",
+      "import": "./dist/utils/storage.mjs"
+    },
+    "./utils/rsa": {
+      "types": "./dist/utils/rsa.d.ts",
+      "import": "./dist/utils/rsa.mjs"
+    },
+    "./utils/http": {
+      "types": "./dist/utils/http.d.ts",
+      "import": "./dist/utils/http.mjs"
+    },
+    "./utils/addressParse": {
+      "types": "./dist/utils/addressParse.d.ts",
+      "import": "./dist/utils/addressParse.mjs"
     }
   },
   "files": [
@@ -23,19 +174,38 @@
   ],
   "scripts": {
     "build": "vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:typecheck": "tsc -p docs/tsconfig.json --noEmit",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "verify": "pnpm build && pnpm docs:typecheck && pnpm docs:build",
     "prepublishOnly": "npm run build"
   },
+  "dependencies": {
+    "crypto-js": "^4.2.0",
+    "jsencrypt": "^3.5.4",
+    "klona": "^2.0.6",
+    "nanoid": "^5.1.9",
+    "ofetch": "^1.5.1"
+  },
   "peerDependencies": {
     "@nuxt/ui": "^4",
     "vue": "^3"
   },
   "devDependencies": {
-    "@nuxt/ui": "^4",
+    "@nuxt/ui": "4.8.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/crypto-js": "^4.2.2",
+    "@types/node": "^26.1.2",
     "@vitejs/plugin-vue": "^5",
+    "tailwindcss": "^4.3.3",
     "typescript": "^5",
+    "unplugin-vue-components": "^32",
     "vite": "^6",
     "vite-plugin-dts": "^4",
-    "vue": "^3"
+    "vitepress": "2.0.0-alpha.19",
+    "vue": "^3.5.31",
+    "vue-router": "^4.6.4"
   },
   "keywords": [
     "vue",

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("@nuxt/ui/components/Badge.vue"),l=require("vue"),s={red:{500:"#ef4444",600:"#dc2626"},orange:{500:"#f97316",600:"#ea580c"},amber:{500:"#f59e0b",600:"#d97706"},yellow:{500:"#eab308",600:"#ca8a04"},lime:{500:"#84cc16",600:"#65a30d"},green:{500:"#22c55e",600:"#16a34a"},emerald:{500:"#10b981",600:"#059669"},teal:{500:"#14b8a6",600:"#0d9488"},cyan:{500:"#06b6d4",600:"#0891b2"},sky:{500:"#0ea5e9",600:"#0284c7"},blue:{500:"#3b82f6",600:"#2563eb"},indigo:{500:"#6366f1",600:"#4f46e5"},violet:{500:"#8b5cf6",600:"#7c3aed"},purple:{500:"#a855f7",600:"#9333ea"},fuchsia:{500:"#d946ef",600:"#c026d3"},pink:{500:"#ec4899",600:"#db2777"},rose:{500:"#f43f5e",600:"#e11d48"},slate:{500:"#64748b",600:"#475569"},gray:{500:"#6b7280",600:"#4b5563"},zinc:{500:"#71717a",600:"#52525b"},neutral:{500:"#737373",600:"#525252"},stone:{500:"#78716c",600:"#57534e"}},g=s.gray;function u(e,t){var o,c;return((o=s[e])==null?void 0:o[t])??((c=s[e])==null?void 0:c[500])??g[500]}function p(e,t){const o=parseInt(e.slice(1,3),16),c=parseInt(e.slice(3,5),16),a=parseInt(e.slice(5,7),16);return`rgba(${o}, ${c}, ${a}, ${t/100})`}const d=l.defineComponent({__name:"BadgeStatus",props:{value:{},config:{},bgOpacity:{default:20},textColorWeight:{default:500}},setup(e){const t=e,o=l.computed(()=>{const a=String(t.value);for(const n of t.config){const[r,i,f]=n.split(":");if(i===a)return{label:r,color:f||"gray"}}return{label:a,color:"gray"}}),c=l.computed(()=>{const{color:a}=o.value,n=u(a,500),r=u(a,t.textColorWeight);return{backgroundColor:p(n,t.bgOpacity),color:r}});return(a,n)=>(l.openBlock(),l.createBlock(b,{style:l.normalizeStyle(c.value),variant:"soft",label:o.value.label,class:"rounded-full border-0 pt-0.75 pb-0.75 px-2"},null,8,["style","label"]))}}),y={install(e){e.component("UBadge",b),e.component("BadgeStatus",d)}};exports.BadgeStatus=d;exports.default=y;

package/dist/vite.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("@nuxt/ui/vite");module.exports=e;