djm-ui 0.67.2 → 0.67.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # 更新日志
 
+## 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.3/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.3/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.3 · 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");
@@ -1248,6 +1255,15 @@ var input_default = {
       if (this.$refs.input) this.$refs.input.blur();
     }
   },
+  mounted() {
+    this.clearStaleValue();
+    this.staleTimer = setTimeout(() => this.clearStaleValue(), 300);
+    window.addEventListener("pageshow", this.clearStaleValue);
+  },
+  beforeUnmount() {
+    clearTimeout(this.staleTimer);
+    window.removeEventListener("pageshow", this.clearStaleValue);
+  },
   template: `
     <div v-if="hasAffix" class="djm-input-wrap">
       <input
@@ -15377,7 +15393,7 @@ var components = [
   org_chart_default,
   page_tabs_default
 ];
-var version = "0.67.2";
+var version = "0.67.3";
 function install(app, options = {}) {
   if (options.locale) setLocale(options.locale);
   components.forEach((component) => app.component(component.name, component));