更新：登录功能

uni_modules/wot-design-uni/components/wd-checkbox-group/index.scss

@@ -0,0 +1,20 @@
+@import "./../common/abstracts/_mixin.scss";
+@import "./../common/abstracts/variable.scss";
+
+.wot-theme-dark {
+  @include b(checkbox-group) {
+    background-color: $-dark-background2;
+  }
+}
+@include b(checkbox-group) {
+  background-color: $-checkbox-bg;
+
+  // 上下20px 左右15px 内部间隔12px
+  @include when(button) {
+    width: 100%;
+    padding: 8px 3px 20px 15px;
+    box-sizing: border-box;
+    overflow: hidden;
+    height: auto;
+  }
+}

uni_modules/wot-design-uni/components/wd-checkbox-group/types.ts

@@ -0,0 +1,59 @@
+import { type ExtractPropTypes, type InjectionKey, type PropType } from 'vue'
+import type { CheckShape } from '../wd-checkbox/types'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
+
+export type RequiredModelValue = {
+  modelValue: Array<string | number | boolean>
+}
+
+export type checkboxGroupProvide = {
+  props: Partial<Omit<CheckboxGroupProps, 'modelValue'>> & RequiredModelValue
+  changeSelectState: (value: string | number | boolean) => void
+}
+
+export const CHECKBOX_GROUP_KEY: InjectionKey<checkboxGroupProvide> = Symbol('wd-checkbox-group')
+
+export const checkboxGroupProps = {
+  ...baseProps,
+  /**
+   * 绑定值
+   */
+  modelValue: {
+    type: Array as PropType<Array<string | number | boolean>>,
+    default: () => []
+  },
+  /**
+   * 表单模式
+   */
+  cell: makeBooleanProp(false),
+  /**
+   * 单选框形状，可选值：circle / square / button
+   */
+  shape: makeStringProp<CheckShape>('circle'),
+  /**
+   * 选中的颜色
+   */
+  checkedColor: String,
+  /**
+   * 禁用
+   */
+  disabled: makeBooleanProp(false),
+  /**
+   * 最小选中的数量
+   */
+  min: makeNumberProp(0),
+  /**
+   * 最大选中的数量，0 为无限数量，默认为 0
+   */
+  max: makeNumberProp(0),
+  /**
+   * 同行展示
+   */
+  inline: makeBooleanProp(false),
+  /**
+   * 设置大小，可选值：large
+   */
+  size: String
+}
+
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>

uni_modules/wot-design-uni/components/wd-checkbox-group/wd-checkbox-group.vue

@@ -0,0 +1,100 @@
+<template>
+  <view :class="`wd-checkbox-group ${shape === 'button' && cell ? 'is-button' : ''} ${customClass}`" :style="customStyle">
+    <slot />
+  </view>
+</template>
+<script lang="ts">
+export default {
+  name: 'wd-checkbox-group',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared'
+  }
+}
+</script>
+
+<script lang="ts" setup>
+import { watch } from 'vue'
+import { checkNumRange, deepClone } from '../common/util'
+import { useChildren } from '../composables/useChildren'
+import { CHECKBOX_GROUP_KEY, checkboxGroupProps } from './types'
+
+const props = defineProps(checkboxGroupProps)
+const emit = defineEmits(['change', 'update:modelValue'])
+
+const { linkChildren } = useChildren(CHECKBOX_GROUP_KEY)
+
+linkChildren({ props, changeSelectState })
+
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    // 传入的value数组中包括重复的元素，这种情况非法。
+    if (new Set(newValue).size !== newValue.length) {
+      // eslint-disable-next-line quotes
+      console.error("checkboxGroup's bound value includes same value")
+    }
+    if (newValue.length < props.min) {
+      // eslint-disable-next-line quotes
+      console.error("checkboxGroup's bound value's length can't be less than min")
+    }
+    if (props.max !== 0 && newValue.length > props.max) {
+      // eslint-disable-next-line quotes
+      console.error("checkboxGroup's bound value's length can't be large than max")
+    }
+    // 每次value变化都会触发重新匹配选中项
+  },
+  { deep: true, immediate: true }
+)
+
+watch(
+  () => props.shape,
+  (newValue) => {
+    const type = ['circle', 'square', 'button']
+    if (type.indexOf(newValue) === -1) console.error(`shape must be one of ${type.toString()}`)
+  },
+  { deep: true, immediate: true }
+)
+
+watch(
+  () => props.min,
+  (newValue) => {
+    checkNumRange(newValue, 'min')
+  },
+  { deep: true, immediate: true }
+)
+
+watch(
+  () => props.max,
+  (newValue) => {
+    checkNumRange(newValue, 'max')
+  },
+  { deep: true, immediate: true }
+)
+
+/**
+ * @description 子节点通知父节点修改子节点选中状态
+ * @param {any} value 子组件的标识符
+ */
+function changeSelectState(value: string | number | boolean) {
+  const temp: (string | number | boolean)[] = deepClone(props.modelValue)
+  const index = temp.indexOf(value)
+  if (index > -1) {
+    // 已经选中，则从 value 列表中删除子节点的标识符。
+    temp.splice(index, 1)
+  } else {
+    // 之前未选中，则现在把加子节点的标识符加到 value 列表中。
+    temp.push(value)
+  }
+  emit('update:modelValue', temp)
+
+  emit('change', {
+    value: temp
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>