wui-components-v2 1.1.70 → 1.1.72

package/composables/useTabbar.ts

@@ -1,50 +1,50 @@
-import { computed, ref } from 'vue'
-
-export interface TabbarItem {
-  name: string
-  value: number | null
-  active: boolean
-  title: string
-  icon: string
-  activeIcon?: string // 激活状态自定义图标路径
-  inactiveIcon?: string // 未激活状态自定义图标路径
-}
-export function useTabbar(tabbarItems: TabbarItem[]) {
-  const tabbarList = ref<TabbarItem[]>([...tabbarItems])
-
-  const activeTabbar = computed(() => {
-    const item = tabbarList.value.find(item => item.active)
-    return item || tabbarList.value[0]
-  })
-
-  const getTabbarItemValue = (name: string) => {
-    const item = tabbarList.value.find(item => item.name === name)
-    return item && item.value ? item.value : null
-  }
-
-  const setTabbarItem = (name: string, value: number) => {
-    const tabbarItem = tabbarList.value.find(item => item.name === name)
-    if (tabbarItem) {
-      tabbarItem.value = value
-    }
-  }
-
-  const setTabbarItemActive = (name: string) => {
-    tabbarList.value.forEach((item) => {
-      if (item.name === name) {
-        item.active = true
-      }
-      else {
-        item.active = false
-      }
-    })
-  }
-
-  return {
-    tabbarList,
-    activeTabbar,
-    getTabbarItemValue,
-    setTabbarItem,
-    setTabbarItemActive,
-  }
-}
+import { computed, ref } from 'vue'
+
+export interface TabbarItem {
+  name: string
+  value: number | null
+  active: boolean
+  title: string
+  icon: string
+  activeIcon?: string // 激活状态自定义图标路径
+  inactiveIcon?: string // 未激活状态自定义图标路径
+}
+export function useTabbar(tabbarItems: TabbarItem[]) {
+  const tabbarList = ref<TabbarItem[]>([...tabbarItems])
+
+  const activeTabbar = computed(() => {
+    const item = tabbarList.value.find(item => item.active)
+    return item || tabbarList.value[0]
+  })
+
+  const getTabbarItemValue = (name: string) => {
+    const item = tabbarList.value.find(item => item.name === name)
+    return item && item.value ? item.value : null
+  }
+
+  const setTabbarItem = (name: string, value: number) => {
+    const tabbarItem = tabbarList.value.find(item => item.name === name)
+    if (tabbarItem) {
+      tabbarItem.value = value
+    }
+  }
+
+  const setTabbarItemActive = (name: string) => {
+    tabbarList.value.forEach((item) => {
+      if (item.name === name) {
+        item.active = true
+      }
+      else {
+        item.active = false
+      }
+    })
+  }
+
+  return {
+    tabbarList,
+    activeTabbar,
+    getTabbarItemValue,
+    setTabbarItem,
+    setTabbarItemActive,
+  }
+}

package/composables/useTheme.ts

@@ -1,74 +1,74 @@
-import { computed, onBeforeMount, onUnmounted } from 'vue'
-import type { ThemeMode } from '../composables/types/theme'
-import { useThemeStore } from '../store/themeStore'
-/**
- * 简化版系统主题管理组合式API
- *
- * 功能特性：
- * - 仅跟随系统主题变化
- * - 自动响应系统主题切换
- * - 导航栏颜色通过 theme.json 自动处理
- * - 轻量级，无额外功能
- *
- * 适用场景：
- * - 只需要系统主题适应的简单应用
- * - 不需要用户手动控制主题的应用
- * - 追求轻量级主题管理的应用
- *
- * 注意事项：
- * - 不支持手动切换主题
- * - 不支持主题色自定义
- * - 导航栏颜色依赖 theme.json 配置
- *
- * @example
- * ```vue
- * <script setup>
- * import { useTheme } from '@/composables/useTheme'
- *
- * const { theme, isDark, themeVars } = useTheme()
- * </script>
- *
- * <template>
- *   <wd-config-provider :theme-vars="themeVars">
- *     <view :class="{ 'dark-mode': isDark }">
- *       <text>当前主题: {{ theme }}</text>
- *     </view>
- *   </wd-config-provider>
- * </template>
- * ```
- */
-export function useTheme() {
-  const store = useThemeStore()
-
-  // 组件挂载前初始化系统主题
-  onBeforeMount(() => {
-    store.initSystemTheme()
-    // 监听系统主题变化
-    if (typeof uni !== 'undefined' && uni.onThemeChange) {
-      uni.onThemeChange((res) => {
-        // 系统主题变化时自动更新，导航栏颜色由 theme.json 自动处理
-        store.setTheme(res.theme as ThemeMode)
-        console.log('系统主题已切换至:', res.theme)
-      })
-    }
-  })
-
-  // 组件卸载时清理监听
-  onUnmounted(() => {
-    if (typeof uni !== 'undefined' && uni.offThemeChange) {
-      uni.offThemeChange((res) => {
-        store.setTheme(res.theme as ThemeMode)
-      })
-    }
-  })
-
-  return {
-    // 状态（只读）
-    theme: computed(() => store.theme),
-    isDark: computed(() => store.isDark),
-    themeVars: computed(() => store.themeVars),
-  }
-}
-
-// 导出类型供外部使用
-export type { ThemeMode }
+import { computed, onBeforeMount, onUnmounted } from 'vue'
+import type { ThemeMode } from '../composables/types/theme'
+import { useThemeStore } from '../store/themeStore'
+/**
+ * 简化版系统主题管理组合式API
+ *
+ * 功能特性：
+ * - 仅跟随系统主题变化
+ * - 自动响应系统主题切换
+ * - 导航栏颜色通过 theme.json 自动处理
+ * - 轻量级，无额外功能
+ *
+ * 适用场景：
+ * - 只需要系统主题适应的简单应用
+ * - 不需要用户手动控制主题的应用
+ * - 追求轻量级主题管理的应用
+ *
+ * 注意事项：
+ * - 不支持手动切换主题
+ * - 不支持主题色自定义
+ * - 导航栏颜色依赖 theme.json 配置
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useTheme } from '@/composables/useTheme'
+ *
+ * const { theme, isDark, themeVars } = useTheme()
+ * </script>
+ *
+ * <template>
+ *   <wd-config-provider :theme-vars="themeVars">
+ *     <view :class="{ 'dark-mode': isDark }">
+ *       <text>当前主题: {{ theme }}</text>
+ *     </view>
+ *   </wd-config-provider>
+ * </template>
+ * ```
+ */
+export function useTheme() {
+  const store = useThemeStore()
+
+  // 组件挂载前初始化系统主题
+  onBeforeMount(() => {
+    store.initSystemTheme()
+    // 监听系统主题变化
+    if (typeof uni !== 'undefined' && uni.onThemeChange) {
+      uni.onThemeChange((res) => {
+        // 系统主题变化时自动更新，导航栏颜色由 theme.json 自动处理
+        store.setTheme(res.theme as ThemeMode)
+        console.log('系统主题已切换至:', res.theme)
+      })
+    }
+  })
+
+  // 组件卸载时清理监听
+  onUnmounted(() => {
+    if (typeof uni !== 'undefined' && uni.offThemeChange) {
+      uni.offThemeChange((res) => {
+        store.setTheme(res.theme as ThemeMode)
+      })
+    }
+  })
+
+  return {
+    // 状态（只读）
+    theme: computed(() => store.theme),
+    isDark: computed(() => store.isDark),
+    themeVars: computed(() => store.themeVars),
+  }
+}
+
+// 导出类型供外部使用
+export type { ThemeMode }

package/composables/useUser.ts

@@ -1,24 +1,24 @@
-import useUserStore from '../store/userStore'
-import type { UserInfo } from './types/user'
-
-export function useUser() {
-  const userStore = useUserStore()
-
-  function setUserInfo(userInfo: UserInfo) {
-    userStore.setUserInfo(userInfo)
-  }
-
-  return {
-    getUserInfo: (): UserInfo => {
-      return {
-        id: userStore.id,
-        name: userStore.name,
-        nickName: userStore.nickName,
-      }
-    },
-    setUserInfo,
-    id: userStore.id,
-    name: userStore.name,
-    nickName: userStore.nickName,
-  }
-}
+import useUserStore from '../store/userStore'
+import type { UserInfo } from './types/user'
+
+export function useUser() {
+  const userStore = useUserStore()
+
+  function setUserInfo(userInfo: UserInfo) {
+    userStore.setUserInfo(userInfo)
+  }
+
+  return {
+    getUserInfo: (): UserInfo => {
+      return {
+        id: userStore.id,
+        name: userStore.name,
+        nickName: userStore.nickName,
+      }
+    },
+    setUserInfo,
+    id: userStore.id,
+    name: userStore.name,
+    nickName: userStore.nickName,
+  }
+}

package/index.d.ts

@@ -1,90 +1,90 @@
-/**
- * 核心组件包类型声明文件
- */
-
-import type { App } from 'vue'
-import type { ConfigProviderThemeVars } from '@wot-ui/ui'
-
-// 类型声明
-export interface ThemeColorOption {
-  name: string
-  value: string
-  primary: string
-}
-
-export interface LocaleOption {
-  name: string
-  value: string
-}
-
-export type ThemeMode = 'light' | 'dark'
-
-// SystemSettings 组件类型
-interface Component {
-  name: string
-}
-
-// 声明 SystemSettings 组件
-declare const SystemSettings: import('vue').DefineComponent<Record<string, any>, Record<string, any>, any> & { name: string }
-
-// 组件列表类型
-declare const coms: Component[]
-
-/**
- * 批量注册组件
- * @param app Vue 应用实例
- */
-export declare function install(app: App): void
-
-// useLocale 组合式函数返回类型
-export interface UseLocaleReturn {
-  locale: Readonly<LocaleOption>
-  changeSystemLocale: () => void
-}
-
-// useManualTheme 组合式函数返回类型
-export interface UseManualThemeReturn {
-  theme: Readonly<ThemeMode>
-  primary: import('vue').ComputedRef<string>
-  isDark: import('vue').ComputedRef<boolean>
-  followSystem: import('vue').ComputedRef<boolean>
-  hasUserSet: import('vue').ComputedRef<boolean>
-  currentThemeColor: import('vue').ComputedRef<ThemeColorOption>
-  currentLocale: import('vue').ComputedRef<LocaleOption>
-  themeVars: import('vue').ComputedRef<ConfigProviderThemeVars>
-  showThemeColorSheet: import('vue').Ref<boolean>
-  showLanguageSheet: import('vue').Ref<boolean>
-  themeColorOptions: ThemeColorOption[]
-  LocaleOptions: LocaleOption[]
-  initTheme: () => void
-  toggleTheme: (mode?: ThemeMode) => void
-  setFollowSystem: (follow: boolean) => void
-  openThemeColorPicker: () => void
-  closeThemeColorPicker: () => void
-  selectThemeColor: (option: ThemeColorOption) => void
-  openLanguagePicker: () => void
-  closeLanguagePicker: () => void
-  selectLanguage: (option: LocaleOption) => void
-}
-
-// useTheme 组合式函数返回类型
-export interface UseThemeReturn {
-  theme: Readonly<ThemeMode>
-  isDark: import('vue').ComputedRef<boolean>
-  themeVars: import('vue').ComputedRef<ConfigProviderThemeVars>
-}
-
-// 组合式API函数类型声明
-export declare function useLocale(): UseLocaleReturn
-export declare function useManualTheme(): UseManualThemeReturn
-export declare function useTheme(): UseThemeReturn
-
-// 导出声明
-export { SystemSettings }
-
-// 导出常量
-export declare const themeColorOptions: ThemeColorOption[]
-export declare const LocaleOptions: LocaleOption[]
-
-// 默认导出 install 函数
-export default install
+/**
+ * 核心组件包类型声明文件
+ */
+
+import type { App } from 'vue'
+import type { ConfigProviderThemeVars } from '@wot-ui/ui'
+
+// 类型声明
+export interface ThemeColorOption {
+  name: string
+  value: string
+  primary: string
+}
+
+export interface LocaleOption {
+  name: string
+  value: string
+}
+
+export type ThemeMode = 'light' | 'dark'
+
+// SystemSettings 组件类型
+interface Component {
+  name: string
+}
+
+// 声明 SystemSettings 组件
+declare const SystemSettings: import('vue').DefineComponent<Record<string, any>, Record<string, any>, any> & { name: string }
+
+// 组件列表类型
+declare const coms: Component[]
+
+/**
+ * 批量注册组件
+ * @param app Vue 应用实例
+ */
+export declare function install(app: App): void
+
+// useLocale 组合式函数返回类型
+export interface UseLocaleReturn {
+  locale: Readonly<LocaleOption>
+  changeSystemLocale: () => void
+}
+
+// useManualTheme 组合式函数返回类型
+export interface UseManualThemeReturn {
+  theme: Readonly<ThemeMode>
+  primary: import('vue').ComputedRef<string>
+  isDark: import('vue').ComputedRef<boolean>
+  followSystem: import('vue').ComputedRef<boolean>
+  hasUserSet: import('vue').ComputedRef<boolean>
+  currentThemeColor: import('vue').ComputedRef<ThemeColorOption>
+  currentLocale: import('vue').ComputedRef<LocaleOption>
+  themeVars: import('vue').ComputedRef<ConfigProviderThemeVars>
+  showThemeColorSheet: import('vue').Ref<boolean>
+  showLanguageSheet: import('vue').Ref<boolean>
+  themeColorOptions: ThemeColorOption[]
+  LocaleOptions: LocaleOption[]
+  initTheme: () => void
+  toggleTheme: (mode?: ThemeMode) => void
+  setFollowSystem: (follow: boolean) => void
+  openThemeColorPicker: () => void
+  closeThemeColorPicker: () => void
+  selectThemeColor: (option: ThemeColorOption) => void
+  openLanguagePicker: () => void
+  closeLanguagePicker: () => void
+  selectLanguage: (option: LocaleOption) => void
+}
+
+// useTheme 组合式函数返回类型
+export interface UseThemeReturn {
+  theme: Readonly<ThemeMode>
+  isDark: import('vue').ComputedRef<boolean>
+  themeVars: import('vue').ComputedRef<ConfigProviderThemeVars>
+}
+
+// 组合式API函数类型声明
+export declare function useLocale(): UseLocaleReturn
+export declare function useManualTheme(): UseManualThemeReturn
+export declare function useTheme(): UseThemeReturn
+
+// 导出声明
+export { SystemSettings }
+
+// 导出常量
+export declare const themeColorOptions: ThemeColorOption[]
+export declare const LocaleOptions: LocaleOption[]
+
+// 默认导出 install 函数
+export default install

package/package.json

@@ -1,24 +1,24 @@
-{
-  "name": "wui-components-v2",
-  "version": "1.1.70",
-  "description": "wui 组件库",
-  "author": "wgxshh",
-  "license": "MIT",
-  "main": "index.ts",
-  "typings": "index.d.ts",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "dependencies": {
-    "@wot-ui/ui": "^2.0.8",
-    "china-address-parse": "^1.2.1",
-    "dayjs": "^1.11.20",
-    "html5-qrcode": "^2.3.8",
-    "jsencrypt": "^3.3.2",
-    "sass": "^1.100.0",
-    "z-paging": "^2.8.5"
-  }
-}
+{
+  "name": "wui-components-v2",
+  "version": "1.1.72",
+  "description": "wui 组件库",
+  "author": "wgxshh",
+  "license": "MIT",
+  "main": "index.ts",
+  "typings": "index.d.ts",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "@wot-ui/ui": "^2.0.8",
+    "china-address-parse": "^1.2.1",
+    "dayjs": "^1.11.20",
+    "html5-qrcode": "^2.3.8",
+    "jsencrypt": "^3.3.2",
+    "sass": "^1.100.0",
+    "z-paging": "^2.8.5"
+  }
+}