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,51 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Aurora Admin · QRCode（普通 H5）</title>
+  <link rel="stylesheet" href="../.design_library/aurora-admin/colors_and_type.css" />
+  <link rel="stylesheet" href="QRCode.css" />
+  <style>body{margin:0;padding:24px;background: var(--au-color-page-bg);} .aa-panel{background: var(--au-color-card-bg);border: 1px solid var(--au-color-border);border-radius:8px;padding:16px;display:inline-block;}</style>
+</head>
+<body>
+  <div class="aa-panel">
+    <div class="aa-qrcode" role="img" id="app"></div>
+    <div style="margin-top:12px"><input id="val" value="https://aurora.admin" style="width:200px;border:1px solid var(--color-border);border-radius:6px;padding:6px 8px;" /></div>
+  </div>
+
+  <script>
+    function buildMatrix(value, n) {
+      var seed = 0; for (var i = 0; i < value.length; i++) seed = (seed * 31 + value.charCodeAt(i)) >>> 0;
+      function rnd() { seed = (seed * 1103515245 + 12345) >>> 0; return seed / 4294967296; }
+      var m = []; for (var r = 0; r < n; r++) { m.push(new Array(n).fill(false)); }
+      for (var r2 = 0; r2 < n; r2++) for (var c = 0; c < n; c++) { if (rnd() > 0.5) m[r2][c] = true; }
+      function place(r0, c0) {
+        for (var r = 0; r < 7; r++) for (var c = 0; c < 7; c++) {
+          var edge = r === 0 || r === 6 || c === 0 || c === 6; var inner = r >= 2 && r <= 4 && c >= 2 && c <= 4;
+          m[r0 + r][c0 + c] = edge || inner;
+        }
+        for (var rr = -1; rr < 8; rr++) for (var cc = -1; cc < 8; cc++) {
+          var y = r0 + rr, x = c0 + cc; if (y >= 0 && y < n && x >= 0 && x < n) { if (rr < 0 || rr === 7 || cc < 0 || cc === 7) m[y][x] = false; }
+        }
+      }
+      place(0, 0); place(0, n - 7); place(n - 7, 0);
+      return m;
+    }
+    function render() {
+      var val = document.getElementById('val').value;
+      var n = 25, cell = 8, size = n * cell;
+      var m = buildMatrix(val, n);
+      var rects = '';
+      for (var r = 0; r < n; r++) for (var c = 0; c < n; c++) {
+        if (m[r][c]) rects += '<rect x="' + (c * cell) + '" y="' + (r * cell) + '" width="' + cell + '" height="' + cell + '" />';
+      }
+      document.getElementById('app').innerHTML =
+        '<svg width="' + size + '" height="' + size + '" viewBox="0 0 ' + size + ' ' + size + '" fill="#1F2329">' + rects + '</svg>' +
+        '<div class="aa-qrcode-text">' + val + '</div>';
+    }
+    document.getElementById('val').addEventListener('input', render);
+    render();
+  </script>
+</body>
+</html>
@@ -0,0 +1,40 @@
+import React, { useMemo } from 'react';
+import './QRCode.css';
+
+const N = 25;
+
+function matrix(value, n) {
+  let seed = 0; for (let i = 0; i < value.length; i++) seed = (seed * 31 + value.charCodeAt(i)) >>> 0;
+  const rnd = () => { seed = (seed * 1103515245 + 12345) >>> 0; return seed / 4294967296; };
+  const m = []; for (let r = 0; r < n; r++) m.push(new Array(n).fill(false));
+  for (let r = 0; r < n; r++) for (let c = 0; c < n; c++) if (rnd() > 0.5) m[r][c] = true;
+  const place = (r0, c0) => {
+    for (let r = 0; r < 7; r++) for (let c = 0; c < 7; c++) {
+      const edge = r === 0 || r === 6 || c === 0 || c === 6, inner = r >= 2 && r <= 4 && c >= 2 && c <= 4;
+      m[r0 + r][c0 + c] = edge || inner;
+    }
+    for (let rr = -1; rr < 8; rr++) for (let cc = -1; cc < 8; cc++) {
+      const y = r0 + rr, x = c0 + cc; if (y >= 0 && y < n && x >= 0 && x < n) { if (rr < 0 || rr === 7 || cc < 0 || cc === 7) m[y][x] = false; }
+    }
+  };
+  place(0, 0); place(0, n - 7); place(n - 7, 0);
+  return m;
+}
+
+export default function QRCode({ value = '', size = 200, color = '#1F2329', showText = true }) {
+  const cell = size / N;
+  const cells = useMemo(() => {
+    const m = matrix(value, N), out = [];
+    for (let r = 0; r < N; r++) for (let c = 0; c < N; c++) if (m[r][c]) out.push({ x: c * cell, y: r * cell });
+    return out;
+  }, [value, size]);
+
+  return (
+    <div className="aa-qrcode">
+      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill={color}>
+        {cells.map((rc, i) => <rect key={i} x={rc.x} y={rc.y} width={cell} height={cell} />)}
+      </svg>
+      {showText ? <div className="aa-qrcode-text">{value}</div> : null}
+    </div>
+  );
+}
@@ -0,0 +1,47 @@
+<template>
+  <div class="aa-qrcode">
+    <svg :width="size" :height="size" :viewBox="'0 0 ' + size + ' ' + size" :fill="color">
+      <rect v-for="(rc, i) in cells" :key="i" :x="rc.x" :y="rc.y" :width="cell" :height="cell" />
+    </svg>
+    <div class="aa-qrcode-text" v-if="showText">{{ value }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AaQrcode',
+  props: { value: { type: String, default: '' }, size: { type: Number, default: 200 }, color: { type: String, default: '#1F2329' }, showText: { type: Boolean, default: true } },
+  data: function () { return { n: 25, cell: 8 }; },
+  computed: {
+    cells: function () {
+      var n = this.n, cell = this.cell, m = this.matrix(this.value, n), out = [];
+      for (var r = 0; r < n; r++) for (var c = 0; c < n; c++) {
+        if (m[r][c]) out.push({ x: c * cell, y: r * cell });
+      }
+      return out;
+    }
+  },
+  methods: {
+    matrix: function (value, n) {
+      var seed = 0; for (var i = 0; i < value.length; i++) seed = (seed * 31 + value.charCodeAt(i)) >>> 0;
+      function rnd() { seed = (seed * 1103515245 + 12345) >>> 0; return seed / 4294967296; }
+      var m = []; for (var r = 0; r < n; r++) m.push(new Array(n).fill(false));
+      for (var r2 = 0; r2 < n; r2++) for (var c = 0; c < n; c++) if (rnd() > 0.5) m[r2][c] = true;
+      function place(r0, c0) {
+        for (var r = 0; r < 7; r++) for (var c = 0; c < 7; c++) {
+          var edge = r === 0 || r === 6 || c === 0 || c === 6, inner = r >= 2 && r <= 4 && c >= 2 && c <= 4;
+          m[r0 + r][c0 + c] = edge || inner;
+        }
+        for (var rr = -1; rr < 8; rr++) for (var cc = -1; cc < 8; cc++) {
+          var y = r0 + rr, x = c0 + cc; if (y >= 0 && y < n && x >= 0 && x < n) { if (rr < 0 || rr === 7 || cc < 0 || cc === 7) m[y][x] = false; }
+        }
+      }
+      place(0, 0); place(0, n - 7); place(n - 7, 0);
+      return m;
+    }
+  },
+  created: function () { this.cell = this.size / this.n; }
+};
+</script>
+
+<style src="./QRCode.css"></style>
@@ -0,0 +1,43 @@
+<template>
+  <div class="aa-qrcode">
+    <svg :width="size" :height="size" :viewBox="'0 0 ' + size + ' ' + size" :fill="color">
+      <rect v-for="(rc, i) in cells" :key="i" :x="rc.x" :y="rc.y" :width="cell" :height="cell" />
+    </svg>
+    <div class="aa-qrcode-text" v-if="showText">{{ value }}</div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+const props = defineProps({
+  value: { type: String, default: '' }, size: { type: Number, default: 200 },
+  color: { type: String, default: '#1F2329' }, showText: { type: Boolean, default: true }
+});
+const n = 25;
+const cell = ref(props.size / n);
+
+function matrix(value, n) {
+  let seed = 0; for (let i = 0; i < value.length; i++) seed = (seed * 31 + value.charCodeAt(i)) >>> 0;
+  const rnd = () => { seed = (seed * 1103515245 + 12345) >>> 0; return seed / 4294967296; };
+  const m = []; for (let r = 0; r < n; r++) m.push(new Array(n).fill(false));
+  for (let r = 0; r < n; r++) for (let c = 0; c < n; c++) if (rnd() > 0.5) m[r][c] = true;
+  const place = (r0, c0) => {
+    for (let r = 0; r < 7; r++) for (let c = 0; c < 7; c++) {
+      const edge = r === 0 || r === 6 || c === 0 || c === 6, inner = r >= 2 && r <= 4 && c >= 2 && c <= 4;
+      m[r0 + r][c0 + c] = edge || inner;
+    }
+    for (let rr = -1; rr < 8; rr++) for (let cc = -1; cc < 8; cc++) {
+      const y = r0 + rr, x = c0 + cc; if (y >= 0 && y < n && x >= 0 && x < n) { if (rr < 0 || rr === 7 || cc < 0 || cc === 7) m[y][x] = false; }
+    }
+  };
+  place(0, 0); place(0, n - 7); place(n - 7, 0);
+  return m;
+}
+const cells = computed(() => {
+  const m = matrix(props.value, n), out = [];
+  for (let r = 0; r < n; r++) for (let c = 0; c < n; c++) if (m[r][c]) out.push({ x: c * cell.value, y: r * cell.value });
+  return out;
+});
+</script>
+
+<style src="./QRCode.css"></style>