wui-components-v2 1.1.69 → 1.1.71

package/components/login-form/login-form.vue

@@ -1,126 +1,126 @@
-<script setup lang="ts">
-import { defineOptions, defineProps, reactive, ref } from 'vue'
-import { useRouter } from 'uni-mini-router'
-import { useGlobalToast } from '../../composables/useGlobalToast'
-import { getUserConfig, login } from '../../api/login'
-import { useUser } from '../../composables/useUser'
-import { useTabbar } from '../../composables/useTabbar'
-import type { TabbarItem } from '../../composables/useTabbar'
-
-defineOptions({
-  name: 'LoginForm',
-})
-
-const props = defineProps<Props>()
-// 定义 Props 类型
-interface Props {
-  tabbarItems: TabbarItem[]
-}
-const subloading = ref(false)
-const router = useRouter()
-const toast = useGlobalToast()
-const { setUserInfo } = useUser()
-const model = reactive<{
-  name: string
-  password: string
-  remember: boolean
-}>({
-  name: uni.getStorageSync('USER_NAME') || '',
-  password: uni.getStorageSync('USER_PASSWORD') || '',
-  remember: uni.getStorageSync('REMEMBER') || false,
-})
-const { setTabbarItemActive } = useTabbar(props.tabbarItems)
-const form = ref()
-
-// 提交登录表单
-function handleSubmit() {
-  form.value
-    .validate()
-    .then(async ({ valid, errors }: any) => {
-      if (valid) {
-        try {
-          subloading.value = true
-          // 登录
-          const res = await login(model.name, model.password)
-
-          if (res.token) {
-            // 保存token
-            uni.setStorageSync('TOKEN', res.token)
-            // 获取用户配置
-            const res1 = await getUserConfig()
-            if (res1.status === 'success') {
-              // 保存用户信息
-              setUserInfo(res1.user)
-
-              // 记住账号密码
-              if (model.remember) {
-                uni.setStorageSync('USER_NAME', model.name)
-                uni.setStorageSync('USER_PASSWORD', model.password)
-                uni.setStorageSync('REMEMBER', model.remember)
-              } else {
-                // 删除账号密码
-                uni.removeStorageSync('USER_NAME')
-                uni.removeStorageSync('USER_PASSWORD')
-                uni.removeStorageSync('REMEMBER')
-              }
-
-              // 跳转首页
-              router.pushTab('/pages/index/index')
-              setTabbarItemActive('index')
-              toast.success({ msg: '登录成功！' })
-            }
-          } else {
-            toast.error({ msg: res.message })
-          }
-        } catch (error: any) {
-          console.log(error, 'error')
-        }
-      } else {
-        toast.error({ msg: '请填写登录信息' })
-        console.log(errors, 'errors')
-      }
-      subloading.value = false
-    })
-    .catch((error: any) => {
-      toast.error({ msg: error })
-      console.log(error, 'error')
-    })
-}
-</script>
-
-<template>
-  <view class="bg-white pa-3 dark:bg-[var(--wot-dark-background2)]">
-    <!-- //账号登录 -->
-    <wd-form ref="form" :model="model">
-      <view class="rounded-2 overflow-hidden">
-        <wd-cell-group border>
-          <wd-input
-            v-model="model.name"
-            label="用户名"
-            label-width="100px"
-            prop="name"
-            clearable
-            placeholder="请输入用户名"
-            :rules="[{ required: true, message: '请填写用户名' }]"
-          />
-          <wd-input
-            v-model="model.password"
-            label="密码"
-            label-width="100px"
-            prop="password"
-            clearable
-            show-password
-            placeholder="请输入密码"
-            :rules="[{ required: true, message: '请填写密码' }]"
-          />
-          <view class="p-4 pb-0 pt-0 dark:bg-[#1b1b1e]">
-            <wd-checkbox v-model="model.remember" shape="square">记住密码</wd-checkbox>
-          </view>
-        </wd-cell-group>
-      </view>
-      <view class="p-4">
-        <wd-button block :loading="subloading" :round="false" @click="handleSubmit">登录</wd-button>
-      </view>
-    </wd-form>
-  </view>
-</template>
+<script setup lang="ts">
+import { defineOptions, defineProps, reactive, ref } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { useGlobalToast } from '../../composables/useGlobalToast'
+import { getUserConfig, login } from '../../api/login'
+import { useUser } from '../../composables/useUser'
+import { useTabbar } from '../../composables/useTabbar'
+import type { TabbarItem } from '../../composables/useTabbar'
+
+defineOptions({
+  name: 'LoginForm',
+})
+
+const props = defineProps<Props>()
+// 定义 Props 类型
+interface Props {
+  tabbarItems: TabbarItem[]
+}
+const subloading = ref(false)
+const router = useRouter()
+const toast = useGlobalToast()
+const { setUserInfo } = useUser()
+const model = reactive<{
+  name: string
+  password: string
+  remember: boolean
+}>({
+  name: uni.getStorageSync('USER_NAME') || '',
+  password: uni.getStorageSync('USER_PASSWORD') || '',
+  remember: uni.getStorageSync('REMEMBER') || false,
+})
+const { setTabbarItemActive } = useTabbar(props.tabbarItems)
+const form = ref()
+
+// 提交登录表单
+function handleSubmit() {
+  form.value
+    .validate()
+    .then(async ({ valid, errors }: any) => {
+      if (valid) {
+        try {
+          subloading.value = true
+          // 登录
+          const res = await login(model.name, model.password)
+
+          if (res.token) {
+            // 保存token
+            uni.setStorageSync('TOKEN', res.token)
+            // 获取用户配置
+            const res1 = await getUserConfig()
+            if (res1.status === 'success') {
+              // 保存用户信息
+              setUserInfo(res1.user)
+
+              // 记住账号密码
+              if (model.remember) {
+                uni.setStorageSync('USER_NAME', model.name)
+                uni.setStorageSync('USER_PASSWORD', model.password)
+                uni.setStorageSync('REMEMBER', model.remember)
+              } else {
+                // 删除账号密码
+                uni.removeStorageSync('USER_NAME')
+                uni.removeStorageSync('USER_PASSWORD')
+                uni.removeStorageSync('REMEMBER')
+              }
+
+              // 跳转首页
+              router.pushTab('/pages/index/index')
+              setTabbarItemActive('index')
+              toast.success({ msg: '登录成功！' })
+            }
+          } else {
+            toast.error({ msg: res.message })
+          }
+        } catch (error: any) {
+          console.log(error, 'error')
+        }
+      } else {
+        toast.error({ msg: '请填写登录信息' })
+        console.log(errors, 'errors')
+      }
+      subloading.value = false
+    })
+    .catch((error: any) => {
+      toast.error({ msg: error })
+      console.log(error, 'error')
+    })
+}
+</script>
+
+<template>
+  <view class="bg-white pa-3 dark:bg-[var(--wot-dark-background2)]">
+    <!-- //账号登录 -->
+    <wd-form ref="form" :model="model">
+      <view class="rounded-2 overflow-hidden">
+        <wd-cell-group border>
+          <wd-input
+            v-model="model.name"
+            label="用户名"
+            label-width="100px"
+            prop="name"
+            clearable
+            placeholder="请输入用户名"
+            :rules="[{ required: true, message: '请填写用户名' }]"
+          />
+          <wd-input
+            v-model="model.password"
+            label="密码"
+            label-width="100px"
+            prop="password"
+            clearable
+            show-password
+            placeholder="请输入密码"
+            :rules="[{ required: true, message: '请填写密码' }]"
+          />
+          <view class="p-4 pb-0 pt-0 dark:bg-[#1b1b1e]">
+            <wd-checkbox v-model="model.remember" shape="square">记住密码</wd-checkbox>
+          </view>
+        </wd-cell-group>
+      </view>
+      <view class="p-4">
+        <wd-button block :loading="subloading" :round="false" @click="handleSubmit">登录</wd-button>
+      </view>
+    </wd-form>
+  </view>
+</template>

package/components/login-form-box/login-form-box.vue

@@ -1,65 +1,65 @@
-<script setup lang="ts">
-import { defineOptions, defineProps, ref } from 'vue'
-import { useRouter } from 'uni-mini-router'
-import type { TabbarItem } from '../../composables/useTabbar'
-import loginForm from '../login-form/login-form.vue'
-import phoneLoginForm from '../phone-login-form/phone-login-form.vue'
-
-defineOptions({
-  name: 'LoginFormBox',
-})
-
-const props = defineProps<Props>()
-// 定义 Props 类型
-interface Props {
-  tabbarItems: TabbarItem[]
-  showRagister?: boolean
-  gurl?: string// 获取验证码接口
-  url?: string// 手机号登录接口
-}
-const router = useRouter()
-
-// 登录模式
-const loginMode = ref('account')
-
-// 注册
-function handleRe() {
-  router.push('/pages/register/register')
-}
-
-// 切换登录模式
-function changeLoginMode(mode: string) {
-  loginMode.value = mode
-}
-</script>
-
-<template>
-  <view class="bg-white pa-3 dark:bg-[var(--wot-dark-background2)]">
-    <!-- //手机登录 -->
-    <phoneLoginForm v-if="loginMode === 'phone'" :tabbar-items="props.tabbarItems" :url="props.url" :gurl="props.gurl" />
-    <!-- //账号登录 -->
-    <loginForm v-if="loginMode === 'account'" :tabbar-items="props.tabbarItems" />
-
-    <view v-if="props.gurl" class="pa-3 pt-0">
-      <wd-divider>
-        或
-      </wd-divider>
-      <view v-if="props.gurl" class="p-4 pt-0">
-        <wd-button v-show="loginMode === 'account'" block :round="false" type="info" @click="changeLoginMode('phone')">
-          手机短信登录
-        </wd-button>
-        <wd-button v-show="loginMode === 'phone'" block :round="false" type="info" @click="changeLoginMode('account')">
-          账号登录
-        </wd-button>
-      </view>
-      <view v-if="showRagister" class="p-4 pt-0">
-        <view class="flex items-center justify-center text-size-24rpx">
-          <text>还没有账户？</text>
-          <wd-button block :round="false" type="text" size="small" @click="handleRe">
-            立即注册
-          </wd-button>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
+<script setup lang="ts">
+import { defineOptions, defineProps, ref } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import type { TabbarItem } from '../../composables/useTabbar'
+import loginForm from '../login-form/login-form.vue'
+import phoneLoginForm from '../phone-login-form/phone-login-form.vue'
+
+defineOptions({
+  name: 'LoginFormBox',
+})
+
+const props = defineProps<Props>()
+// 定义 Props 类型
+interface Props {
+  tabbarItems: TabbarItem[]
+  showRagister?: boolean
+  gurl?: string// 获取验证码接口
+  url?: string// 手机号登录接口
+}
+const router = useRouter()
+
+// 登录模式
+const loginMode = ref('account')
+
+// 注册
+function handleRe() {
+  router.push('/pages/register/register')
+}
+
+// 切换登录模式
+function changeLoginMode(mode: string) {
+  loginMode.value = mode
+}
+</script>
+
+<template>
+  <view class="bg-white pa-3 dark:bg-[var(--wot-dark-background2)]">
+    <!-- //手机登录 -->
+    <phoneLoginForm v-if="loginMode === 'phone'" :tabbar-items="props.tabbarItems" :url="props.url" :gurl="props.gurl" />
+    <!-- //账号登录 -->
+    <loginForm v-if="loginMode === 'account'" :tabbar-items="props.tabbarItems" />
+
+    <view v-if="props.gurl" class="pa-3 pt-0">
+      <wd-divider>
+        或
+      </wd-divider>
+      <view v-if="props.gurl" class="p-4 pt-0">
+        <wd-button v-show="loginMode === 'account'" block :round="false" type="info" @click="changeLoginMode('phone')">
+          手机短信登录
+        </wd-button>
+        <wd-button v-show="loginMode === 'phone'" block :round="false" type="info" @click="changeLoginMode('account')">
+          账号登录
+        </wd-button>
+      </view>
+      <view v-if="showRagister" class="p-4 pt-0">
+        <view class="flex items-center justify-center text-size-24rpx">
+          <text>还没有账户？</text>
+          <wd-button block :round="false" type="text" size="small" @click="handleRe">
+            立即注册
+          </wd-button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

package/components/mulselect-picker/mulselect-picker.vue

@@ -1,86 +1,86 @@
-<script setup lang="ts">
-import { computed, defineOptions, defineProps, ref, toRaw } from 'vue'
-import { useRouter } from 'uni-mini-router'
-import { generateHighResolutionID } from '../../utils/index'
-import type { FoldCardModel } from '../../type'
-
-defineOptions({
-  name: 'MulselectPicker',
-})
-
-const props = defineProps<{
-  extControlType: string // 选择模式，例如：单选:relselect、多选
-  sourceId: string
-  title?: string
-  modelValue: string | Array<string>
-  readonly: boolean
-  clearable: boolean
-  foldCardModel?: FoldCardModel // 折叠面板模式
-}>()
-const emits = defineEmits<{
-  (e: 'update:modelValue', value: string | string[]): void
-}>()
-const selectData = ref<string | string[]>(props.modelValue)
-const selectformatData = computed(() => {
-  if (Array.isArray(selectData.value)) {
-    return selectData.value.map(item => item.split('@R@')[1]).join(',')
-  }
-  return selectData.value?.split('@R@')[1] || ''
-})
-const router = useRouter()
-// 全局事件名称
-const SELECTEVENT = generateHighResolutionID()
-const SENDSELECTEVENT = generateHighResolutionID()
-function gotoSlect() {
-  if (props.readonly) return
-  router.push(
-    `/pages/select-list/index?sourceId=${props.sourceId}&title=${props.title}&selectEvent=${SELECTEVENT}&sendSelectEvent=${SENDSELECTEVENT}&extControlType=${props.extControlType}&foldCardModel=${props.foldCardModel}`
-  )
-  // 发送数据给选择页面,延迟发送防止页面不刷新
-  setTimeout(() => {
-    uni.$emit(SENDSELECTEVENT, toRaw(selectData.value))
-  }, 100)
-
-  // 接收勾选页面发送过来的数据
-  uni.$once(SELECTEVENT, (data: any) => {
-    selectData.value = data
-    emits('update:modelValue', data)
-  })
-}
-
-// 清空勾选
-function clearSelect() {
-  // 清空单选
-  if (props.extControlType === 'relselect') {
-    selectData.value = ''
-    emits('update:modelValue', '')
-  } else {
-    selectData.value = []
-    emits('update:modelValue', [])
-  }
-}
-</script>
-
-<template>
-  <view class="relative" @click="gotoSlect">
-    <view class="flex justify-between text-left">
-      <view class="flex-1">
-        <text v-if="selectformatData">
-          {{ selectformatData }}
-        </text>
-        <text v-else class="text-gray-400">请选择{{ title }}</text>
-      </view>
-      <view class="h-3px w-17px" />
-    </view>
-    <view v-if="clearable" class="absolute bottom-0 right-0 top-0">
-      <wd-icon v-if="selectformatData" name="close-circle" size="17px" @click.stop="clearSelect" />
-      <wd-icon v-else name="right" size="17px" />
-    </view>
-  </view>
-</template>
-
-<style scoped>
-:deep(.wd-tag__close) {
-  line-height: 0.6;
-}
-</style>
+<script setup lang="ts">
+import { computed, defineOptions, defineProps, ref, toRaw } from 'vue'
+import { useRouter } from 'uni-mini-router'
+import { generateHighResolutionID } from '../../utils/index'
+import type { FoldCardModel } from '../../type'
+
+defineOptions({
+  name: 'MulselectPicker',
+})
+
+const props = defineProps<{
+  extControlType: string // 选择模式，例如：单选:relselect、多选
+  sourceId: string
+  title?: string
+  modelValue: string | Array<string>
+  readonly: boolean
+  clearable: boolean
+  foldCardModel?: FoldCardModel // 折叠面板模式
+}>()
+const emits = defineEmits<{
+  (e: 'update:modelValue', value: string | string[]): void
+}>()
+const selectData = ref<string | string[]>(props.modelValue)
+const selectformatData = computed(() => {
+  if (Array.isArray(selectData.value)) {
+    return selectData.value.map(item => item.split('@R@')[1]).join(',')
+  }
+  return selectData.value?.split('@R@')[1] || ''
+})
+const router = useRouter()
+// 全局事件名称
+const SELECTEVENT = generateHighResolutionID()
+const SENDSELECTEVENT = generateHighResolutionID()
+function gotoSlect() {
+  if (props.readonly) return
+  router.push(
+    `/pages/select-list/index?sourceId=${props.sourceId}&title=${props.title}&selectEvent=${SELECTEVENT}&sendSelectEvent=${SENDSELECTEVENT}&extControlType=${props.extControlType}&foldCardModel=${props.foldCardModel}`
+  )
+  // 发送数据给选择页面,延迟发送防止页面不刷新
+  setTimeout(() => {
+    uni.$emit(SENDSELECTEVENT, toRaw(selectData.value))
+  }, 100)
+
+  // 接收勾选页面发送过来的数据
+  uni.$once(SELECTEVENT, (data: any) => {
+    selectData.value = data
+    emits('update:modelValue', data)
+  })
+}
+
+// 清空勾选
+function clearSelect() {
+  // 清空单选
+  if (props.extControlType === 'relselect') {
+    selectData.value = ''
+    emits('update:modelValue', '')
+  } else {
+    selectData.value = []
+    emits('update:modelValue', [])
+  }
+}
+</script>
+
+<template>
+  <view class="relative" @click="gotoSlect">
+    <view class="flex justify-between text-left">
+      <view class="flex-1">
+        <text v-if="selectformatData">
+          {{ selectformatData }}
+        </text>
+        <text v-else class="text-gray-400">请选择{{ title }}</text>
+      </view>
+      <view class="h-3px w-17px" />
+    </view>
+    <view v-if="clearable" class="absolute bottom-0 right-0 top-0">
+      <wd-icon v-if="selectformatData" name="close-circle" size="17px" @click.stop="clearSelect" />
+      <wd-icon v-else name="right" size="17px" />
+    </view>
+  </view>
+</template>
+
+<style scoped>
+:deep(.wd-tag__close) {
+  line-height: 0.6;
+}
+</style>