djm-ui 0.67.2 → 0.67.4

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # 更新日志
 
+## 0.67.4
+
+- 自动填充清理加严：挂载后按 200 / 600 / 1200 / 2400ms 多次校验，输入框聚焦时再清一次，晚到的自动填充也能清干净
+- 站点 JS / CSS 强缓存从 5 分钟改为 1 分钟，改完刷新就能拿到新脚本，不会被旧缓存误导
+
+## 0.67.3
+
+- 修复浏览器自动填充残留：`DjmInput` 挂载时、`pageshow` 时若 `autocomplete="off"` 且模型为空，清掉 DOM 里被填入的值，输入框不会再显示一个没参与筛选的账号
+- 登录类字段（`autocomplete="username"` / `current-password`）保留自动填充，不受影响
+- 示例应用补 `:autofill` 检测，动态渲染的筛选框被自动填充时同样会清空
+
 ## 0.67.2
 
 - 数据字典页左侧类型列表改为独立列表：去掉与面板标题重复的表头，名称与条目数同行、编码跟随下一行，选中态用内缩圆角底色

package/README.md

@@ -65,9 +65,9 @@ import DjmCol from 'djm-ui/components/grid/col'
 UMD 产物复用全局 Vue，不会重复打包 Vue。Vue 必须先加载：
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/djm-ui@0.67.2/dist/djm-ui.min.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/djm-ui@0.67.4/dist/djm-ui.min.css" />
 <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/djm-ui@0.67.2/dist/djm-ui.umd.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/djm-ui@0.67.4/dist/djm-ui.umd.min.js"></script>
 
 <script>
   Vue.createApp({

package/dist/djm-ui.cjs

@@ -1,4 +1,4 @@
-/*! DJM UI v0.67.2 · MIT · 2026-10-26 */
+/*! DJM UI v0.67.4 · MIT · 2026-10-26 */
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1235,6 +1235,13 @@ var input_default = {
       this.$emit("update:modelValue", event.target.value);
       this.$emit("input", event);
     },
+    // 浏览器自动填充与前进后退的表单恢复只改 DOM 值、不触发 input，
+    // 模型为空时清掉，否则会看到有值但实际没按它筛选；登录类字段保留自动填充
+    clearStaleValue() {
+      const input = this.$refs.input;
+      if (!input || this.autocomplete !== "off") return;
+      if (String(this.modelValue ?? "").length === 0 && input.value) input.value = "";
+    },
     clear() {
       this.$emit("update:modelValue", "");
       this.$emit("clear");
@@ -1242,12 +1249,31 @@ var input_default = {
       this.focus();
     },
     focus() {
+      this.clearStaleValue();
       if (this.$refs.input) this.$refs.input.focus();
     },
+    onFocus(event) {
+      this.clearStaleValue();
+      this.$emit("focus", event);
+    },
     blur() {
       if (this.$refs.input) this.$refs.input.blur();
     }
   },
+  mounted() {
+    this.staleTimers = [null, 200, 600, 1200, 2400].map((delay) => {
+      if (delay === null) {
+        this.clearStaleValue();
+        return null;
+      }
+      return setTimeout(() => this.clearStaleValue(), delay);
+    });
+    window.addEventListener("pageshow", this.clearStaleValue);
+  },
+  beforeUnmount() {
+    this.staleTimers.forEach((timer) => clearTimeout(timer));
+    window.removeEventListener("pageshow", this.clearStaleValue);
+  },
   template: `
     <div v-if="hasAffix" class="djm-input-wrap">
       <input
@@ -1265,7 +1291,7 @@ var input_default = {
         @input="onInput"
         @change="$emit('change', $event)"
         @keyup.enter="$emit('enter', $event)"
-        @focus="$emit('focus', $event)"
+        @focus="onFocus"
         @blur="$emit('blur', $event)"
       />
       <button
@@ -1295,7 +1321,7 @@ var input_default = {
       @input="onInput"
       @change="$emit('change', $event)"
       @keyup.enter="$emit('enter', $event)"
-      @focus="$emit('focus', $event)"
+      @focus="onFocus"
       @blur="$emit('blur', $event)"
     />
   `
@@ -15377,7 +15403,7 @@ var components = [
   org_chart_default,
   page_tabs_default
 ];
-var version = "0.67.2";
+var version = "0.67.4";
 function install(app, options = {}) {
   if (options.locale) setLocale(options.locale);
   components.forEach((component) => app.component(component.name, component));