@minilo/utils 0.0.4 → 0.0.5

package/dist/config/config.js

@@ -1,21 +1,21 @@
 export const config = {
-  theme: {
-    colorDestructive: 'hsl(348 100% 61%)',
-    colorPrimary: 'hsl(212 100% 45%)',
-    colorSuccess: 'hsl(144 57% 58%)',
-    colorWarning: 'hsl(42 84% 61%)'
-  },
-  sidebar: {
-    collapse: false
-  },
-  app: {
-    locale: 'zh-CN',
-    name: 'Minilo Adminss',
-    logo: '',
-    defaultHomePath: '/'
-  },
-  transition: {
-    progress: true
-  }
-}
-//# sourceMappingURL=config.js.map
+    theme: {
+        colorDestructive: 'hsl(348 100% 61%)',
+        colorPrimary: 'hsl(212 100% 45%)',
+        colorSuccess: 'hsl(144 57% 58%)',
+        colorWarning: 'hsl(42 84% 61%)'
+    },
+    sidebar: {
+        collapse: false
+    },
+    app: {
+        locale: 'zh-CN',
+        name: 'Minilo Adminss',
+        logo: '',
+        defaultHomePath: '/'
+    },
+    transition: {
+        progress: true
+    }
+};
+//# sourceMappingURL=config.js.map

package/dist/config/guider.js

@@ -1,57 +1,60 @@
-import { markRaw, reactive, readonly } from 'vue'
-import { StorageManager } from './storageManager'
-import { config as defaultConfig } from './config'
-import { merge } from '../func'
-import { updateCSSVariables } from './updateCssVariables'
-const STORAGE_KEY = 'config'
+import { markRaw, reactive, readonly } from 'vue';
+import { StorageManager } from './storageManager';
+import { config as defaultConfig } from './config';
+import { merge } from '../func';
+import { updateCSSVariables } from './updateCssVariables';
+const STORAGE_KEY = 'config';
 // 用户配置引导类
 class Guider {
-  constructor() {
-    this.isInitialized = false
-    this.state = reactive({
-      ...this.loadConfig()
-    })
-    // SSR 兼容性检查：仅在浏览器中创建 StorageManager
-    if (typeof window !== 'undefined') {
-      this.cache = new StorageManager()
-    } else {
-      this.cache = null
+    constructor() {
+        this.isInitialized = false;
+        this.state = reactive({
+            ...this.loadConfig()
+        });
+        // SSR 兼容性检查：仅在浏览器中创建 StorageManager
+        if (typeof window !== 'undefined') {
+            this.cache = new StorageManager();
+        }
+        else {
+            this.cache = null;
+        }
     }
-  }
-  // 初始化配置
-  initConfig({ config, namespace }) {
-    if (this.isInitialized) {
-      return
+    // 初始化配置
+    initConfig({ config, namespace }) {
+        if (this.isInitialized) {
+            return;
+        }
+        this.cache = new StorageManager({ prefix: namespace });
+        const mergeDefaultConfig = merge({}, config, defaultConfig);
+        const state = merge({}, this.loadConfig(), mergeDefaultConfig);
+        this.updateConfig(state);
+        this.isInitialized = true;
+    }
+    // 更新配置
+    updateConfig(config) {
+        const cacheState = merge({}, config, markRaw(this.state));
+        Object.assign(this.state, cacheState);
+        updateCSSVariables(this.state);
+        this.saveConfig(this.state);
+    }
+    // 保存配置
+    saveConfig(config) {
+        if (!this.cache)
+            return;
+        this.cache.setItem(STORAGE_KEY, config);
+    }
+    // 加载配置
+    loadConfig() {
+        if (!this.cache)
+            return undefined;
+        return this.cache.getItem(STORAGE_KEY);
+    }
+    // 获取配置
+    getConfig() {
+        return readonly(this.state);
     }
-    this.cache = new StorageManager({ prefix: namespace })
-    const mergeDefaultConfig = merge({}, config, defaultConfig)
-    const state = merge({}, this.loadConfig(), mergeDefaultConfig)
-    this.updateConfig(state)
-    this.isInitialized = true
-  }
-  // 更新配置
-  updateConfig(config) {
-    const cacheState = merge({}, config, markRaw(this.state))
-    Object.assign(this.state, cacheState)
-    updateCSSVariables(this.state)
-    this.saveConfig(this.state)
-  }
-  // 保存配置
-  saveConfig(config) {
-    if (!this.cache) return
-    this.cache.setItem(STORAGE_KEY, config)
-  }
-  // 加载配置
-  loadConfig() {
-    if (!this.cache) return undefined
-    return this.cache.getItem(STORAGE_KEY)
-  }
-  // 获取配置
-  getConfig() {
-    return readonly(this.state)
-  }
 }
-const guider = new Guider()
-const userConfig = guider.getConfig()
-export { Guider, userConfig, guider }
-//# sourceMappingURL=guider.js.map
+const guider = new Guider();
+const userConfig = guider.getConfig();
+export { Guider, userConfig, guider };
+//# sourceMappingURL=guider.js.map

package/dist/config/index.js

@@ -1,6 +1,6 @@
-export * from './config'
-export * from './guider'
-export * from './updateCssVariables'
-export * from './storageManager'
-export * from './types'
-//# sourceMappingURL=index.js.map
+export * from './config';
+export * from './guider';
+export * from './updateCssVariables';
+export * from './storageManager';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/config/storageManager.js

@@ -1,100 +1,108 @@
 class StorageManager {
-  constructor({ prefix = '', storageType = 'localStorage' } = {}) {
-    this.prefix = prefix
-    // SSR 兼容性检查
-    if (typeof window !== 'undefined') {
-      this.storage = storageType === 'localStorage' ? window.localStorage : window.sessionStorage
-    } else {
-      this.storage = null
+    constructor({ prefix = '', storageType = 'localStorage' } = {}) {
+        this.prefix = prefix;
+        // SSR 兼容性检查
+        if (typeof window !== 'undefined') {
+            this.storage = storageType === 'localStorage' ? window.localStorage : window.sessionStorage;
+        }
+        else {
+            this.storage = null;
+        }
     }
-  }
-  /**
-   * 清除所有带前缀的存储项
-   */
-  clear() {
-    if (!this.storage) return
-    const keysToRemove = []
-    for (let i = 0; i < this.storage.length; i++) {
-      const key = this.storage.key(i)
-      if (key && key.startsWith(this.prefix)) {
-        keysToRemove.push(key)
-      }
+    /**
+     * 清除所有带前缀的存储项
+     */
+    clear() {
+        if (!this.storage)
+            return;
+        const keysToRemove = [];
+        for (let i = 0; i < this.storage.length; i++) {
+            const key = this.storage.key(i);
+            if (key && key.startsWith(this.prefix)) {
+                keysToRemove.push(key);
+            }
+        }
+        keysToRemove.forEach((key) => this.storage?.removeItem(key));
     }
-    keysToRemove.forEach((key) => this.storage?.removeItem(key))
-  }
-  /**
-   * 清除所有过期的存储项
-   */
-  clearExpiredItems() {
-    if (!this.storage) return
-    for (let i = 0; i < this.storage.length; i++) {
-      const key = this.storage.key(i)
-      if (key && key.startsWith(this.prefix)) {
-        const shortKey = key.replace(this.prefix, '')
-        this.getItem(shortKey) // 调用 getItem 方法检查并移除过期项
-      }
+    /**
+     * 清除所有过期的存储项
+     */
+    clearExpiredItems() {
+        if (!this.storage)
+            return;
+        for (let i = 0; i < this.storage.length; i++) {
+            const key = this.storage.key(i);
+            if (key && key.startsWith(this.prefix)) {
+                const shortKey = key.replace(this.prefix, '');
+                this.getItem(shortKey); // 调用 getItem 方法检查并移除过期项
+            }
+        }
     }
-  }
-  /**
-   * 获取存储项
-   * @param key 键
-   * @param defaultValue 当项不存在或已过期时返回的默认值
-   * @returns 值，如果项已过期或解析错误则返回默认值
-   */
-  getItem(key, defaultValue = null) {
-    if (!this.storage) return defaultValue
-    const fullKey = this.getFullKey(key)
-    const itemStr = this.storage.getItem(fullKey)
-    if (!itemStr) {
-      return defaultValue
+    /**
+     * 获取存储项
+     * @param key 键
+     * @param defaultValue 当项不存在或已过期时返回的默认值
+     * @returns 值，如果项已过期或解析错误则返回默认值
+     */
+    getItem(key, defaultValue = null) {
+        if (!this.storage)
+            return defaultValue;
+        const fullKey = this.getFullKey(key);
+        const itemStr = this.storage.getItem(fullKey);
+        if (!itemStr) {
+            return defaultValue;
+        }
+        try {
+            const item = JSON.parse(itemStr);
+            if (item.expiry && Date.now() > item.expiry) {
+                this.storage.removeItem(fullKey);
+                return defaultValue;
+            }
+            return item.value;
+        }
+        catch (error) {
+            console.error(`Error parsing item with key "${fullKey}":`, error);
+            this.storage.removeItem(fullKey); // 如果解析失败，删除该项
+            return defaultValue;
+        }
     }
-    try {
-      const item = JSON.parse(itemStr)
-      if (item.expiry && Date.now() > item.expiry) {
-        this.storage.removeItem(fullKey)
-        return defaultValue
-      }
-      return item.value
-    } catch (error) {
-      console.error(`Error parsing item with key "${fullKey}":`, error)
-      this.storage.removeItem(fullKey) // 如果解析失败，删除该项
-      return defaultValue
+    /**
+     * 移除存储项
+     * @param key 键
+     */
+    removeItem(key) {
+        if (!this.storage)
+            return;
+        const fullKey = this.getFullKey(key);
+        this.storage.removeItem(fullKey);
     }
-  }
-  /**
-   * 移除存储项
-   * @param key 键
-   */
-  removeItem(key) {
-    if (!this.storage) return
-    const fullKey = this.getFullKey(key)
-    this.storage.removeItem(fullKey)
-  }
-  /**
-   * 设置存储项
-   * @param key 键
-   * @param value 值
-   * @param ttl 存活时间（毫秒）
-   */
-  setItem(key, value, ttl) {
-    if (!this.storage) return
-    const fullKey = this.getFullKey(key)
-    const expiry = ttl ? Date.now() + ttl : undefined
-    const item = { expiry, value }
-    try {
-      this.storage.setItem(fullKey, JSON.stringify(item))
-    } catch (error) {
-      console.error(`Error setting item with key "${fullKey}":`, error)
+    /**
+     * 设置存储项
+     * @param key 键
+     * @param value 值
+     * @param ttl 存活时间（毫秒）
+     */
+    setItem(key, value, ttl) {
+        if (!this.storage)
+            return;
+        const fullKey = this.getFullKey(key);
+        const expiry = ttl ? Date.now() + ttl : undefined;
+        const item = { expiry, value };
+        try {
+            this.storage.setItem(fullKey, JSON.stringify(item));
+        }
+        catch (error) {
+            console.error(`Error setting item with key "${fullKey}":`, error);
+        }
+    }
+    /**
+     * 获取完整的存储键
+     * @param key 原始键
+     * @returns 带前缀的完整键
+     */
+    getFullKey(key) {
+        return `${this.prefix}-${key}`;
     }
-  }
-  /**
-   * 获取完整的存储键
-   * @param key 原始键
-   * @returns 带前缀的完整键
-   */
-  getFullKey(key) {
-    return `${this.prefix}-${key}`
-  }
 }
-export { StorageManager }
-//# sourceMappingURL=storageManager.js.map
+export { StorageManager };
+//# sourceMappingURL=storageManager.js.map

package/dist/config/types.js

@@ -1,2 +1,2 @@
-export {}
-//# sourceMappingURL=types.js.map
+export {};
+//# sourceMappingURL=types.js.map

package/dist/config/updateCssVariables.js

@@ -1,91 +1,89 @@
-import { getColors } from 'theme-colors'
-import { convertToHsl, TinyColor } from '../func'
+import { getColors } from 'theme-colors';
+import { convertToHsl, TinyColor } from '../func';
 function executeUpdateCSSVariables(variables, id = '__minilo-styles__') {
-  // 获取或创建内联样式表元素
-  const styleElement = document.querySelector(`#${id}`) || document.createElement('style')
-  styleElement.id = id
-  // 构建要更新的 CSS 变量的样式文本
-  let cssText = ':root {'
-  for (const key in variables) {
-    if (Object.prototype.hasOwnProperty.call(variables, key)) {
-      cssText += `${key}: ${variables[key]};`
+    // 获取或创建内联样式表元素
+    const styleElement = document.querySelector(`#${id}`) || document.createElement('style');
+    styleElement.id = id;
+    // 构建要更新的 CSS 变量的样式文本
+    let cssText = ':root {';
+    for (const key in variables) {
+        if (Object.prototype.hasOwnProperty.call(variables, key)) {
+            cssText += `${key}: ${variables[key]};`;
+        }
+    }
+    cssText += '}';
+    // 将样式文本赋值给内联样式表
+    styleElement.textContent = cssText;
+    // 将内联样式表添加到文档头部
+    if (!document.querySelector(`#${id}`)) {
+        setTimeout(() => {
+            document.head.append(styleElement);
+        });
     }
-  }
-  cssText += '}'
-  // 将样式文本赋值给内联样式表
-  styleElement.textContent = cssText
-  // 将内联样式表添加到文档头部
-  if (!document.querySelector(`#${id}`)) {
-    setTimeout(() => {
-      document.head.append(styleElement)
-    })
-  }
 }
 // 根据某个色值生成色值阶梯对象，key=500时为其默认初始值，也就是默认参数
 function generatorColorVariables(colorItems) {
-  const colorVariables = {}
-  colorItems.forEach(({ alias, color, name }) => {
-    if (color) {
-      const colorsMap = getColors(new TinyColor(color).toHexString())
-      let mainColor = colorsMap['500']
-      const colorKeys = Object.keys(colorsMap)
-      colorKeys.forEach((key) => {
-        const colorValue = colorsMap[key]
-        if (colorValue) {
-          const hslColor = convertToHsl(colorValue)
-          colorVariables[`--${name}-${key}`] = hslColor
-          if (alias) {
-            colorVariables[`--${alias}-${key}`] = hslColor
-          }
-          if (key === '500') {
-            mainColor = hslColor
-          }
+    const colorVariables = {};
+    colorItems.forEach(({ alias, color, name }) => {
+        if (color) {
+            const colorsMap = getColors(new TinyColor(color).toHexString());
+            let mainColor = colorsMap['500'];
+            const colorKeys = Object.keys(colorsMap);
+            colorKeys.forEach((key) => {
+                const colorValue = colorsMap[key];
+                if (colorValue) {
+                    const hslColor = convertToHsl(colorValue);
+                    colorVariables[`--${name}-${key}`] = hslColor;
+                    if (alias) {
+                        colorVariables[`--${alias}-${key}`] = hslColor;
+                    }
+                    if (key === '500') {
+                        mainColor = hslColor;
+                    }
+                }
+            });
+            if (alias && mainColor) {
+                colorVariables[`--${alias}`] = mainColor;
+            }
         }
-      })
-      if (alias && mainColor) {
-        colorVariables[`--${alias}`] = mainColor
-      }
-    }
-  })
-  return colorVariables
+    });
+    return colorVariables;
 }
 function updateCSSVariables(config) {
-  const theme = config?.theme ?? {}
-  if (
-    Reflect.has(theme, 'colorPrimary') ||
-    Reflect.has(theme, 'colorDestructive') ||
-    Reflect.has(theme, 'colorSuccess') ||
-    Reflect.has(theme, 'colorWarning')
-  ) {
-    updateMainColorVariables(config)
-  }
+    const theme = config?.theme ?? {};
+    if (Reflect.has(theme, 'colorPrimary') ||
+        Reflect.has(theme, 'colorDestructive') ||
+        Reflect.has(theme, 'colorSuccess') ||
+        Reflect.has(theme, 'colorWarning')) {
+        updateMainColorVariables(config);
+    }
 }
 function updateMainColorVariables(config) {
-  if (!config.theme) {
-    return
-  }
-  const { colorDestructive, colorPrimary, colorSuccess, colorWarning } = config.theme
-  const colorVariables = generatorColorVariables([
-    { color: colorPrimary, name: 'primary' },
-    { alias: 'warning', color: colorWarning, name: 'yellow' },
-    { alias: 'success', color: colorSuccess, name: 'green' },
-    { alias: 'destructive', color: colorDestructive, name: 'red' }
-  ])
-  // 要设置的 CSS 变量映射
-  const colorMappings = {
-    '--green-500': '--success',
-    '--primary-500': '--primary',
-    '--red-500': '--destructive',
-    '--yellow-500': '--warning'
-  }
-  // 统一处理颜色变量的更新
-  Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {
-    const colorValue = colorVariables[sourceVar]
-    if (colorValue) {
-      document.documentElement.style.setProperty(targetVar, colorValue)
+    if (!config.theme) {
+        return;
     }
-  })
-  executeUpdateCSSVariables(colorVariables)
+    const { colorDestructive, colorPrimary, colorSuccess, colorWarning } = config.theme;
+    const colorVariables = generatorColorVariables([
+        { color: colorPrimary, name: 'primary' },
+        { alias: 'warning', color: colorWarning, name: 'yellow' },
+        { alias: 'success', color: colorSuccess, name: 'green' },
+        { alias: 'destructive', color: colorDestructive, name: 'red' }
+    ]);
+    // 要设置的 CSS 变量映射
+    const colorMappings = {
+        '--green-500': '--success',
+        '--primary-500': '--primary',
+        '--red-500': '--destructive',
+        '--yellow-500': '--warning'
+    };
+    // 统一处理颜色变量的更新
+    Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {
+        const colorValue = colorVariables[sourceVar];
+        if (colorValue) {
+            document.documentElement.style.setProperty(targetVar, colorValue);
+        }
+    });
+    executeUpdateCSSVariables(colorVariables);
 }
-export { updateCSSVariables, executeUpdateCSSVariables, generatorColorVariables }
-//# sourceMappingURL=updateCssVariables.js.map
+export { updateCSSVariables, executeUpdateCSSVariables, generatorColorVariables };
+//# sourceMappingURL=updateCssVariables.js.map

package/dist/constrant/index.js

@@ -1,18 +1,18 @@
 /**
  * @zh_CN 登录页面 url 地址
  */
-export const LOGIN_PATH = '/auth/login'
+export const LOGIN_PATH = '/auth/login';
 /**
  * Supported languages
  */
 export const SUPPORT_LANGUAGES = [
-  {
-    label: '简体中文',
-    value: 'zh-CN'
-  },
-  {
-    label: 'English',
-    value: 'en-US'
-  }
-]
-//# sourceMappingURL=index.js.map
+    {
+        label: '简体中文',
+        value: 'zh-CN'
+    },
+    {
+        label: 'English',
+        value: 'en-US'
+    }
+];
+//# sourceMappingURL=index.js.map

package/dist/func/color.js

@@ -1,12 +1,12 @@
-import { TinyColor } from '@ctrl/tinycolor'
+import { TinyColor } from '@ctrl/tinycolor';
 // 将颜色转换为HSL格式
 function convertToHsl(color) {
-  // 使用TinyColor库将颜色转换为HSL格式
-  const { a, h, l, s } = new TinyColor(color).toHsl()
-  // 将HSL格式转换为字符串
-  const hsl = `hsl(${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%)`
-  // 如果颜色的透明度小于1，则返回带有透明度的HSL格式
-  return a < 1 ? `${hsl} ${a}` : hsl
+    // 使用TinyColor库将颜色转换为HSL格式
+    const { a, h, l, s } = new TinyColor(color).toHsl();
+    // 将HSL格式转换为字符串
+    const hsl = `hsl(${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%)`;
+    // 如果颜色的透明度小于1，则返回带有透明度的HSL格式
+    return a < 1 ? `${hsl} ${a}` : hsl;
 }
 /**
  * 将颜色转换为RGB颜色字符串
@@ -17,7 +17,7 @@ function convertToHsl(color) {
  * @returns 如果颜色值有效，则返回对应的RGB颜色字符串；如果无效，则返回rgb(0, 0, 0)
  */
 function convertToRgb(str) {
-  return new TinyColor(str.replaceAll(/deg|grad|rad|turn/g, '')).toRgbString()
+    return new TinyColor(str.replaceAll(/deg|grad|rad|turn/g, '')).toRgbString();
 }
-export { convertToHsl, convertToRgb, TinyColor }
-//# sourceMappingURL=color.js.map
+export { convertToHsl, convertToRgb, TinyColor };
+//# sourceMappingURL=color.js.map