wui-components-v2 1.1.69 → 1.1.71

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/index.ts

@@ -1,83 +1,83 @@
-import type { App } from 'vue'
-// 暗黑模式样式 - 组件库入口加载（供打包后 app.use() 时生效）
-import './styles/dark-mode.scss'
-
-import WuiSystemSettings from './components/wui-system-settings/wui-system-settings.vue'
-import WuiMenus from './components/wui-menus/wui-menus.vue'
-import WuiMenus1 from './components/wui-menus1/wui-menus.vue'
-import Wuilogin from './components/wui-login/wui-login.vue'
-import Wuilogin1 from './components/wui-login1/wui-login.vue'
-import WuiDefault from './components/wui-default/wui-default.vue'
-import WuiTabbar from './components/wui-tabbar/wui-tabbar.vue'
-import { useLocale } from './composables/useLocale'
-import { useManualTheme } from './composables/useManualTheme'
-import { useGlobalLoading } from './composables/useGlobalLoading'
-import { useGlobalMessage } from './composables/useGlobalMessage'
-import { useGlobalToast } from './composables/useGlobalToast'
-import { useLanguageStore } from './store/language'
-import { useUser } from './composables/useUser'
-import { req } from './api/index'
-import { useTabbar } from './composables/useTabbar'
-import { persistPlugin } from './store/persist'
-import WuiList from './components/wui-list/wui-list.vue'
-import WuiselectList from './components/wui-select-list/wui-select-list.vue'
-import WuieditPage from './components/wui-edit-page/wui-edit-page.vue'
-import WuidetailsPage from './components/wui-details-page/wui-details-page.vue'
-import WuiUpdateComponent from './components/wui-update-component/wui-update-component.vue'
-import WuiScanBindingSensor from './components/wui-scan-binding-sensor/wui-scan-binding-sensor.vue'
-import WuiUser from './components/wui-user/wui-user.vue'
-import WuiAutoUpdateComponent from './components/wui-auto-update-component/wui-auto-update-component.vue'
-import iData from './utils/idata-scan' // PAD扫描
-import wuiSearchHistoryBabbar from './components/wui-search-history-babbar/wui-search-history-babbar.vue'
-import wuienumeSelectControl from './components/wui-enume-select-control/wui-enume-select-control.vue'
-import './static/iconfont/iconfont.css'
-// 组件列表
-const coms: Array<{ name: string }> = [
-  WuiSystemSettings,
-  WuiMenus,
-  Wuilogin,
-  WuiDefault,
-  WuiTabbar,
-  WuiList,
-  WuiselectList,
-  WuieditPage,
-  WuidetailsPage,
-  WuiUpdateComponent,
-  WuiScanBindingSensor,
-  WuiUser,
-  WuiAutoUpdateComponent,
-  Wuilogin1,
-  WuiMenus1,
-  wuiSearchHistoryBabbar,
-  wuienumeSelectControl,
-]
-
-/**
- * 批量注册组件
- * @param app Vue 应用实例
- */
-function install(app: App): void {
-  coms.forEach(component => {
-    app.component(component.name, component)
-  })
-}
-
-/**
- * 核心功能函数集合
- */
-export {
-  useTabbar,
-  useLocale,
-  useManualTheme,
-  req, // 请求封装
-  useGlobalLoading,
-  useGlobalMessage,
-  useGlobalToast,
-  useUser,
-  persistPlugin,
-  iData, // PAD扫描
-  // nfc, // nfc读取
-  useLanguageStore, // 语言
-}
-
-export default install
+import type { App } from 'vue'
+// 暗黑模式样式 - 组件库入口加载（供打包后 app.use() 时生效）
+import './styles/dark-mode.scss'
+
+import WuiSystemSettings from './components/wui-system-settings/wui-system-settings.vue'
+import WuiMenus from './components/wui-menus/wui-menus.vue'
+import WuiMenus1 from './components/wui-menus1/wui-menus.vue'
+import Wuilogin from './components/wui-login/wui-login.vue'
+import Wuilogin1 from './components/wui-login1/wui-login.vue'
+import WuiDefault from './components/wui-default/wui-default.vue'
+import WuiTabbar from './components/wui-tabbar/wui-tabbar.vue'
+import { useLocale } from './composables/useLocale'
+import { useManualTheme } from './composables/useManualTheme'
+import { useGlobalLoading } from './composables/useGlobalLoading'
+import { useGlobalMessage } from './composables/useGlobalMessage'
+import { useGlobalToast } from './composables/useGlobalToast'
+import { useLanguageStore } from './store/language'
+import { useUser } from './composables/useUser'
+import { req } from './api/index'
+import { useTabbar } from './composables/useTabbar'
+import { persistPlugin } from './store/persist'
+import WuiList from './components/wui-list/wui-list.vue'
+import WuiselectList from './components/wui-select-list/wui-select-list.vue'
+import WuieditPage from './components/wui-edit-page/wui-edit-page.vue'
+import WuidetailsPage from './components/wui-details-page/wui-details-page.vue'
+import WuiUpdateComponent from './components/wui-update-component/wui-update-component.vue'
+import WuiScanBindingSensor from './components/wui-scan-binding-sensor/wui-scan-binding-sensor.vue'
+import WuiUser from './components/wui-user/wui-user.vue'
+import WuiAutoUpdateComponent from './components/wui-auto-update-component/wui-auto-update-component.vue'
+import iData from './utils/idata-scan' // PAD扫描
+import wuiSearchHistoryBabbar from './components/wui-search-history-babbar/wui-search-history-babbar.vue'
+import wuienumeSelectControl from './components/wui-enume-select-control/wui-enume-select-control.vue'
+import './static/iconfont/iconfont.css'
+// 组件列表
+const coms: Array<{ name: string }> = [
+  WuiSystemSettings,
+  WuiMenus,
+  Wuilogin,
+  WuiDefault,
+  WuiTabbar,
+  WuiList,
+  WuiselectList,
+  WuieditPage,
+  WuidetailsPage,
+  WuiUpdateComponent,
+  WuiScanBindingSensor,
+  WuiUser,
+  WuiAutoUpdateComponent,
+  Wuilogin1,
+  WuiMenus1,
+  wuiSearchHistoryBabbar,
+  wuienumeSelectControl,
+]
+
+/**
+ * 批量注册组件
+ * @param app Vue 应用实例
+ */
+function install(app: App): void {
+  coms.forEach(component => {
+    app.component(component.name, component)
+  })
+}
+
+/**
+ * 核心功能函数集合
+ */
+export {
+  useTabbar,
+  useLocale,
+  useManualTheme,
+  req, // 请求封装
+  useGlobalLoading,
+  useGlobalMessage,
+  useGlobalToast,
+  useUser,
+  persistPlugin,
+  iData, // PAD扫描
+  // nfc, // nfc读取
+  useLanguageStore, // 语言
+}
+
+export default install