feat(P4): precompute移植+app.js sources双向回填+回归1003/1003+验收体积/文件/data.json

2026-09-12 14:18:41 +08:00
parent 16f365a045
commit c65a69c34e
401 changed files with 22932 additions and 140 deletions
@@ -0,0 +1,43 @@
+<template>
+  <div>
+    <div class="aa-densw">
+      <button
+        v-for="o in options"
+        :key="o.value"
+        class="aa-densw-opt"
+        :class="{ 'is-active': value === o.value }"
+        @click="$emit('input', o.value)"
+      >{{ o.label }}</button>
+    </div>
+    <div class="aa-densw-demo" :class="value">
+      <div v-for="(r, i) in rows" :key="i" class="aa-densw-row"><span>{{ r.name }}</span><span class="muted">{{ r.count }}</span></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AaDensitySwitcher',
+  props: {
+    value: { type: String, default: 'default' },
+    options: {
+      type: Array,
+      default: () => [
+        { value: 'loose', label: '宽松' },
+        { value: 'default', label: '默认' },
+        { value: 'compact', label: '紧凑' }
+      ]
+    },
+    rows: {
+      type: Array,
+      default: () => [
+        { name: '用户管理', count: '128 项' },
+        { name: '角色管理', count: '12 项' },
+        { name: '菜单管理', count: '36 项' }
+      ]
+    }
+  }
+};
+</script>
+
+<style src="./DensitySwitcher.css"></style>