djm-ui 0.67.0 → 0.67.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # 更新日志
 
+## 0.67.3
+
+- 修复浏览器自动填充残留：`DjmInput` 挂载时、`pageshow` 时若 `autocomplete="off"` 且模型为空，清掉 DOM 里被填入的值，输入框不会再显示一个没参与筛选的账号
+- 登录类字段（`autocomplete="username"` / `current-password`）保留自动填充，不受影响
+- 示例应用补 `:autofill` 检测，动态渲染的筛选框被自动填充时同样会清空
+
+## 0.67.2
+
+- 数据字典页左侧类型列表改为独立列表：去掉与面板标题重复的表头，名称与条目数同行、编码跟随下一行，选中态用内缩圆角底色
+- 面板标题里的条目数改为弱化的辅助文字，行内操作只保留编辑与删除
+
+## 0.67.1
+
+- 内容区去掉 `max-width: 1560px` 限制，2K / 超宽屏（1920、2560）下表格、工作台、表单铺满可用宽度，两侧不再留大片空白；136 项单测、143 页无障碍、64 张视觉基线均无变化
+
 ## 0.67.0
 
 从「下载后直接做 CMS / OA 后台」的角度做了一轮组件级复查，补齐窄屏与接入细节：

package/README.md

@@ -2,6 +2,9 @@
 
 面向企业级中后台的 Vue 3 组件库：100 个组件、明暗主题与品牌色、中英文文案、按钮权限，自带完整文档与无障碍校验。
 
+- 官网与文档：https://ui.duojumi.com
+- npm：https://www.npmjs.com/package/djm-ui
+
 ## 环境要求
 
 - Vue 3.4+
@@ -62,9 +65,9 @@ import DjmCol from 'djm-ui/components/grid/col'
 UMD 产物复用全局 Vue，不会重复打包 Vue。Vue 必须先加载：
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/djm-ui/dist/djm-ui.min.css" />
-<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
-<script src="https://unpkg.com/djm-ui/dist/djm-ui.umd.min.js"></script>
+<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.3/dist/djm-ui.umd.min.js"></script>
 
 <script>
   Vue.createApp({
@@ -140,14 +143,33 @@ setPermissions(['user:add', 'user:edit'])
 ## 本地开发
 
 ```bash
-npm run dev        # 示例应用 http://localhost:5180
-npm run docs       # 文档站   http://localhost:5181
+npm run dev        # 官网 http://localhost:5180（首页落地页，/app/ 示例应用，/docs/ 文档）
+npm run docs       # 文档站 http://localhost:5181
 npm test           # 语法 + 类名命名空间 + 组件一致性审计
 npm run typecheck  # 类型声明校验
 npm run build      # 构建样式与 ESM / CJS / UMD
 npm run visual     # 视觉回归
 ```
 
+## 官网部署
+
+官网跑在 `ui.duojumi.com`，宝塔静态站点，目录 `/www/wwwroot/ui.duojumi.com`：
+
+| 路径 | 内容 |
+|---|---|
+| `/` | 落地页（仓库根 `index.html`，自带 SEO meta 与 JSON-LD） |
+| `/app/` | 示例应用（`app/index.html`） |
+| `/docs/` | 组件文档（`docs/`） |
+| `/robots.txt`、`/sitemap.xml` | 搜索引擎配置 |
+
+文档页依赖仓库里的 `docs/`、`src/styles`、`vendor/` 保持相对路径，所以整块同步：
+
+```bash
+./scripts/deploy-docs.sh
+```
+
+脚本默认走 `root@100.112.203.74` + `~/.ssh/jzjl_deploy`，可用 `DJM_DOCS_HOST` / `DJM_DOCS_KEY` / `DJM_DOCS_PATH` 覆盖。Nginx 配置见 `deploy/nginx/ui.duojumi.com.conf`。
+
 ## 发布
 
 ```bash

package/dist/djm-ui.cjs

@@ -1,4 +1,4 @@
-/*! DJM UI v0.67.0 · 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.0";
+var version = "0.67.3";
 function install(app, options = {}) {
   if (options.locale) setLocale(options.locale);
   components.forEach((component) => app.component(component.name, component));