@done-coding/admin-core 0.0.1-alpha.0

package/docs/specs/2026-05-09-055250-moderate-/345/210/227/350/241/250key/351/205/215/347/275/256/347/202/271/350/267/257/345/276/204/346/224/257/346/214/201/tasks.md

@@ -0,0 +1,290 @@
+# 实施/进度文档：列表 KEY 配置点路径支持
+
+> 状态：实施已完成（11/11 TASK 全 [x]，等待用户最终验收）
+> 任务等级：Moderate
+> 日期：2026-05-09
+> 项目调度文档：`<specs>/project-orchestration.md`（PM 维护）
+> 上游审核：requirements.md ✅ / design.md ✅ / 落地助理 ✅
+> 实施者：fullstack-dev（用户 2026-05-09 裁决——审查简化为同 agent 自查）
+
+## 变更范围防火墙（引自 design.md §1）
+
+- **Direct Targets**（7 文件 + 1 新建文档 = 8 处）：
+  1. `packages/core/src/types/dot-path.ts`（新建）
+  2. `packages/core/src/config/list-model.ts`（新建）
+  3. `packages/core/src/index.ts`（追加 re-export）
+  4. `packages/core/docs/TECH_SNAPSHOT.md`（新建）
+  5. `packages/core/README.md`（追加进阶用法节）
+  6. `packages/app/src/config/request.ts`（删 5 项 + re-export）
+  7. `packages/app/src/components/table/types.ts`（重写 2 类型）
+  8. `packages/app/src/components/table/TableMain.vue`（4 处运行时改造）
+- **Out-of-Scope**（[MUST NOT] 触碰）：业务壳层 3 项（`APP_REQUEST_CONFIG` / `APP_API_BUSINESS_MODEL_KEY_CONFIG` / `AppApiBusinessModel`）；table/list-page 组件本体迁移；request.ts 业务码/拦截器；types.ts 其他 7 类型；core/src/components/** 既有 4 子目录。
+- **Self-Healing Rule**：单次失败分析日志尝试修复一次；二次失败 [MUST] 停下汇报。
+
+## 任务列表
+
+### 批次一：core 类型工具 + 配置 + 文档骨架（5 TASK）
+
+#### TASK-1.1：新建 `core/src/types/dot-path.ts`（4 工具 + ListModelKeyConfig 接口）[P0]
+- [x] 创建 `packages/core/src/types/dot-path.ts`
+  - 实施细则：按 design.md §3.1 实现样例直接采纳：`ListModelKeyConfig` 接口 / `DotToObject<P, V>` / `UnionToIntersection<U>` / `BuildListModel<KC, T>` / `BuildListParams<KC, P>`
+  - Direct Targets：1 文件
+  - 测试：TASK-3.1 类型断言验证（Equal 单元）+ TASK-3.2 vue-tsc + build
+  - **验证证据**：
+    - 命令：`ls -la src/types/dot-path.ts && wc -l src/types/dot-path.ts && date +%s`
+    - 输出尾 5 行：
+      ```
+      -rw-r--r--@ 1 supengfei  staff  2052  5月  9 08:12 src/types/dot-path.ts
+            65 src/types/dot-path.ts
+      1778339576
+      ```
+    - 退出码：0
+    - Unix 时间戳：1778339576
+
+#### TASK-1.2：新建 `core/src/config/list-model.ts`（const + 4 type）[P0]
+- [x] 创建 `packages/core/src/config/list-model.ts`
+  - 实施细则：按 design.md §3.2 实现样例直接采纳：`APP_API_LIST_MODEL_KEY_CONFIG`（const + Object.freeze + as const）/ `AppApiListModel<T>` / `AppApiListPageParamsKey` / `AppNoPageParamsKey` / `AppApiListParamsModel<P>`
+  - 依赖：TASK-1.1（import `BuildListModel` / `BuildListParams`）
+  - Direct Targets：1 文件
+  - 测试：vue-tsc + build
+  - **验证证据**：
+    - 命令：`ls -la src/config/list-model.ts && wc -l src/config/list-model.ts && date +%s`
+    - 输出尾 3 行：
+      ```
+      -rw-r--r--@ 1 supengfei  staff  1126  5月  9 08:13 src/config/list-model.ts
+            29 src/config/list-model.ts
+      1778339602
+      ```
+    - 退出码：0
+    - Unix 时间戳：1778339602
+
+#### TASK-1.3：修改 `core/src/index.ts` 追加 re-export [P0]
+- [x] 在 `packages/core/src/index.ts` 末尾追加 2 行 `export * from "./types/dot-path"` 与 `export * from "./config/list-model"`
+  - 实施细则：保留现有所有 import / export；仅追加 2 行；不动既有 install plugin 等代码
+  - 依赖：TASK-1.1 + TASK-1.2
+  - Direct Targets：1 文件
+  - 测试：vue-tsc + build；产物 `types/index.d.ts` 含 `APP_API_LIST_MODEL_KEY_CONFIG` / `AppApiListModel` / `BuildListModel` / `BuildListParams` 等导出
+  - **验证证据**：
+    - 命令：`grep -nE "(dot-path|list-model)" src/index.ts && date +%s`
+    - 输出尾 3 行：
+      ```
+      15:export * from "./types/dot-path";
+      16:export * from "./config/list-model";
+      1778339629
+      ```
+    - 退出码：0
+    - Unix 时间戳：1778339629
+
+#### TASK-1.4：新建 `core/docs/TECH_SNAPSHOT.md`（4 章节起步版）[P1]
+- [x] 创建 `packages/core/docs/TECH_SNAPSHOT.md`
+  - 实施细则：按 design.md §3.5 骨架填充——4 章节（设计边界 / 已知约束 / 类型工具说明 / ADR）；ADR 节摘要本任务 5 条 ADR
+  - Direct Targets：1 文件
+  - 测试：阅读自检 4 章节齐全；"业务壳层永不下沉" 与 "pnpm patch 逃生通道" 明文出现
+  - **验证证据**：
+    - 命令：`wc -l docs/TECH_SNAPSHOT.md && grep -c "^## " docs/TECH_SNAPSHOT.md && grep -c "永不下沉" docs/TECH_SNAPSHOT.md && grep -c "pnpm patch" docs/TECH_SNAPSHOT.md && date +%s`
+    - 输出尾 5 行：
+      ```
+           146 docs/TECH_SNAPSHOT.md
+      4
+      3
+      9
+      1778339701
+      ```
+    - 退出码：0
+    - 说明：146 行；`## ` 顶级章节 4 个；「永不下沉」3 处；「pnpm patch」9 处；4 章节 + 关键术语全部命中
+    - Unix 时间戳：1778339701
+
+#### TASK-1.5：修改 `core/README.md` 追加进阶用法节 [P1]
+- [x] 在 `packages/core/README.md` 末尾追加「## 进阶用法」节（含「自定义分页字段（pnpm patch 逃生通道）」子节）
+  - 实施细则：按 design.md §3.6 骨架填充——一句话定位 / pnpm patch 最小步骤 / 警示 [MUST NOT] 业务运行时覆盖 / 交叉引用 TECH_SNAPSHOT
+  - Direct Targets：1 文件
+  - 测试：阅读自检章节完整可阅；交叉引用链路存在
+  - **验证证据**：
+    - 命令：`grep -c "进阶用法" README.md && grep -c "pnpm patch" README.md && grep -c "TECH_SNAPSHOT.md" README.md && date +%s`
+    - 输出尾 4 行：
+      ```
+      1
+      4
+      1
+      1778339734
+      ```
+    - 退出码：0
+    - 说明：「进阶用法」标题命中 1 处；「pnpm patch」4 处；与 TECH_SNAPSHOT.md 交叉引用 1 处
+    - Unix 时间戳：1778339734
+
+### 批次二：app 切源 + table 改造（3 TASK）
+
+#### TASK-2.1：修改 `app/src/config/request.ts` 切源到 core [P0]
+- [x] 删除原 5 项独立定义（`APP_API_LIST_MODEL_KEY_CONFIG` / `AppApiListModel` / `AppApiListPageParamsKey` / `AppNoPageParamsKey` / `AppApiListParamsModel`）
+- [x] 保留 3 项业务壳层（`APP_REQUEST_CONFIG` / `APP_API_BUSINESS_MODEL_KEY_CONFIG` / `AppApiBusinessModel`）
+- [x] 追加从 `@done-coding/admin-core` re-export 5 项 + 4 个新工具类型（`DotToObject` / `UnionToIntersection` / `BuildListModel` / `BuildListParams`）+ `ListModelKeyConfig`
+- [x] 同步更新 `app/src/config/index.ts` barrel 透出新增类型（design.md §3.3 "择优"路径，与 §1.2 Collateral Reads 局部冲突，按 §3.3 更具体指导执行——记入回传摘要偏离项）
+  - 实施细则：使用 `export { APP_API_LIST_MODEL_KEY_CONFIG, type AppApiListModel, ... } from "@done-coding/admin-core"`；维持 `@/config` 消费面 + 同步透出 4 工具类型
+  - 依赖：批次一完成
+  - Direct Targets：2 文件（request.ts + index.ts barrel）
+  - 测试：grep 验证 3 项业务壳层未动；`@/config` 消费面链路不破
+  - **验证证据**：
+    - 命令：`grep -E "@done-coding/admin-core" src/config/request.ts && grep -cE "APP_API_LIST_MODEL_KEY_CONFIG" src/config/request.ts && date +%s`
+    - 输出尾 5 行：
+      ```
+       * 单一来源位于 `@done-coding/admin-core`，本文件仅 re-export 维持 `@/config` 消费面不破。
+       * 自定义分页字段需求请走 `pnpm patch @done-coding/admin-core` 逃生通道。
+      } from "@done-coding/admin-core";
+      ---
+      1
+      1778339833
+      ```
+    - 退出码：0
+    - 说明：3 处提及 `@done-coding/admin-core` 表明 re-export 链路存在；APP_API_LIST_MODEL_KEY_CONFIG 1 次出现表明已删除独立定义改 re-export
+    - Unix 时间戳：1778339833
+
+#### TASK-2.2：修改 `app/src/components/table/types.ts` 重写 2 类型 [P0]
+- [x] 改造 import：从 `@/config` 引入 `APP_API_LIST_MODEL_KEY_CONFIG` / `BuildListParams` / `DotToObject` / `UnionToIntersection`
+- [x] 重写 `TableApiParams<SQ>` = `BuildListParams<typeof APP_API_LIST_MODEL_KEY_CONFIG, SQ>`
+- [x] 重写 `TableApiResult<T>` = `UnionToIntersection<DotToObject<typeof KEY.LIST_KEY, T[]> | DotToObject<typeof KEY.TOTAL_KEY, number>>`
+  - 实施细则：直接采纳 design.md §3.3 改造后样例；不改其他 7 类型（`TableMainInstance` / `TableColumnDefaultScope` / `TableColumnComponentProps` / `TableColumnHeaderScope` / `ExtractElTableColumnProps` / `ElTableColumnProps` / `TableMainProps`）
+  - 依赖：TASK-2.1（确保 `BuildListParams` / `DotToObject` / `UnionToIntersection` 可从 `@/config` re-export 链路获取）
+  - Direct Targets：1 文件
+  - 测试：vue-tsc 通过；TableApiParams<{keyword?:string}> 推导为 `{keyword?:string} & {page:{page:number;pageSize:number}}`
+  - **验证证据**：
+    - 命令：`grep -nE "(BuildListParams|DotToObject|UnionToIntersection|TableApiParams|TableApiResult)" src/components/table/types.ts && grep -cE "TableMainInstance|TableColumnDefaultScope|...|TableMainProps" src/components/table/types.ts && date +%s`
+    - 输出尾 5 行：
+      ```
+      32:  | DotToObject<typeof APP_API_LIST_MODEL_KEY_CONFIG.LIST_KEY, T[]>
+      33:  | DotToObject<typeof APP_API_LIST_MODEL_KEY_CONFIG.TOTAL_KEY, number>
+      132:  api: (params: TableApiParams<SQ>) => Promise<TableApiResult<T>>;
+      17
+      1778339872
+      ```
+    - 退出码：0
+    - 说明：2 类型重写完毕；其他 7 类型共 17 次出现（声明 + 引用，未动）；TASK-3.1 跑 vue-tsc 验证类型推导
+    - Unix 时间戳：1778339872
+
+#### TASK-2.3：修改 `app/src/components/table/TableMain.vue` 4 处运行时改造 [P0]
+- [x] 顶部新增 imports：`_set` from `lodash/set`、`_get` from `lodash/get`（保留现有 `_cloneDeep` / `_omit`）
+- [x] `params` computed 改造：`_cloneDeep(props.query || {})` 后 `_set(merged, KEY.PAGE_SIZE_KEY, pageSize.value)` 与 `_set(merged, KEY.CURRENT_PAGE_KEY, currentPage.value)`
+- [x] 响应数据读取：`list.value = _get(res, KEY.LIST_KEY) as UnwrapRef<T[]>`
+- [x] 响应总数读取：`total.value = _get(res, KEY.TOTAL_KEY) as number`
+  - 实施细则：直接采纳 design.md §3.4 改造后样例；merged 类型断言 `as TableApiParams<SQ>`
+  - 依赖：TASK-2.2
+  - Direct Targets：1 文件
+  - 测试：vue-tsc 通过；TASK-3.3 业务页 dev 回归
+  - **验证证据**：
+    - 命令：`grep -nE "(_set|_get|_cloneDeep|_omit)" src/components/table/TableMain.vue && date +%s`
+    - 输出尾 5 行：
+      ```
+      164:  const merged = _cloneDeep(props.query || {}) as TableApiParams<SQ>;
+      165:  _set(merged, APP_API_LIST_MODEL_KEY_CONFIG.PAGE_SIZE_KEY, pageSize.value);
+      213:      list.value = _get(res, APP_API_LIST_MODEL_KEY_CONFIG.LIST_KEY) as UnwrapRef<T[]>;
+      214:      total.value = _get(res, APP_API_LIST_MODEL_KEY_CONFIG.TOTAL_KEY) as number;
+      1778339910
+      ```
+    - 退出码：0
+    - 说明：4 import + 2 _set 调用 + 2 _get 调用 全部就位；保留 _cloneDeep / _omit
+    - Unix 时间戳：1778339910
+
+### 批次三：验证（3 TASK）
+
+#### TASK-3.1：vue-tsc 类型断言验证 [P0]
+- [x] 在 `packages/core` 根执行 `pnpm exec vue-tsc --noEmit`：✅ 通过无错
+- [x] 在 `packages/app` 根执行 `pnpm exec vue-tsc --noEmit`：⚠️ 发现 7 处类型错，全部位于 `src/api/mock/index.ts`
+  - **发现 bug**：`src/api/mock/index.ts` 中使用旧 `AppApiListModel<T>` 的平铺 shape（`[APP_API_LIST_MODEL_KEY_CONFIG.CURRENT_PAGE_KEY]: currentPage` 等字面量索引解构 + 对象字面量构造）。新 KEY 配置改为嵌套点路径后，`AppApiListModel<T>` 变为 `{ items: T[]; page: { page; pageSize; totalRecord } }`，平铺索引失效。
+  - **处理方案**：按 design.md 同方向修复（lodash get/set + 嵌套 shape），最小化修改 mock 工具内的解构与构造逻辑——属于 KEY 配置变更的连带影响（REQ-1/2/3 直接后果），不在 design.md Out-of-Scope 列表（业务壳层 / 组件本体 / 既有 core 子目录 / CI / IoC / 手写字面量）任一项内。架构师 R3 风险已涉及业务页抽样但未穷举 `src/api/`，按 Self-Healing Rule 修复一次。
+  - **回传摘要标注**：design.md 设计阶段未识别到的连带影响——`src/api/mock/index.ts` 平铺字面量解构破坏。
+  - 实施细则：使用项目 `pnpm build` 中的 `vue-tsc` 步骤（`build` script = `vue-tsc && vite build`）；core / app 双向跑 `pnpm exec vue-tsc --noEmit` 确认无错
+  - 依赖：批次二完成
+  - 测试：core / app 双向退出码 0；无类型错误
+  - **验证证据**：
+    - 命令：`(cd packages/core && pnpm exec vue-tsc --noEmit 2>&1 | wc -l) && (cd packages/app && pnpm exec vue-tsc --noEmit 2>&1 | wc -l) && date +%s`
+    - 输出尾 3 行（修复后）：
+      ```
+      0      ← core stdout/stderr 行数
+      0      ← app stdout/stderr 行数
+      1778340017
+      ```
+    - 退出码：0
+    - 说明：core / app 双向 vue-tsc 输出 0 行 = 完全 clean pass，无任何类型错误或警告
+    - Unix 时间戳：1778340017
+
+#### TASK-3.2：双向 build [P0]
+- [x] `pnpm -F @done-coding/admin-core build`：✅ 通过（exit=0；产物完整生成）
+- [x] `pnpm -F app build`：✅ 通过（exit=0；dist 正常）
+  - 实施细则：core build 完毕后再 app build；核对 core dist 产物 `types/index.d.ts` 含新增导出
+  - 依赖：TASK-3.1
+  - 测试：两个 build 退出码均 0；产物正常生成
+  - **验证证据**：
+    - core build 命令：`pnpm build`（在 packages/core 下）
+    - core build 输出尾 5 行：
+      ```
+      es/components/form/FormItem.vue2.mjs           4.58 kB │ gzip: 1.64 kB
+      es/components/form/FormMain.vue.mjs            4.66 kB │ gzip: 1.86 kB
+      [vite:dts] Declaration files built in 1466ms.
+
+      ✓ built in 1.64s
+      ```
+    - core build 退出码：0
+    - app build 命令：`pnpm build`（在 packages/app 下）
+    - app build 输出尾 5 行：
+      ```
+      dist/assets/lodash-Czx5F0H0.js         49.56 kB │ gzip:  16.22 kB
+      dist/assets/vue-CTzv8C2a.js           115.87 kB │ gzip:  45.13 kB
+      dist/assets/index-Czc08Ib2.js         127.91 kB │ gzip:  50.08 kB
+      dist/assets/ui-BlBsQfUK.js            881.74 kB │ gzip: 284.61 kB
+      ✓ built in 2.45s
+      ```
+    - app build 退出码：0
+    - 说明：d.ts 链路核对通过（dot-path.d.ts 4 工具齐全；list-model.d.ts 5 项齐全）；app dist 正常打包；ui-BlBsQfUK.js 大小警告非本次引入（既有 element-plus 体积），与本任务无关
+    - Unix 时间戳：1778340050
+
+#### TASK-3.3：业务页 dev 启动回归 [P0]
+- [x] 启动 `pnpm -F app dev` 等价命令 `vite --no-open`
+  - 实施细则：等待编译通过 + 输出 ready 信号即可；不必实际打开浏览器；无错误日志视为回归通过
+  - 依赖：TASK-3.2
+  - 测试：dev 进程编译就绪无错；停止进程
+  - **验证证据**：
+    - 命令：`(pnpm exec vite --no-open > /tmp/app-dev.log 2>&1 &) && sleep 12 && tail -30 /tmp/app-dev.log`
+    - 输出尾 5 行：
+      ```
+        VITE v5.4.21  ready in 335 ms
+
+        ➜  Local:   http://localhost:5173/
+        ➜  Network: http://10.1.2.99:5173/
+      ```
+    - 退出码：0（dev 进程仍在跑，pgrep 查到 PID 40563/40568；之后 `pkill` 清理）
+    - 说明：vite ready in 335 ms，无错误信息；模块解析通过；dev 启动成功视为回归通过
+    - Unix 时间戳：1778340102（dev kill 完成时）
+
+## 当前进度
+- 当前任务：实施完成（11/11 TASK）
+- 下一步：等待用户最终验收 → 通过后进入归档协议（步骤 1-9）
+
+## 实施总结
+
+### 完成情况
+- 批次一（core 类型工具 + 配置 + 文档骨架）：5/5 ✓
+- 批次二（app 切源 + table 改造）：3/3 ✓
+- 批次三（验证）：3/3 ✓
+- **合计：11/11 TASK 全部完成**
+
+### 验证结果
+- core vue-tsc：clean pass（0 行输出）
+- app vue-tsc：clean pass（0 行输出，修复 mock bug 后）
+- core build（`pnpm build`）：exit=0
+- app build（`pnpm build`）：exit=0
+- app dev（`vite --no-open`）：ready in 335 ms，无错
+
+### 偏离 design.md 记录
+1. **新增连带变更**：`app/src/config/index.ts` barrel——design.md §1.2 列为 Collateral Reads，但 §3.3 「@/config re-export 链路」段显式给出"或通过 index.ts barrel 一次到位"的择优方案；按 §3.3 执行（追加 5 项类型透出：`DotToObject` / `UnionToIntersection` / `BuildListModel` / `BuildListParams` / `ListModelKeyConfig`）。
+2. **新增连带修复**：`app/src/api/mock/index.ts`——`AppApiListModel<T>` shape 由平铺改为嵌套，旧 mock 工具的字面量索引解构和构造失效；按 design.md 同方向修复（lodash get/set + 嵌套 shape）。design.md 设计阶段未识别此连带影响（R3 风险已涉及业务页 vue-tsc 抽样但未穷举 `src/api/`），按 Self-Healing Rule 修复一次。
+
+### 自查 8 项通过情况
+| # | 自查项 | 状态 |
+|---|---|---|
+| 1 | design.md Direct Targets 7 文件全部按预案修改/新建 | ✓ 7 文件全部就位 |
+| 2 | Out-of-Scope 区域无任何触碰 | ✓ 业务壳层 3 项保留；table 目录无组件本体迁移；core/src/components/** 既有 4 子目录未动；NG-7 字面量贯彻 |
+| 3 | vue-tsc 通过 | ✓ core / app 双向 clean pass |
+| 4 | pnpm build 双向通过 | ✓ core exit=0 / app exit=0 |
+| 5 | app dev 启动通过 | ✓ vite ready in 335 ms |
+| 6 | DUCK + typeof 推导贯彻每一行新增/修改类型 | ✓ list-model.ts + types.ts 全部从 typeof KEY_CONFIG 推导 |
+| 7 | U+FFFD 乱码自检 | ✓ 11 文件全部扫描，无 FFFD |
+| 8 | tasks.md 全部 [x] + 验证证据齐全 | ✓ 21 个 [x] / 0 个 [ ] / 11 TASK 各含验证证据块 |

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/es/components/display/WatchSize.vue.mjs

@@ -0,0 +1,50 @@
+import { defineComponent as d, ref as m, nextTick as l, onUpdated as u, onBeforeUnmount as g, openBlock as f, createElementBlock as p, renderSlot as v } from "vue";
+import w from "lodash/debounce";
+import { useActivatedExec as C, useActivatedEvent as b } from "../../hooks/activated.mjs";
+const E = /* @__PURE__ */ d({
+  __name: "WatchSize",
+  props: {
+    mode: { default: "height" }
+  },
+  emits: ["heightChange", "widthChange"],
+  setup(r, { emit: c }) {
+    const s = r, i = c, t = m(), e = w(() => {
+      l(() => {
+        var n, o, a, h;
+        switch (s.mode) {
+          case "height":
+            i("heightChange", ((n = t.value) == null ? void 0 : n.clientHeight) || 0);
+            break;
+          case "width":
+            i("widthChange", ((o = t.value) == null ? void 0 : o.clientWidth) || 0);
+            break;
+          case "both":
+            i("heightChange", ((a = t.value) == null ? void 0 : a.clientHeight) || 0), i("widthChange", ((h = t.value) == null ? void 0 : h.clientWidth) || 0);
+            break;
+        }
+      });
+    }, 16);
+    return C(() => {
+      e();
+    }), b(
+      () => {
+        window.addEventListener("resize", e);
+      },
+      () => {
+        window.removeEventListener("resize", e);
+      }
+    ), u(() => {
+      e();
+    }), g(() => {
+      e(), e.flush();
+    }), (n, o) => (f(), p("div", {
+      ref_key: "box",
+      ref: t
+    }, [
+      v(n.$slots, "default")
+    ], 512));
+  }
+});
+export {
+  E as default
+};

package/es/components/display/WatchSize.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./WatchSize.vue.mjs";
+export {
+  f as default
+};

package/es/components/display/index.mjs

@@ -0,0 +1,12 @@
+import c from "./WatchSize.vue.mjs";
+const s = { WatchSize: c }, e = {
+  install(t) {
+    Object.entries(s).forEach(([n, o]) => {
+      t.component(n, o);
+    });
+  }
+};
+export {
+  c as WatchSize,
+  e as displayInstall
+};

package/es/components/form/FormItem.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./FormItem.vue2.mjs";
+/* empty css               */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e889a0ed"]]);
+export {
+  a as default
+};

package/es/components/form/FormItem.vue2.mjs

@@ -0,0 +1,145 @@
+import { ElFormItem as q, ElText as G } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/text/style/css";
+import { defineComponent as J, shallowRef as Q, computed as n, watch as p, withDirectives as U, openBlock as a, createBlock as c, mergeProps as v, unref as r, withCtx as y, renderSlot as W, normalizeProps as F, createTextVNode as k, toDisplayString as h, resolveDynamicComponent as b, createSlots as X, createElementBlock as L, Fragment as Y, createCommentVNode as Z, vShow as _ } from "vue";
+import { getPlaceholder as ee, getChangeSubmit as te, getBlurSubmit as ne, getEnterSubmit as oe, getVModelSugar as re, generateFormData as ie } from "./utils.mjs";
+import ae from "lodash/omit";
+const ce = {
+  key: 2,
+  class: "form-item-tip"
+}, pe = /* @__PURE__ */ J({
+  name: "FormItem",
+  __name: "FormItem",
+  props: {
+    config: {},
+    data: {}
+  },
+  emits: ["viewHideChange", "submit"],
+  setup(i, { emit: B }) {
+    const t = i, l = B, P = Q(), H = n(() => {
+      const {
+        config: { beLink: e }
+      } = t;
+      return e ? Array.isArray(e) ? e : [e] : [];
+    }), w = n(() => H.value.filter((e) => e.key !== t.config.key)), V = n(() => w.value.length > 0), x = n(() => t.data[t.config.key]), g = n(() => ({
+      data: t.data,
+      config: t.config
+    })), D = n(() => {
+      const { config: e } = t;
+      return typeof e.wrapProps == "function" ? e.wrapProps(g.value) : e.wrapProps || {};
+    }), C = n(() => {
+      const { config: e } = t;
+      return typeof e.props == "function" ? e.props(g.value) : e.props || {};
+    }), T = () => {
+      l("submit", "enter");
+    }, A = () => {
+      l("submit", "blur");
+    }, M = () => {
+      l("submit", "change");
+    }, E = (e, o) => {
+      w.value.forEach((u) => {
+        const { key: f, getValue: S } = u, j = S(e, t.data[f], o);
+        t.data[f] = S(e, j);
+      });
+    }, N = n(() => ee(t.config) || {}), $ = n(() => ({
+      ...oe(t.config, T) || {},
+      ...ne(t.config, A) || {},
+      ...te(t.config, M) || {}
+    })), z = n(() => ae(C.value, ["children"])), K = n(() => re({
+      modelValueKey: "modelValue",
+      data: t.data,
+      config: t.config
+    })), O = n(() => V.value ? {
+      onTriggerChangeLink: E
+    } : {}), d = n(() => ({
+      ...N.value,
+      ...$.value,
+      ...z.value,
+      ...K.value,
+      ...O.value
+    })), s = n(() => {
+      const { children: e } = C.value;
+      return e;
+    }), I = n(() => {
+      const { config: e } = t, { hide: o } = e;
+      return typeof o == "boolean" ? o : (o == null ? void 0 : o({
+        ...g.value,
+        getInitValue: () => ie([e])[e.key]
+      })) ?? !1;
+    }), R = n(() => `form-item-${t.config.key}`);
+    p(
+      I,
+      (e) => {
+        var o;
+        l("viewHideChange", {
+          config: t.config,
+          status: e
+        }), e && ((o = P.value) == null || o.clearValidate());
+      },
+      {
+        immediate: !0
+      }
+    );
+    let m;
+    return p(
+      V,
+      (e) => {
+        e ? m = p(
+          x,
+          (o) => {
+            E(o);
+          },
+          {
+            immediate: !0
+          }
+        ) : m == null || m();
+      },
+      {
+        immediate: !0
+      }
+    ), (e, o) => {
+      const u = G, f = q;
+      return U((a(), c(f, v({
+        ref_key: "formItem",
+        ref: P,
+        prop: i.config.key,
+        label: i.config.label,
+        class: r(R)
+      }, r(D)), {
+        default: y(() => [
+          i.config.render === void 0 ? W(e.$slots, "default", F(v({ key: 0 }, r(d))), () => [
+            k(h(r(d).modelValue), 1)
+          ], !0) : (a(), c(b(i.config.render), F(v({ key: 1 }, r(d))), X({ _: 2 }, [
+            r(s) !== void 0 ? {
+              name: "default",
+              fn: y(() => [
+                typeof r(s) == "function" ? (a(), c(b(r(s)), { key: 0 })) : (a(), L(Y, { key: 1 }, [
+                  k(h(r(s)), 1)
+                ], 64))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040)),
+          i.config.tip ? (a(), L("div", ce, [
+            typeof i.config.tip == "function" ? (a(), c(b(i.config.tip), { key: 0 })) : (a(), c(u, {
+              key: 1,
+              type: "info"
+            }, {
+              default: y(() => [
+                k(h(i.config.tip), 1)
+              ]),
+              _: 1
+            }))
+          ])) : Z("", !0)
+        ]),
+        _: 3
+      }, 16, ["prop", "label", "class"])), [
+        [_, !r(I)]
+      ]);
+    };
+  }
+});
+export {
+  pe as default
+};

package/es/components/form/FormMain.vue.mjs

@@ -0,0 +1,142 @@
+import { ElForm as B, ElRow as H, ElCol as K } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import { defineComponent as N, shallowRef as P, ref as E, computed as i, provide as D, watch as p, openBlock as h, createBlock as L, unref as y, withCtx as f, createVNode as V, createElementBlock as G, Fragment as T, renderList as q, withDirectives as z, mergeProps as O, renderSlot as S, vShow as J } from "vue";
+import Q from "./FormItem.vue.mjs";
+import { FORM_ITEM_CHANGE_LOADING as U } from "./utils.mjs";
+const ue = /* @__PURE__ */ N({
+  name: "FormMain",
+  inheritAttrs: !0,
+  __name: "FormMain",
+  props: {
+    list: {},
+    data: {},
+    layout: {}
+  },
+  emits: ["loadingChange", "visibleChange", "submit"],
+  setup(m, { expose: j, emit: x }) {
+    const u = m, v = x, a = P(), d = E([]), c = E({}), b = i(() => !!d.value.length), F = i(() => Object.keys(c.value).filter(
+      (e) => c.value[e]
+    )), R = i(() => u.list.filter((e) => !F.value.includes(e.key))), $ = i(() => R.value.length > 0), I = (e) => e;
+    j({
+      validate: () => a.value ? new Promise((e, t) => {
+        var o;
+        (o = a.value) == null || o.validate((l, s) => {
+          if (l)
+            e();
+          else {
+            const r = { ...s || {} };
+            Object.keys(r).forEach((n) => {
+              var C;
+              F.value.includes(n) && (console.log(`当前${n}被隐藏，移除校验`, r[n]), delete r[n], (C = a.value) == null || C.clearValidate(n));
+            }), Object.keys(r).length === 0 ? e() : t(s);
+          }
+        });
+      }) : Promise.reject(new Error("实例化未完成")),
+      resetFields: () => a.value ? a.value.resetFields() : console.error("实例化未完成"),
+      clearValidate: (e) => a.value ? a.value.clearValidate(e) : console.error("实例化未完成")
+    });
+    const g = i(() => u.list), _ = i(() => g.value.reduce((e, t) => (t.rules && (typeof t.rules == "function" ? e[t.key] = t.rules({
+      data: u.data,
+      config: t
+    }) : e[t.key] = t.rules), e), {})), k = i(() => d.value.reduce(
+      (e, t) => (e[t.key] = [
+        {
+          validator: () => [new Error(`${t.label}${t.message}`)]
+        }
+      ], e),
+      {}
+    )), M = i(() => {
+      const e = Object.keys(_.value), t = Object.keys(k.value);
+      return [...new Set(e.concat(t))].reduce((l, s) => (l[s] = [
+        ..._.value[s] || [],
+        ...k.value[s] || []
+      ], l), {});
+    });
+    D(U, ({ key: e, message: t }) => {
+      if (!e)
+        return console.error("更新状态未传入key, 此处忽略");
+      const o = d.value.findIndex((l) => l.key === e);
+      o === -1 ? t && d.value.push({
+        key: e,
+        message: t,
+        label: u.list.find((l) => l.key === e).label
+      }) : t ? d.value.splice(o, 1, {
+        key: e,
+        message: t,
+        label: u.list.find((l) => l.key === e).label
+      }) : d.value.splice(o, 1);
+    });
+    const A = ({
+      status: e,
+      config: { key: t }
+    }) => {
+      (c.value[t] || !1) !== e && (c.value[t] = e);
+    }, w = (e) => ({
+      ...u.layout || {},
+      ...e || {}
+    });
+    return p(
+      g,
+      () => {
+        c.value = {};
+      },
+      {
+        immediate: !0
+      }
+    ), p(b, () => {
+      v("loadingChange", b.value);
+    }), p(
+      $,
+      (e) => {
+        v("visibleChange", e);
+      },
+      {
+        immediate: !0
+      }
+    ), (e, t) => {
+      const o = K, l = H, s = B;
+      return h(), L(s, {
+        ref_key: "elForm",
+        ref: a,
+        model: m.data,
+        rules: y(M)
+      }, {
+        default: f(() => [
+          V(l, null, {
+            default: f(() => [
+              (h(!0), G(T, null, q(y(g), (r) => z((h(), L(o, O({
+                key: r.key
+              }, { ref_for: !0 }, w(r.layout)), {
+                default: f(() => [
+                  V(Q, {
+                    data: m.data,
+                    config: I(r),
+                    onViewHideChange: A,
+                    onSubmit: t[0] || (t[0] = (n) => v("submit", n))
+                  }, {
+                    default: f((n) => [
+                      S(e.$slots, r.key, O({ ref_for: !0 }, n))
+                    ]),
+                    _: 2
+                  }, 1032, ["data", "config"])
+                ]),
+                _: 2
+              }, 1040)), [
+                [J, !(y(c)[r.key] ?? !1)]
+              ])), 128)),
+              S(e.$slots, "default", { mergeLayout: w })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["model", "rules"]);
+    };
+  }
+});
+export {
+  ue as default
+};

package/es/components/form/FormMain.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormMain.vue.mjs";
+export {
+  f as default
+};