wui-components-v2 1.1.69 → 1.1.71

package/components/wui-user/wui-user.vue

@@ -1,202 +1,202 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useDialog } from '@wot-ui/ui'
-import { useUser } from '../../composables/useUser'
-import { generateGradientColor } from '../../utils'
-import { useManualTheme } from '../../composables/useManualTheme'
-import scan from '../scan-input/scan-input.vue'
-import { getUserConfig } from '../../api/login'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-
-defineOptions({
-  name: 'WuiUser',
-})
-const props = defineProps({
-  loginPath: {
-    type: String,
-    default: '/pages/login/index',
-  },
-  showLogout: {
-    type: Boolean,
-    default: true,
-  },
-})
-
-const { currentThemeColor, isDark } = useManualTheme()
-
-// Cell 暗黑样式 - 通过 custom-style 直接注入组件内联样式
-const cellStyle = computed(() => ({
-  backgroundColor: isDark.value ? '#161616' : '#fff',
-  borderBottom: isDark.value ? '1px solid rgba(255,255,255,0.04)' : 'none',
-}))
-
-// CellGroup 暗黑样式
-const cellGroupStyle = computed(() => ({
-  backgroundColor: isDark.value ? '#111111' : 'transparent',
-  borderRadius: isDark.value ? '10px' : '0',
-}))
-const user = useUser().getUserInfo()
-const dialog = useDialog()
-const toast = useGlobalToast()
-const userInfo = ref({
-  name: user.name,
-  nickName: user.nickName,
-})
-
-// 退出登录
-function quit() {
-  dialog
-    .confirm({
-      title: '退出登录',
-    })
-    .then(() => {
-      uni.removeStorageSync('TOKEN')
-      uni.reLaunch({
-        url: props.loginPath,
-      })
-    })
-    .catch(() => {
-      console.log('点击了取消按钮')
-    })
-}
-
-// 系统设置
-function setting() {
-  uni.navigateTo({
-    url: '/pages/system-settings/index',
-  })
-}
-async function clearCache() {
-  const res = await getUserConfig()
-  if (res.status == 'success') {
-    toast.success({ msg: '清除成功！' })
-    uni.setStorageSync('userInfo', res.user)
-  }
-}
-</script>
-
-<template>
-  <view class="user">
-    <view class="top-box">
-      <!-- 用户头部信息 -->
-      <view
-        class="user-header"
-        :style="{
-          background: isDark
-            ? 'linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)'
-            : generateGradientColor(currentThemeColor.primary, 135, 1, 0.7),
-          boxShadow: isDark
-            ? '0 2px 12px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05)'
-            : '0 4px 12px rgba(74, 108, 247, 0.25)',
-          border: isDark ? '1px solid rgba(255,255,255,0.06)' : 'none',
-          borderRadius: '10px',
-        }"
-      >
-        <view class="user-info">
-          <image
-            class="avatar"
-            src="./user-avatar-fill.png"
-            :style="{ borderColor: isDark ? 'rgba(255,255,255,0.2)' : 'rgba(255,255,255,0.3)' }"
-          />
-          <view class="user-text">
-            <view class="user-name">{{ userInfo.name }}</view>
-            <view class="user-nickname">昵称：{{ userInfo.nickName }}</view>
-          </view>
-        </view>
-      </view>
-    </view>
-
-    <view class="mx-[15px] rounded-2">
-      <wd-cell-group :custom-style="cellGroupStyle">
-        <wd-cell
-          title="系统设置"
-          icon="setting"
-          :is-link="true"
-          :clickable="true"
-          :custom-style="cellStyle"
-          @click="setting"
-        />
-        <wd-cell title="清空缓存" :is-link="true" :clickable="true" :custom-style="cellStyle" @click="clearCache" />
-        <wd-cell
-          v-if="showLogout"
-          title="退出登录"
-          icon="logout"
-          :is-link="true"
-          :clickable="true"
-          :custom-style="cellStyle"
-          @click="quit"
-        />
-      </wd-cell-group>
-    </view>
-    <wd-dialog />
-  </view>
-</template>
-
-<style scoped lang="scss">
-.user {
-  .top-box {
-    padding: 15px;
-
-    .user-header {
-      color: white;
-      padding: 30px 20px;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .user-header::before {
-      content: '';
-      position: absolute;
-      top: -50px;
-      right: -50px;
-      width: 150px;
-      height: 150px;
-      background: rgba(255, 255, 255, 0.1);
-      border-radius: 50%;
-    }
-
-    .user-header::after {
-      content: '';
-      position: absolute;
-      bottom: -80px;
-      left: -30px;
-      width: 200px;
-      height: 200px;
-      background: rgba(255, 255, 255, 0.05);
-      border-radius: 50%;
-    }
-
-    .user-info {
-      display: flex;
-      align-items: center;
-      position: relative;
-      z-index: 1;
-    }
-
-    .avatar {
-      width: 120rpx;
-      height: 120rpx;
-      border-radius: 50%;
-      margin-right: 15px;
-      object-fit: cover;
-    }
-
-    .user-text {
-      flex: 1;
-    }
-
-    .user-name {
-      font-size: 20px;
-      font-weight: 600;
-      margin-bottom: 5px;
-    }
-
-    .user-nickname {
-      font-size: 14px;
-      opacity: 0.9;
-      display: flex;
-      align-items: center;
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useDialog } from '@wot-ui/ui'
+import { useUser } from '../../composables/useUser'
+import { generateGradientColor } from '../../utils'
+import { useManualTheme } from '../../composables/useManualTheme'
+import scan from '../scan-input/scan-input.vue'
+import { getUserConfig } from '../../api/login'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+
+defineOptions({
+  name: 'WuiUser',
+})
+const props = defineProps({
+  loginPath: {
+    type: String,
+    default: '/pages/login/index',
+  },
+  showLogout: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+const { currentThemeColor, isDark } = useManualTheme()
+
+// Cell 暗黑样式 - 通过 custom-style 直接注入组件内联样式
+const cellStyle = computed(() => ({
+  backgroundColor: isDark.value ? '#161616' : '#fff',
+  borderBottom: isDark.value ? '1px solid rgba(255,255,255,0.04)' : 'none',
+}))
+
+// CellGroup 暗黑样式
+const cellGroupStyle = computed(() => ({
+  backgroundColor: isDark.value ? '#111111' : 'transparent',
+  borderRadius: isDark.value ? '10px' : '0',
+}))
+const user = useUser().getUserInfo()
+const dialog = useDialog()
+const toast = useGlobalToast()
+const userInfo = ref({
+  name: user.name,
+  nickName: user.nickName,
+})
+
+// 退出登录
+function quit() {
+  dialog
+    .confirm({
+      title: '退出登录',
+    })
+    .then(() => {
+      uni.removeStorageSync('TOKEN')
+      uni.reLaunch({
+        url: props.loginPath,
+      })
+    })
+    .catch(() => {
+      console.log('点击了取消按钮')
+    })
+}
+
+// 系统设置
+function setting() {
+  uni.navigateTo({
+    url: '/pages/system-settings/index',
+  })
+}
+async function clearCache() {
+  const res = await getUserConfig()
+  if (res.status == 'success') {
+    toast.success({ msg: '清除成功！' })
+    uni.setStorageSync('userInfo', res.user)
+  }
+}
+</script>
+
+<template>
+  <view class="user">
+    <view class="top-box">
+      <!-- 用户头部信息 -->
+      <view
+        class="user-header"
+        :style="{
+          background: isDark
+            ? 'linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)'
+            : generateGradientColor(currentThemeColor.primary, 135, 1, 0.7),
+          boxShadow: isDark
+            ? '0 2px 12px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05)'
+            : '0 4px 12px rgba(74, 108, 247, 0.25)',
+          border: isDark ? '1px solid rgba(255,255,255,0.06)' : 'none',
+          borderRadius: '10px',
+        }"
+      >
+        <view class="user-info">
+          <image
+            class="avatar"
+            src="./user-avatar-fill.png"
+            :style="{ borderColor: isDark ? 'rgba(255,255,255,0.2)' : 'rgba(255,255,255,0.3)' }"
+          />
+          <view class="user-text">
+            <view class="user-name">{{ userInfo.name }}</view>
+            <view class="user-nickname">昵称：{{ userInfo.nickName }}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="mx-[15px] rounded-2">
+      <wd-cell-group :custom-style="cellGroupStyle">
+        <wd-cell
+          title="系统设置"
+          icon="setting"
+          :is-link="true"
+          :clickable="true"
+          :custom-style="cellStyle"
+          @click="setting"
+        />
+        <wd-cell title="清空缓存" :is-link="true" :clickable="true" :custom-style="cellStyle" @click="clearCache" />
+        <wd-cell
+          v-if="showLogout"
+          title="退出登录"
+          icon="logout"
+          :is-link="true"
+          :clickable="true"
+          :custom-style="cellStyle"
+          @click="quit"
+        />
+      </wd-cell-group>
+    </view>
+    <wd-dialog />
+  </view>
+</template>
+
+<style scoped lang="scss">
+.user {
+  .top-box {
+    padding: 15px;
+
+    .user-header {
+      color: white;
+      padding: 30px 20px;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .user-header::before {
+      content: '';
+      position: absolute;
+      top: -50px;
+      right: -50px;
+      width: 150px;
+      height: 150px;
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 50%;
+    }
+
+    .user-header::after {
+      content: '';
+      position: absolute;
+      bottom: -80px;
+      left: -30px;
+      width: 200px;
+      height: 200px;
+      background: rgba(255, 255, 255, 0.05);
+      border-radius: 50%;
+    }
+
+    .user-info {
+      display: flex;
+      align-items: center;
+      position: relative;
+      z-index: 1;
+    }
+
+    .avatar {
+      width: 120rpx;
+      height: 120rpx;
+      border-radius: 50%;
+      margin-right: 15px;
+      object-fit: cover;
+    }
+
+    .user-text {
+      flex: 1;
+    }
+
+    .user-name {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 5px;
+    }
+
+    .user-nickname {
+      font-size: 14px;
+      opacity: 0.9;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+</style>

package/composables/types/theme.ts

@@ -1,65 +1,65 @@
-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'
-
-/**
- * 主题状态接口
- */
-export interface ThemeState {
-  theme: ThemeMode
-  Locale: LocaleOption
-  followSystem: boolean
-  hasUserSet: boolean
-  currentThemeColor: ThemeColorOption
-  themeVars: ConfigProviderThemeVars
-}
-
-/**
- * 系统主题状态接口（简化版）
- */
-export interface SystemThemeState {
-  theme: ThemeMode
-  themeVars: ConfigProviderThemeVars
-}
-
-/**
- * 预定义的主题色选项
- */
-export const themeColorOptions: ThemeColorOption[] = [
-  { name: '深蓝', value: 'sblue', primary: '#2164F3' },
-  { name: '浅蓝', value: 'blue', primary: '#4D7FFF' },
-  { name: '活力橙', value: 'orange', primary: '#FF7D00' },
-  { name: '薄荷绿', value: 'green', primary: '#07C160' },
-  { name: '樱花粉', value: 'pink', primary: '#FF69B4' },
-  { name: '紫罗兰', value: 'purple', primary: '#8A2BE2' },
-  { name: '朱砂红', value: 'red', primary: '#FF4757' },
-]
-
-/**
- * 预定义的语言选项
- */
-export const LocaleOptions: LocaleOption[] = [
-  { name: '简体中文', value: 'zh-CN' },
-  { name: 'English', value: 'en-US' },
-  { name: '阿拉伯语', value: 'ar-SA' },
-]
+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'
+
+/**
+ * 主题状态接口
+ */
+export interface ThemeState {
+  theme: ThemeMode
+  Locale: LocaleOption
+  followSystem: boolean
+  hasUserSet: boolean
+  currentThemeColor: ThemeColorOption
+  themeVars: ConfigProviderThemeVars
+}
+
+/**
+ * 系统主题状态接口（简化版）
+ */
+export interface SystemThemeState {
+  theme: ThemeMode
+  themeVars: ConfigProviderThemeVars
+}
+
+/**
+ * 预定义的主题色选项
+ */
+export const themeColorOptions: ThemeColorOption[] = [
+  { name: '深蓝', value: 'sblue', primary: '#2164F3' },
+  { name: '浅蓝', value: 'blue', primary: '#4D7FFF' },
+  { name: '活力橙', value: 'orange', primary: '#FF7D00' },
+  { name: '薄荷绿', value: 'green', primary: '#07C160' },
+  { name: '樱花粉', value: 'pink', primary: '#FF69B4' },
+  { name: '紫罗兰', value: 'purple', primary: '#8A2BE2' },
+  { name: '朱砂红', value: 'red', primary: '#FF4757' },
+]
+
+/**
+ * 预定义的语言选项
+ */
+export const LocaleOptions: LocaleOption[] = [
+  { name: '简体中文', value: 'zh-CN' },
+  { name: 'English', value: 'en-US' },
+  { name: '阿拉伯语', value: 'ar-SA' },
+]

package/composables/types/user.ts

@@ -1,5 +1,5 @@
-export interface UserInfo {
-  id: string
-  name: string
-  nickName: string
-}
+export interface UserInfo {
+  id: string
+  name: string
+  nickName: string
+}