更新：登录功能

uni_modules/wot-design-uni/components/wd-text/wd-text.vue

@@ -0,0 +1,139 @@
+<template>
+  <text @click="handleClick" :class="rootClass" :style="rootStyle">
+    <slot v-if="$slots.prefix || prefix" name="prefix">{{ prefix }}</slot>
+    <text>{{ formattedText }}</text>
+    <slot v-if="$slots.suffix || suffix" name="suffix">{{ suffix }}</slot>
+  </text>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'wd-text',
+  options: {
+    virtualHost: true,
+    addGlobalClass: true,
+    styleIsolation: 'shared'
+  }
+}
+</script>
+
+<script lang="ts" setup>
+import { computed, ref, watch } from 'vue'
+import { isDef, objToStyle } from '../common/util'
+import { textProps } from './types'
+import dayjs from '../../dayjs'
+
+// 获取组件的 props 和 emit 函数
+const props = defineProps(textProps)
+const emit = defineEmits(['click'])
+
+// 存储文本类名的响应式变量
+const textClass = ref<string>('')
+
+// 监听 props 变化，合并 watch 逻辑
+watch(
+  () => ({
+    type: props.type,
+    text: props.text,
+    mode: props.mode,
+    color: props.color,
+    bold: props.bold,
+    lines: props.lines,
+    format: props.format
+  }),
+  ({ type }) => {
+    // 验证 type 属性
+    const types = ['primary', 'error', 'warning', 'success', 'default']
+    if (type && !types.includes(type)) {
+      console.error(`type must be one of ${types.toString()}`)
+    }
+    computeTextClass()
+  },
+  { deep: true, immediate: true }
+)
+
+// 计算根元素的类名
+const rootClass = computed(() => {
+  return `wd-text ${props.customClass} ${textClass.value}`
+})
+
+// 计算根元素的样式
+const rootStyle = computed(() => {
+  const rootStyle: Record<string, any> = {}
+  if (props.color) {
+    rootStyle['color'] = props.color
+  }
+  if (props.size) {
+    rootStyle['font-size'] = `${props.size}`
+  }
+  if (props.lineHeight) {
+    rootStyle['line-height'] = `${props.lineHeight}`
+  }
+  if (props.decoration) {
+    rootStyle['text-decoration'] = `${props.decoration}`
+  }
+  return `${objToStyle(rootStyle)}${props.customStyle}`
+})
+
+// 计算文本类名的函数
+function computeTextClass() {
+  const { type, color, bold, lines } = props
+  const textClassList: string[] = []
+  if (!color) {
+    textClassList.push(`is-${type}`)
+  }
+  if (isDef(lines)) {
+    textClassList.push(`is-lines-${lines}`)
+  }
+  bold && textClassList.push('is-bold')
+  textClass.value = textClassList.join(' ')
+}
+
+// 格式化文本的函数
+function formatText(text: string, format: boolean, mode: string): string {
+  if (format) {
+    if (mode === 'phone') {
+      return text.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+    } else if (mode === 'name') {
+      return text.replace(/^(.).*(.)$/, '$1**$2')
+    } else {
+      throw new Error('mode must be one of phone or name for encryption')
+    }
+  }
+  return text
+}
+
+// 格式化数字的函数
+function formatNumber(num: number | string): string {
+  num = Number(num).toFixed(2)
+  const x = num.split('.')
+  let x1 = x[0]
+  const x2 = x.length > 1 ? '.' + x[1] : ''
+  const rgx = /(\d+)(\d{3})/
+  while (rgx.test(x1)) {
+    x1 = x1.replace(rgx, '$1,$2')
+  }
+  return x1 + x2
+}
+
+// 计算格式化后的文本
+const formattedText = computed(() => {
+  const { text, mode, format } = props
+  if (mode === 'date') {
+    return dayjs(Number(text)).format('YYYY-MM-DD')
+  }
+  if (mode === 'price') {
+    return formatNumber(text)
+  }
+  return formatText(`${text}`, format, mode)
+})
+
+// 处理点击事件
+function handleClick(event: Event) {
+  emit('click', event)
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>