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,79 @@
+<template>
+  <div class="aa-pwd">
+    <div class="aa-pwd-field" :class="{ 'is-focus': focused }">
+      <input
+        ref="input"
+        class="aa-pwd-input"
+        :type="visible ? 'text' : 'password'"
+        :value="value"
+        :placeholder="placeholder"
+        @input="onInput"
+        @focus="focused = true"
+        @blur="focused = false"
+      />
+      <button class="aa-pwd-toggle" type="button" @click="visible = !visible">
+        {{ visible ? '隐藏' : '显示' }}
+      </button>
+    </div>
+    <div v-if="showStrength" class="aa-pwd-strength">
+      <span
+        v-for="(b, i) in 3"
+        :key="i"
+        class="aa-pwd-bar"
+        :class="barClass(i)"
+      ></span>
+    </div>
+    <div class="aa-pwd-tip">{{ tip }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AaPasswordInput',
+  props: {
+    value: { type: String, default: '' },
+    placeholder: { type: String, default: '请输入密码' },
+    showStrength: { type: Boolean, default: true }
+  },
+  data() {
+    return { visible: false, focused: false };
+  },
+  computed: {
+    level() {
+      const v = this.value;
+      if (!v) return '';
+      let s = 0;
+      if (v.length >= 8) s++;
+      if (/[a-z]/.test(v) && /[A-Z]/.test(v)) s++;
+      if (/\d/.test(v)) s++;
+      if (/[^A-Za-z0-9]/.test(v)) s++;
+      if (v.length >= 12) s++;
+      if (s <= 2) return 'weak';
+      if (s <= 3) return 'mid';
+      return 'strong';
+    },
+    tip() {
+      if (this.level === 'weak') return '弱：建议使用字母、数字与符号组合';
+      if (this.level === 'mid') return '中：再增加长度或符号更安全';
+      if (this.level === 'strong') return '强：密码强度良好';
+      return '';
+    }
+  },
+  methods: {
+    onInput(e) {
+      this.$emit('input', e.target.value);
+      this.$emit('change', e.target.value);
+    },
+    barClass(i) {
+      if (!this.showStrength || !this.level) return '';
+      const on =
+        (this.level === 'weak' && i < 1) ||
+        (this.level === 'mid' && i < 2) ||
+        (this.level === 'strong' && i < 3);
+      return on ? 'on ' + this.level : '';
+    }
+  }
+};
+</script>
+
+<style src="./PasswordInput.css"></style>