wui-components-v2 1.1.69 → 1.1.70

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/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>