refactor: 确立独立子工程架构 (backend, admin, mpuniapp) 并同步更新 AGENTS.md 规范

mpuniapp/components/boolean-data/boolean-data.uvue

@@ -0,0 +1,54 @@
+<script setup lang="uts">
+import { isDarkMode, darkModeClass } from '@/composables/useDark.uts'
+
+// 样式隔离配置: 受全局样式影响
+defineOptions({
+  styleIsolation: 'app'
+})
+const emit = defineEmits(['change'])
+const props = defineProps({
+  title: {
+    type: String,
+    default: ''
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  defaultValue: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const _checked = ref(false)
+
+onMounted(() => {
+  _checked.value = props.defaultValue
+})
+
+// @ts-ignore
+function _change(e : UniSwitchChangeEvent) {
+  _checked.value = e.detail.value;
+  emit('change', _checked.value)
+}
+</script>
+
+<template>
+  <view class="button-data-main uni-row" :class="darkModeClass">
+    <text class="uni-title" style="width:80%">{{ title }}</text>
+    <switch :checked="_checked" :disabled="disabled" :color="isDarkMode ? '#a8a8b7' : '#007AFF'" @change="_change" />
+  </view>
+</template>
+
+<style>
+.button-data-main {
+  justify-content: space-between;
+  padding: 10px;
+  border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, .06));
+  align-items: center;
+}
+.uni-title {
+  color: var(--text-color, #333333);
+}
+</style>