urit-qf-ui 0.2.5 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +242 -186
  2. package/dist/index.d.ts +4 -4
  3. package/dist/index.js +1419 -1396
  4. package/dist/index.umd.cjs +2 -2
  5. package/dist/qf/http.d.ts +50 -28
  6. package/dist/qf/interface.d.ts +23 -4
  7. package/dist/qf/qf.d.ts +30 -6
  8. package/dist/style.css +1 -1
  9. package/dist/ts/model.d.ts +1 -0
  10. package/dist/uform/TableGrid.vue.d.ts +13 -1
  11. package/dist/uform/TableRender.vue.d.ts +140 -0
  12. package/package.json +1 -1
package/dist/qf/qf.d.ts CHANGED
@@ -1,8 +1,31 @@
1
1
  import { Http } from './http';
2
- import { QfInterface, QfOptions } from './interface';
2
+ import { HttpResponse, QfInterface, QfOptions } from './interface';
3
3
  import { EventBus } from './event-bus';
4
4
  import { MqttAdapter } from './mqtt-adapter';
5
+ /**
6
+ * 初始化（或取回）Qf 单例 —— **使用方入口调用一次**，通常在 main.ts / App.vue 里：
7
+ *
8
+ * ```ts
9
+ * const options = await fetch('./config/config.json').then(r => r.json()).then(c => c.qfOptions)
10
+ * const Qf = GetQf(options)
11
+ * Qf.Get('/api/user', {})
12
+ * ```
13
+ *
14
+ * 重复调用只会返回首次创建的那个实例；若此前是 getQf() 的兜底实例，
15
+ * 则用本次传入的 options 重建（保证入口配置最终生效）。
16
+ */
5
17
  export declare const GetQf: (options: QfOptions) => QfInterface;
18
+ /**
19
+ * 取 Qf 单例 —— **库内部与使用方通用**。
20
+ *
21
+ * 与 GetQf(options) 的区别：不需要传 options，且在「使用方还没初始化」时不会报错，
22
+ * 而是用一个「免配 options」惰性建一个实例（后端 = 页面所在目录 + /api，即 resolveAppBase 的语义）。
23
+ *
24
+ * 为什么需要它：Qf 一般在 App.vue 里**异步**初始化（要先 fetch config.json），
25
+ * 而组件（UDict 的字典、UMenu 的菜单、TableRender 的表格配置）可能在同一帧就已经发请求了。
26
+ * 兜底实例随后会被真正的 GetQf(options) 替换，所以不会影响最终配置。
27
+ */
28
+ export declare const getQf: () => QfInterface;
6
29
  export declare class QfImpl implements QfInterface {
7
30
  EventBus: EventBus;
8
31
  WebApi: Http;
@@ -16,10 +39,11 @@ export declare class QfImpl implements QfInterface {
16
39
  On(event: string, callback: any): void;
17
40
  Emit(event: string, data: any): void;
18
41
  Off(event: string, callback: any): void;
19
- Post(url: string, data?: any): Promise<any>;
20
- Get(url: string, params?: any): Promise<any>;
21
- Delete(url: string, params?: any): Promise<any>;
22
- Put(url: string, data?: any): Promise<any>;
23
- Download(url: string, params?: any): Promise<any>;
42
+ Post<T>(url: string, data?: any): Promise<HttpResponse<T>>;
43
+ Get<T>(url: string, params?: any): Promise<HttpResponse<T>>;
44
+ Delete<T>(url: string, params?: any): Promise<HttpResponse<T>>;
45
+ Put<T>(url: string, data?: any): Promise<HttpResponse<T>>;
46
+ Download<T>(url: string, params?: any): Promise<T>;
47
+ PostDownload<T>(url: string, data?: any): Promise<T>;
24
48
  RegNotice(topic: string, cb: (data: any) => void): void;
25
49
  }
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.u-input[data-v-ecf5177c]{display:flex;width:100%}.u-input.u-input-label-left .u-input-label[data-v-ecf5177c]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;font-size:14px;color:#606266;white-space:nowrap}.u-input.u-input-label-left .u-input-field[data-v-ecf5177c]{flex:1}.u-input.u-input-label-top[data-v-ecf5177c]{flex-direction:column}.u-input.u-input-label-top .u-input-label[data-v-ecf5177c]{width:100%;font-size:14px;color:#606266;margin-bottom:8px;white-space:nowrap}.u-input .required-star[data-v-ecf5177c]{color:#f56c6c;display:inline-block;width:10px}.u-input .required-star[data-v-ecf5177c]:not(.required-star--visible){color:transparent}.u-input .u-input-field--top[data-v-ecf5177c]{width:100%}.u-input-number[data-v-cb70bd5b]{display:flex;width:100%}.u-input-number.u-input-number-label-left .u-input-number-label[data-v-cb70bd5b]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;font-size:14px;color:#606266;white-space:nowrap}.u-input-number.u-input-number-label-left .u-input-number-field[data-v-cb70bd5b]{flex:1}.u-input-number.u-input-number-label-top[data-v-cb70bd5b]{flex-direction:column}.u-input-number.u-input-number-label-top .u-input-number-label[data-v-cb70bd5b]{width:100%;font-size:14px;color:#606266;margin-bottom:8px;white-space:nowrap}.u-input-number .required-star[data-v-cb70bd5b]{color:#f56c6c;display:inline-block;width:10px}.u-input-number .required-star[data-v-cb70bd5b]:not(.required-star--visible){color:transparent}.u-dict[data-v-8bfd4dcf]{display:flex;width:100%}.u-dict.u-dict-label-left .u-dict-label[data-v-8bfd4dcf]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;font-size:14px;color:#606266;white-space:nowrap}.u-dict.u-dict-label-left .u-dict-field[data-v-8bfd4dcf]{flex:1}.u-dict.u-dict-label-top[data-v-8bfd4dcf]{flex-direction:column}.u-dict.u-dict-label-top .u-dict-label[data-v-8bfd4dcf]{width:100%;font-size:14px;color:#606266;margin-bottom:8px;white-space:nowrap}.u-dict .required-star[data-v-8bfd4dcf]{color:#f56c6c;display:inline-block;width:10px}.u-dict .required-star[data-v-8bfd4dcf]:not(.required-star--visible){color:transparent}.u-toggle[data-v-94c1fd38]{display:flex;width:100%}.u-toggle.u-toggle-label-left[data-v-94c1fd38]{flex-direction:row;align-items:flex-start}.u-toggle.u-toggle-label-left .u-toggle-label[data-v-94c1fd38]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;margin-bottom:0;white-space:nowrap}.u-toggle.u-toggle-label-left .u-toggle-field[data-v-94c1fd38]{flex:1}.u-toggle[data-v-94c1fd38]:not(.u-toggle-label-left){flex-direction:column}.u-toggle:not(.u-toggle-label-left) .u-toggle-label[data-v-94c1fd38]{width:100%;margin-bottom:4px;white-space:nowrap}.u-toggle .u-toggle-label[data-v-94c1fd38]{font-size:14px;color:#606266}.u-toggle .u-toggle-label .required-star[data-v-94c1fd38]{color:#f56c6c;display:inline-block;width:10px}.u-toggle .u-toggle-label .required-star[data-v-94c1fd38]:not(.required-star--visible){color:transparent}.u-toggle .u-toggle-field[data-v-94c1fd38]{display:flex;align-items:center}.u-cascader[data-v-d66c339c]{display:flex;width:100%}.u-cascader.u-cascader-label-left[data-v-d66c339c]{flex-direction:row;align-items:flex-start}.u-cascader.u-cascader-label-left .u-cascader-label[data-v-d66c339c]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;margin-bottom:0;white-space:nowrap}.u-cascader.u-cascader-label-left .u-cascader-levels[data-v-d66c339c]{flex:1}.u-cascader[data-v-d66c339c]:not(.u-cascader-label-left){flex-direction:column}.u-cascader:not(.u-cascader-label-left) .u-cascader-label[data-v-d66c339c]{width:100%;margin-bottom:8px;white-space:nowrap}.u-cascader .u-cascader-label[data-v-d66c339c]{font-size:14px;color:#606266}.u-cascader .u-cascader-label .required-star[data-v-d66c339c]{color:#f56c6c;display:inline-block;width:10px}.u-cascader .u-cascader-label .required-star[data-v-d66c339c]:not(.required-star--visible){color:transparent}.u-cascader .u-cascader-levels[data-v-d66c339c]{display:flex;gap:8px;flex-wrap:wrap}.u-cascader .u-cascader-level[data-v-d66c339c]{flex:1;min-width:120px}.u-date[data-v-9cd05064]{display:flex;width:100%}.u-date.u-date-label-left[data-v-9cd05064]{flex-direction:row;align-items:flex-start}.u-date.u-date-label-left .u-date-label[data-v-9cd05064]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;margin-bottom:0;white-space:nowrap}.u-date.u-date-label-left .u-date-field[data-v-9cd05064]{flex:1}.u-date[data-v-9cd05064]:not(.u-date-label-left){flex-direction:column}.u-date:not(.u-date-label-left) .u-date-label[data-v-9cd05064]{width:100%;margin-bottom:8px;white-space:nowrap}.u-date .u-date-label[data-v-9cd05064]{font-size:14px;color:#606266}.u-date .u-date-label .required-star[data-v-9cd05064]{color:#f56c6c;display:inline-block;width:10px}.u-date .u-date-label .required-star[data-v-9cd05064]:not(.required-star--visible){color:transparent}.u-menu[data-v-fe63251c]{display:flex;height:100%;min-height:0;background:#fff}.u-menu .u-menu-icon[data-v-fe63251c]{margin-right:6px}.u-menu.u-menu--sidebar[data-v-fe63251c]{flex-direction:column;border-right:1px solid #e4e7ed}.u-menu.u-menu--sidebar .u-menu-brand[data-v-fe63251c]{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px 12px;border-bottom:1px solid #e4e7ed}.u-menu.u-menu--sidebar .u-menu-list[data-v-fe63251c]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border-right:none}.u-menu.u-menu--sidebar .u-menu-logout[data-v-fe63251c]{flex-shrink:0;width:100%;border-top:1px solid #e4e7ed}.u-menu.u-menu--sidebar .u-menu-logout-btn[data-v-fe63251c]{display:block;width:100%}.u-menu.u-menu--horizontal[data-v-fe63251c]{flex-direction:row;align-items:center;width:100%;border-bottom:1px solid #e4e7ed}.u-menu.u-menu--horizontal .u-menu-brand[data-v-fe63251c]{flex-shrink:0;display:flex;align-items:center;padding:0 16px;white-space:nowrap}.u-menu.u-menu--horizontal .u-menu-list[data-v-fe63251c]{flex:1;min-width:0;border-bottom:none}.u-menu.u-menu--horizontal .u-menu-logout[data-v-fe63251c]{flex-shrink:0;display:flex;align-items:center;padding:0 12px;margin-left:auto}.u-menu .u-menu-logo[data-v-fe63251c]{height:28px;margin-right:8px}.u-menu .u-menu-brand-text[data-v-fe63251c]{font-size:18px;font-weight:600;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-content[data-v-83362259]{min-height:100px}.form-layout[data-v-83362259]{width:100%;background:#fff}.form-header[data-v-83362259]{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee}.form-header .title[data-v-83362259]{font-size:18px;font-weight:500}.form-body[data-v-83362259]{padding:16px;min-height:100px}.form-footer[data-v-83362259]{display:flex;justify-content:flex-end;gap:8px;padding:16px;border-top:1px solid #eee}.is-loading[data-v-83362259]{display:flex;justify-content:center;align-items:center;min-height:100px;color:#409eff}.form-grid[data-v-90ed35a4]{display:grid;grid-template-columns:repeat(var(--grid-columns, 1),minmax(0,1fr));gap:8px;width:100%}.form-grid-item[data-v-90ed35a4]{min-width:0}.form-field[data-v-10299c8d]{width:100%}.field-error[data-v-10299c8d]{color:#f56c6c;font-size:12px;min-height:12px;line-height:1.5;transition:opacity .2s}.field-error[data-v-10299c8d]:not(.field-error--visible){opacity:0}.form-render[data-v-b3267c00]{width:100%}.form-actions[data-v-b3267c00]{display:flex;gap:8px}.justify-end[data-v-b3267c00]{justify-content:flex-end}.justify-start[data-v-b3267c00]{justify-content:flex-start}.table-search[data-v-09e61a77]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #eee}.table-search .search-fields[data-v-09e61a77]{display:flex;flex-wrap:wrap;gap:12px}.table-search .search-field[data-v-09e61a77]{display:flex;align-items:center;gap:8px;min-width:200px}.table-search .search-actions[data-v-09e61a77]{display:flex;gap:8px;flex-shrink:0}.table-toolbar[data-v-8f722515]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid darkgrey}.table-toolbar .toolbar-items[data-v-8f722515]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.u-input-show[data-v-c78b151e]{font-size:14px;line-height:1.5;color:#333;word-break:break-all}.u-input-show.u-input-multiline[data-v-c78b151e]{white-space:pre-wrap}.u-dict-show[data-v-908045c4]{font-size:14px;line-height:1.5;color:#333}.u-dict-show.u-dict-loading[data-v-908045c4]{color:#999}.u-toggle-show[data-v-bac05efc]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:14px;line-height:1.5}.u-toggle-show.toggle-true[data-v-bac05efc]{background-color:#e6f7ed;color:#52c41a}.u-toggle-show.toggle-false[data-v-bac05efc]{background-color:#fff1f0;color:#ff4d4f}.u-toggle-show.toggle-default[data-v-bac05efc]{color:#999}.u-cascader-show[data-v-5d84df67]{font-size:14px;line-height:1.5;color:#333}.u-cascader-show.u-cascader-loading[data-v-5d84df67]{color:#999}.u-date-show[data-v-930657df]{font-size:14px;line-height:1.5;color:#333}.u-date-show.u-date-empty[data-v-930657df]{color:#999}.u-field-view[data-v-fedb54d7]{display:inline-block}.table-grid[data-v-ca606e7b]{background:#fff}.table-grid .no-data[data-v-ca606e7b]{padding:48px;text-align:center;color:#999}.table-grid[data-v-ca606e7b] .table-grid-active-row td.el-table__cell{background-color:var(--el-color-primary-light-9, #ecf5ff)!important}.table-pagination[data-v-53e593aa]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-top:1px solid #eee}.table-pagination .page-size-select[data-v-53e593aa]{display:flex;align-items:center;gap:12px}.table-pagination .total-text[data-v-53e593aa]{color:#666;font-size:14px}.table-pagination .load-more[data-v-53e593aa]{flex:1;text-align:center}.table-detail[data-v-3314a22f]{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}.table-detail .detail-header[data-v-3314a22f]{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ebeef5}.table-detail .detail-header .detail-title[data-v-3314a22f]{font-size:15px;font-weight:500}.table-detail .detail-body[data-v-3314a22f]{flex:1;min-height:0;overflow:auto}.table-detail .detail-status[data-v-3314a22f]{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;color:#999;font-size:13px}.table-detail .detail-content[data-v-3314a22f]{padding:4px 16px 16px}.table-detail .detail-item[data-v-3314a22f]{display:flex;padding:12px 0;border-bottom:1px solid #eee}.table-detail .detail-item[data-v-3314a22f]:last-child{border-bottom:none}.table-detail .detail-item .detail-label[data-v-3314a22f]{width:100px;flex-shrink:0;color:#666;font-size:14px}.table-detail .detail-item .detail-value[data-v-3314a22f]{flex:1;min-width:0;color:#333;font-size:14px;word-break:break-all}.table-render[data-v-00444d8c]{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}.table-render .table-body[data-v-00444d8c]{display:flex;flex:1;min-height:0;overflow:hidden}.table-render .table-container[data-v-00444d8c]{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.table-render .table-container[data-v-00444d8c] .table-grid{flex:1;min-height:0;max-height:var(--table-grid-max-height, none)}.table-render .table-container[data-v-00444d8c] .table-grid>.el-table{height:100%}.table-render .table-pagination[data-v-00444d8c]{flex-shrink:0}.table-render .table-detail-inline[data-v-00444d8c]{flex-shrink:0;height:100%;overflow:hidden;border-left:1px solid #ebeef5}.table-render .table-detail-inline.table-detail-inline-left[data-v-00444d8c]{order:-1;border-left:none;border-right:1px solid #ebeef5}.table-render .table-toolbar-bottom[data-v-00444d8c]{flex-shrink:0}
1
+ @charset "UTF-8";.u-input[data-v-ecf5177c]{display:flex;width:100%}.u-input.u-input-label-left .u-input-label[data-v-ecf5177c]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;font-size:14px;color:#606266;white-space:nowrap}.u-input.u-input-label-left .u-input-field[data-v-ecf5177c]{flex:1}.u-input.u-input-label-top[data-v-ecf5177c]{flex-direction:column}.u-input.u-input-label-top .u-input-label[data-v-ecf5177c]{width:100%;font-size:14px;color:#606266;margin-bottom:8px;white-space:nowrap}.u-input .required-star[data-v-ecf5177c]{color:#f56c6c;display:inline-block;width:10px}.u-input .required-star[data-v-ecf5177c]:not(.required-star--visible){color:transparent}.u-input .u-input-field--top[data-v-ecf5177c]{width:100%}.u-input-number[data-v-cb70bd5b]{display:flex;width:100%}.u-input-number.u-input-number-label-left .u-input-number-label[data-v-cb70bd5b]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;font-size:14px;color:#606266;white-space:nowrap}.u-input-number.u-input-number-label-left .u-input-number-field[data-v-cb70bd5b]{flex:1}.u-input-number.u-input-number-label-top[data-v-cb70bd5b]{flex-direction:column}.u-input-number.u-input-number-label-top .u-input-number-label[data-v-cb70bd5b]{width:100%;font-size:14px;color:#606266;margin-bottom:8px;white-space:nowrap}.u-input-number .required-star[data-v-cb70bd5b]{color:#f56c6c;display:inline-block;width:10px}.u-input-number .required-star[data-v-cb70bd5b]:not(.required-star--visible){color:transparent}.u-dict[data-v-d0ae00fe]{display:flex;width:100%}.u-dict.u-dict-label-left .u-dict-label[data-v-d0ae00fe]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;font-size:14px;color:#606266;white-space:nowrap}.u-dict.u-dict-label-left .u-dict-field[data-v-d0ae00fe]{flex:1}.u-dict.u-dict-label-top[data-v-d0ae00fe]{flex-direction:column}.u-dict.u-dict-label-top .u-dict-label[data-v-d0ae00fe]{width:100%;font-size:14px;color:#606266;margin-bottom:8px;white-space:nowrap}.u-dict .required-star[data-v-d0ae00fe]{color:#f56c6c;display:inline-block;width:10px}.u-dict .required-star[data-v-d0ae00fe]:not(.required-star--visible){color:transparent}.u-toggle[data-v-94c1fd38]{display:flex;width:100%}.u-toggle.u-toggle-label-left[data-v-94c1fd38]{flex-direction:row;align-items:flex-start}.u-toggle.u-toggle-label-left .u-toggle-label[data-v-94c1fd38]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;margin-bottom:0;white-space:nowrap}.u-toggle.u-toggle-label-left .u-toggle-field[data-v-94c1fd38]{flex:1}.u-toggle[data-v-94c1fd38]:not(.u-toggle-label-left){flex-direction:column}.u-toggle:not(.u-toggle-label-left) .u-toggle-label[data-v-94c1fd38]{width:100%;margin-bottom:4px;white-space:nowrap}.u-toggle .u-toggle-label[data-v-94c1fd38]{font-size:14px;color:#606266}.u-toggle .u-toggle-label .required-star[data-v-94c1fd38]{color:#f56c6c;display:inline-block;width:10px}.u-toggle .u-toggle-label .required-star[data-v-94c1fd38]:not(.required-star--visible){color:transparent}.u-toggle .u-toggle-field[data-v-94c1fd38]{display:flex;align-items:center}.u-cascader[data-v-d66c339c]{display:flex;width:100%}.u-cascader.u-cascader-label-left[data-v-d66c339c]{flex-direction:row;align-items:flex-start}.u-cascader.u-cascader-label-left .u-cascader-label[data-v-d66c339c]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;margin-bottom:0;white-space:nowrap}.u-cascader.u-cascader-label-left .u-cascader-levels[data-v-d66c339c]{flex:1}.u-cascader[data-v-d66c339c]:not(.u-cascader-label-left){flex-direction:column}.u-cascader:not(.u-cascader-label-left) .u-cascader-label[data-v-d66c339c]{width:100%;margin-bottom:8px;white-space:nowrap}.u-cascader .u-cascader-label[data-v-d66c339c]{font-size:14px;color:#606266}.u-cascader .u-cascader-label .required-star[data-v-d66c339c]{color:#f56c6c;display:inline-block;width:10px}.u-cascader .u-cascader-label .required-star[data-v-d66c339c]:not(.required-star--visible){color:transparent}.u-cascader .u-cascader-levels[data-v-d66c339c]{display:flex;gap:8px;flex-wrap:wrap}.u-cascader .u-cascader-level[data-v-d66c339c]{flex:1;min-width:120px}.u-date[data-v-9cd05064]{display:flex;width:100%}.u-date.u-date-label-left[data-v-9cd05064]{flex-direction:row;align-items:flex-start}.u-date.u-date-label-left .u-date-label[data-v-9cd05064]{padding-top:10px;flex-shrink:0;text-align:right;padding-right:12px;margin-bottom:0;white-space:nowrap}.u-date.u-date-label-left .u-date-field[data-v-9cd05064]{flex:1}.u-date[data-v-9cd05064]:not(.u-date-label-left){flex-direction:column}.u-date:not(.u-date-label-left) .u-date-label[data-v-9cd05064]{width:100%;margin-bottom:8px;white-space:nowrap}.u-date .u-date-label[data-v-9cd05064]{font-size:14px;color:#606266}.u-date .u-date-label .required-star[data-v-9cd05064]{color:#f56c6c;display:inline-block;width:10px}.u-date .u-date-label .required-star[data-v-9cd05064]:not(.required-star--visible){color:transparent}.u-menu[data-v-41cadcd8]{display:flex;height:100%;min-height:0;background:#fff}.u-menu .u-menu-icon[data-v-41cadcd8]{margin-right:6px}.u-menu.u-menu--sidebar[data-v-41cadcd8]{flex-direction:column;border-right:1px solid #e4e7ed}.u-menu.u-menu--sidebar .u-menu-brand[data-v-41cadcd8]{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:16px 12px;border-bottom:1px solid #e4e7ed}.u-menu.u-menu--sidebar .u-menu-list[data-v-41cadcd8]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border-right:none}.u-menu.u-menu--sidebar .u-menu-logout[data-v-41cadcd8]{flex-shrink:0;width:100%;border-top:1px solid #e4e7ed}.u-menu.u-menu--sidebar .u-menu-logout-btn[data-v-41cadcd8]{display:block;width:100%}.u-menu.u-menu--horizontal[data-v-41cadcd8]{flex-direction:row;align-items:center;width:100%;border-bottom:1px solid #e4e7ed}.u-menu.u-menu--horizontal .u-menu-brand[data-v-41cadcd8]{flex-shrink:0;display:flex;align-items:center;padding:0 16px;white-space:nowrap}.u-menu.u-menu--horizontal .u-menu-list[data-v-41cadcd8]{flex:1;min-width:0;border-bottom:none}.u-menu.u-menu--horizontal .u-menu-logout[data-v-41cadcd8]{flex-shrink:0;display:flex;align-items:center;padding:0 12px;margin-left:auto}.u-menu .u-menu-logo[data-v-41cadcd8]{height:28px;margin-right:8px}.u-menu .u-menu-brand-text[data-v-41cadcd8]{font-size:18px;font-weight:600;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-content[data-v-83362259]{min-height:100px}.form-layout[data-v-83362259]{width:100%;background:#fff}.form-header[data-v-83362259]{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee}.form-header .title[data-v-83362259]{font-size:18px;font-weight:500}.form-body[data-v-83362259]{padding:16px;min-height:100px}.form-footer[data-v-83362259]{display:flex;justify-content:flex-end;gap:8px;padding:16px;border-top:1px solid #eee}.is-loading[data-v-83362259]{display:flex;justify-content:center;align-items:center;min-height:100px;color:#409eff}.form-grid[data-v-90ed35a4]{display:grid;grid-template-columns:repeat(var(--grid-columns, 1),minmax(0,1fr));gap:8px;width:100%}.form-grid-item[data-v-90ed35a4]{min-width:0}.form-field[data-v-96994a9a]{width:100%}.field-error[data-v-96994a9a]{color:#f56c6c;font-size:12px;min-height:12px;line-height:1.5;transition:opacity .2s}.field-error[data-v-96994a9a]:not(.field-error--visible){opacity:0}.form-render[data-v-b3267c00]{width:100%}.form-actions[data-v-b3267c00]{display:flex;gap:8px}.justify-end[data-v-b3267c00]{justify-content:flex-end}.justify-start[data-v-b3267c00]{justify-content:flex-start}.table-search[data-v-0281d2ce]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #eee}.table-search .search-fields[data-v-0281d2ce]{display:flex;flex-wrap:wrap;gap:12px}.table-search .search-field[data-v-0281d2ce]{display:flex;align-items:center;gap:8px;min-width:200px}.table-search .search-actions[data-v-0281d2ce]{display:flex;gap:8px;flex-shrink:0}.table-toolbar[data-v-2a87e101]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid darkgrey}.table-toolbar .toolbar-items[data-v-2a87e101]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.u-input-show[data-v-c78b151e]{font-size:14px;line-height:1.5;color:#333;word-break:break-all}.u-input-show.u-input-multiline[data-v-c78b151e]{white-space:pre-wrap}.u-dict-show[data-v-908045c4]{font-size:14px;line-height:1.5;color:#333}.u-dict-show.u-dict-loading[data-v-908045c4]{color:#999}.u-toggle-show[data-v-bac05efc]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:14px;line-height:1.5}.u-toggle-show.toggle-true[data-v-bac05efc]{background-color:#e6f7ed;color:#52c41a}.u-toggle-show.toggle-false[data-v-bac05efc]{background-color:#fff1f0;color:#ff4d4f}.u-toggle-show.toggle-default[data-v-bac05efc]{color:#999}.u-cascader-show[data-v-5d84df67]{font-size:14px;line-height:1.5;color:#333}.u-cascader-show.u-cascader-loading[data-v-5d84df67]{color:#999}.u-date-show[data-v-930657df]{font-size:14px;line-height:1.5;color:#333}.u-date-show.u-date-empty[data-v-930657df]{color:#999}.u-field-view[data-v-05ef52d9]{display:inline-block}.table-grid[data-v-d3eed11d]{background:#fff}.table-grid .no-data[data-v-d3eed11d]{padding:48px;text-align:center;color:#999}.table-grid[data-v-d3eed11d] .table-grid-active-row td.el-table__cell{background-color:var(--el-color-primary-light-9, #ecf5ff)!important}.table-pagination[data-v-2ca77d18]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-top:1px solid #eee}.table-pagination .page-size-select[data-v-2ca77d18]{display:flex;align-items:center;gap:12px}.table-pagination .total-text[data-v-2ca77d18]{color:#666;font-size:14px}.table-pagination .load-more[data-v-2ca77d18]{flex:1;text-align:center}.table-detail[data-v-7e47b0ba]{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}.table-detail .detail-header[data-v-7e47b0ba]{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ebeef5}.table-detail .detail-header .detail-title[data-v-7e47b0ba]{font-size:15px;font-weight:500}.table-detail .detail-body[data-v-7e47b0ba]{flex:1;min-height:0;overflow:auto}.table-detail .detail-status[data-v-7e47b0ba]{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;color:#999;font-size:13px}.table-detail .detail-content[data-v-7e47b0ba]{padding:4px 16px 16px}.table-detail .detail-item[data-v-7e47b0ba]{display:flex;padding:12px 0;border-bottom:1px solid #eee}.table-detail .detail-item[data-v-7e47b0ba]:last-child{border-bottom:none}.table-detail .detail-item .detail-label[data-v-7e47b0ba]{width:100px;flex-shrink:0;color:#666;font-size:14px}.table-detail .detail-item .detail-value[data-v-7e47b0ba]{flex:1;min-width:0;color:#333;font-size:14px;word-break:break-all}.table-render[data-v-1d0ae5e9]{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}.table-render .table-body[data-v-1d0ae5e9]{display:flex;flex:1;min-height:0;overflow:hidden}.table-render .table-container[data-v-1d0ae5e9]{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.table-render .table-container[data-v-1d0ae5e9] .table-grid{flex:1;min-height:0;max-height:var(--table-grid-max-height, none)}.table-render .table-container[data-v-1d0ae5e9] .table-grid>.el-table{height:100%}.table-render .table-pagination[data-v-1d0ae5e9]{flex-shrink:0}.table-render .table-detail-inline[data-v-1d0ae5e9]{flex-shrink:0;height:100%;overflow:hidden;border-left:1px solid #ebeef5}.table-render .table-detail-inline.table-detail-inline-left[data-v-1d0ae5e9]{order:-1;border-left:none;border-right:1px solid #ebeef5}.table-render .table-toolbar-bottom[data-v-1d0ae5e9]{flex-shrink:0}
package/dist/ts/model.d.ts CHANGED
@@ -123,6 +123,7 @@ export interface TableConfig {
123
123
  pagination?: 'page' | 'auto' | 'all';
124
124
  detail?: TableDetail;
125
125
  actions?: TableActionItem[];
126
+ actionsWidth?: number;
126
127
  toolbar?: ToolbarItem[];
127
128
  search?: SearchField[];
128
129
  columns: TableColumn[];
package/dist/uform/TableGrid.vue.d.ts CHANGED
@@ -4,6 +4,7 @@ type __VLS_Props = {
4
4
  columns: TableColumn[];
5
5
  loading: boolean;
6
6
  actions?: TableButton[];
7
+ actionsWidth?: number;
7
8
  keyField?: string;
8
9
  selection?: 'single' | 'multiple' | boolean;
9
10
  dictData?: Record<string, Array<{
@@ -14,7 +15,18 @@ type __VLS_Props = {
14
15
  };
15
16
  declare function __VLS_template(): {
16
17
  attrs: Partial<{}>;
17
- slots: Partial<Record<string, (_: any) => any>> & {
18
+ slots: Partial<Record<string, (_: {
19
+ row: import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow;
20
+ value: any;
21
+ column: any;
22
+ }) => any>> & Partial<Record<string, (_: any) => any>> & {
23
+ actions?(_: {
24
+ row: import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow;
25
+ actions: TableButton[];
26
+ }): any;
27
+ 'actions-extra'?(_: {
28
+ row: import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow;
29
+ }): any;
18
30
  default?(_: {}): any;
19
31
  };
20
32
  refs: {};
package/dist/uform/TableRender.vue.d.ts CHANGED
@@ -78,6 +78,13 @@ declare function __VLS_template(): {
78
78
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
79
79
  *
80
80
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
81
+ *
82
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
83
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
84
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
85
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
86
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
87
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
81
88
  */
82
89
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
83
90
  validateField: (props
@@ -89,6 +96,13 @@ declare function __VLS_template(): {
89
96
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
90
97
  *
91
98
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
99
+ *
100
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
101
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
102
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
103
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
104
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
105
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
92
106
  */
93
107
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback
94
108
  /**
@@ -99,6 +113,13 @@ declare function __VLS_template(): {
99
113
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
100
114
  *
101
115
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
116
+ *
117
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
118
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
119
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
120
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
121
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
122
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
102
123
  */
103
124
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
104
125
  resetFields: (props
@@ -110,6 +131,13 @@ declare function __VLS_template(): {
110
131
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
111
132
  *
112
133
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
134
+ *
135
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
136
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
137
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
138
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
139
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
140
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
113
141
  */
114
142
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
115
143
  clearValidate: (props
@@ -121,6 +149,13 @@ declare function __VLS_template(): {
121
149
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
122
150
  *
123
151
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
152
+ *
153
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
154
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
155
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
156
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
157
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
158
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
124
159
  */
125
160
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
126
161
  scrollToField: (prop: import('element-plus').FormItemProp) => void;
@@ -177,6 +212,13 @@ declare function __VLS_template(): {
177
212
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
178
213
  *
179
214
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
215
+ *
216
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
217
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
218
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
219
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
220
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
221
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
180
222
  */
181
223
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
182
224
  validateField: (props
@@ -188,6 +230,13 @@ declare function __VLS_template(): {
188
230
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
189
231
  *
190
232
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
233
+ *
234
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
235
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
236
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
237
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
238
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
239
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
191
240
  */
192
241
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback
193
242
  /**
@@ -198,6 +247,13 @@ declare function __VLS_template(): {
198
247
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
199
248
  *
200
249
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
250
+ *
251
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
252
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
253
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
254
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
255
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
256
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
201
257
  */
202
258
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
203
259
  resetFields: (props
@@ -209,6 +265,13 @@ declare function __VLS_template(): {
209
265
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
210
266
  *
211
267
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
268
+ *
269
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
270
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
271
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
272
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
273
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
274
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
212
275
  */
213
276
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
214
277
  clearValidate: (props
@@ -220,6 +283,13 @@ declare function __VLS_template(): {
220
283
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
221
284
  *
222
285
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
286
+ *
287
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
288
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
289
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
290
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
291
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
292
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
223
293
  */
224
294
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
225
295
  scrollToField: (prop: import('element-plus').FormItemProp) => void;
@@ -305,6 +375,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
305
375
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
306
376
  *
307
377
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
378
+ *
379
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
380
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
381
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
382
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
383
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
384
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
308
385
  */
309
386
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
310
387
  validateField: (props
@@ -316,6 +393,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
316
393
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
317
394
  *
318
395
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
396
+ *
397
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
398
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
399
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
400
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
401
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
402
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
319
403
  */
320
404
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback
321
405
  /**
@@ -326,6 +410,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
326
410
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
327
411
  *
328
412
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
413
+ *
414
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
415
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
416
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
417
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
418
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
419
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
329
420
  */
330
421
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
331
422
  resetFields: (props
@@ -337,6 +428,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
337
428
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
338
429
  *
339
430
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
431
+ *
432
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
433
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
434
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
435
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
436
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
437
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
340
438
  */
341
439
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
342
440
  clearValidate: (props
@@ -348,6 +446,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
348
446
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
349
447
  *
350
448
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
449
+ *
450
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
451
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
452
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
453
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
454
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
455
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
351
456
  */
352
457
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
353
458
  scrollToField: (prop: import('element-plus').FormItemProp) => void;
@@ -404,6 +509,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
404
509
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
405
510
  *
406
511
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
512
+ *
513
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
514
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
515
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
516
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
517
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
518
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
407
519
  */
408
520
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
409
521
  validateField: (props
@@ -415,6 +527,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
415
527
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
416
528
  *
417
529
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
530
+ *
531
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
532
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
533
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
534
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
535
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
536
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
418
537
  */
419
538
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback
420
539
  /**
@@ -425,6 +544,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
425
544
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
426
545
  *
427
546
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
547
+ *
548
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
549
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
550
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
551
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
552
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
553
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
428
554
  */
429
555
  ?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
430
556
  resetFields: (props
@@ -436,6 +562,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
436
562
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
437
563
  *
438
564
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
565
+ *
566
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
567
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
568
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
569
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
570
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
571
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
439
572
  */
440
573
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
441
574
  clearValidate: (props
@@ -447,6 +580,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
447
580
  * 未识别的属性/事件（$attrs）直接绑到 el-table 上）；各封装组件另外提供「追加型」插槽
448
581
  *
449
582
  * 配置驱动：yaml 里没有 search / toolbar / detail / actions 节点就不渲染对应功能
583
+ *
584
+ * 列插槽（透传给 TableGrid，用法见 TableGrid.vue 文件头）：
585
+ * · `#col-<field>` 覆盖任意一列的单元格内容（作用域 { row, value, column }）
586
+ * · `#actions` 接管操作列（作用域 { row, actions }）—— **替换** yaml 的按钮
587
+ * · `#actions-extra` 在 yaml 的按钮后面**追加**按钮（作用域 { row }）
588
+ * 只开插槽不配 yaml actions 也能建出操作列，宽度用 yaml 的 `actionsWidth` 指定。
589
+ * 这类插槽由 `methods.getTableSlots()` 一并转发（它们不在 RENDER_SLOTS 里）。
450
590
  */
451
591
  ?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
452
592
  scrollToField: (prop: import('element-plus').FormItemProp) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "urit-qf-ui",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.cjs",
6
6
  "module": "./dist/index.js",