urit-qf-ui 0.2.0 → 0.2.1

package/dist/ts/model.d.ts

@@ -91,12 +91,41 @@ export interface TableApi {
     export?: string;
 }
 export interface TableDetail {
-    position: 'left' | 'right' | 'top';
-    formId: string;
+    enable?: boolean | string | number;
+    position?: 'left' | 'right' | 'top';
+    width?: number | string;
+    formId?: string;
+}
+export type TableButtonAction = 'add' | 'edit' | 'delete' | 'preview' | 'back';
+export type TableButtonStyle = '' | 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text';
+export interface TableButton {
+    action: TableButtonAction | string;
+    form?: string;
+    text?: string;
+    style?: TableButtonStyle | string;
+    icon?: string;
+    confirm?: string;
+    url?: string;
+    disabled?: boolean;
+}
+export type ToolbarItem = TableButton;
+export type TableActionItem = TableButton;
+export interface TableActionPayload {
+    action: string;
+    item: TableButton;
+    row?: any;
 }
-export interface TableActions {
-    edit?: string | false;
-    delete?: string | false;
+export interface TableConfig {
+    meta: TableMeta;
+    key?: string;
+    form?: string;
+    api: TableApi;
+    pagination?: 'page' | 'auto' | 'all';
+    detail?: TableDetail;
+    actions?: TableActionItem[];
+    toolbar?: ToolbarItem[];
+    search?: SearchField[];
+    columns: TableColumn[];
 }
 export interface SearchField {
     field: string;
@@ -123,32 +152,6 @@ export interface TableColumn {
     multiline?: boolean;
     defaultText?: string;
 }
-export interface ToolbarBuiltin {
-    type: 'create' | 'import' | 'export' | 'edit' | 'delete';
-    text?: string;
-    icon?: string;
-    primary?: boolean;
-}
-export interface ToolbarCustom {
-    text: string;
-    url: string;
-    primary?: boolean;
-    icon?: string;
-    confirm?: string;
-}
-export type ToolbarItem = ToolbarBuiltin | ToolbarCustom;
-export interface TableConfig {
-    meta: TableMeta;
-    key?: string;
-    form?: string;
-    api: TableApi;
-    pagination?: 'page' | 'auto' | 'all';
-    detail?: TableDetail;
-    actions?: TableActions;
-    toolbar?: ToolbarItem[];
-    search?: SearchField[];
-    columns: TableColumn[];
-}
 export interface ListResponse {
     rows: any[];
     total: number;
@@ -157,11 +160,14 @@ export interface Pagination {
     page: number;
     pageSize: number;
 }
-export type MenuJumpType = 'route' | 'url' | 'yaml';
+export type MenuJumpType = 'route' | 'url' | 'form' | 'table' | 'menu';
+export type MenuOpenType = 'new' | 'self';
 export interface MenuItem {
     label: string;
     type?: MenuJumpType;
     path?: string;
+    id?: string;
+    open?: MenuOpenType;
     icon?: string;
     children?: MenuItem[];
     [key: string]: any;
@@ -186,7 +192,8 @@ export interface MenuClickPayload {
     path: string;
     route?: string;
     url?: string;
-    fileId?: string;
+    open?: MenuOpenType;
+    id?: string;
     item: MenuItem;
     level: number;
     indexPath: string[];

package/dist/ts/table-render.d.ts

@@ -1,5 +1,5 @@
 import { TableDataService } from './table-data-service';
-import { Pagination, SearchField, TableConfig } from './model';
+import { Pagination, SearchField, TableButton, TableConfig } from './model';
 export declare class TableRenderData {
     tableConfig: TableConfig | null;
     rows: any[];
@@ -7,10 +7,12 @@ export declare class TableRenderData {
     loading: boolean;
     searchParams: Record<string, any>;
     pagination: Pagination;
-    selectedRows: any[];
+    currentRow: any;
     detailVisible: boolean;
     detailData: any;
     detailLoading: boolean;
+    previewVisible: boolean;
+    previewRow: any;
 }
 export declare class TableRender {
     data: TableRenderData;
@@ -27,6 +29,11 @@ export declare class TableRender {
      * 获取列表数据
      */
     loadData(): Promise<void>;
+    /**
+     * 刷新后同步当前行 / 详情行 / 预览行的引用
+     * 按主键在最新 rows 里找同一条记录；找不到（被删了或翻页了）就清空
+     */
+    private syncRowRefs;
     /**
      * 搜索
      */
@@ -40,13 +47,13 @@ export declare class TableRender {
      */
     updateSearchParam(key: string, value: any): void;
     /**
-     * 删除单行
+     * 删除一行（删除成功后：刷新 + 清空当前行/详情/预览）
      */
     deleteRow(row: any): Promise<void>;
     /**
-     * 批量删除
+     * 判断两行是否同一条记录（按主键比对）
      */
-    batchDelete(): Promise<void>;
+    isSameRow(a: any, b: any): boolean;
     /**
      * 切换分页
      */
@@ -56,9 +63,18 @@ export declare class TableRender {
      */
     changePageSize(pageSize: number): Promise<void>;
     /**
-     * 选择行
+     * 设置当前行（点击表格行时调用）
+     * 同时驱动详情区展示
+     */
+    setCurrentRow(row: any): void;
+    /**
+     * 获取当前行
      */
-    updateSelection(rows: any[]): void;
+    getCurrentRow(): any;
+    /**
+     * 当前行主键值（用于表格行高亮）
+     */
+    getCurrentKey(): any;
     /**
      * 导出数据
      */
@@ -85,21 +101,54 @@ export declare class TableRender {
     getDetailFormId(): string | undefined;
     /**
      * 是否显示详情
-     * detail 配置必须包含 formId 或 position 才视为有效，避免空对象误判
+     * 判定顺序：
+     *   enable === false        → 不显示
+     *   enable === true         → 显示（固定侧栏模式）
+     *   enable 为其它非空值      → 显示（抽屉模式）
+     *   enable 未配置            → 兼容旧配置：写了 formId 或 position 才显示
      */
     hasDetail(): boolean;
+    /**
+     * 详情是否固定显示在表格一侧（detail.enable === true）
+     */
+    isDetailInline(): boolean;
+    /**
+     * 详情展示模式
+     *   inline —— 固定侧栏；drawer —— 抽屉浮层
+     */
+    getDetailMode(): 'inline' | 'drawer';
+    /**
+     * 详情位置（固定侧栏只支持左右）
+     */
+    getDetailPosition(): 'left' | 'right' | 'top';
+    /**
+     * 详情宽度：数字按 px 处理，字符串原样使用，默认 400px
+     */
+    getDetailWidth(): string;
+    /**
+     * 抽屉弹出方向（el-drawer direction）
+     */
+    getDetailDirection(): 'ltr' | 'rtl' | 'ttb' | 'btt';
+    /**
+     * 详情是否处于展示中（固定侧栏模式常驻显示）
+     */
+    isDetailOpen(): boolean;
     /**
      * 打开详情
      */
     openDetail(row: any): void;
     /**
-     * 关闭详情
+     * 关闭详情（固定侧栏模式下仅清空内容）
      */
     closeDetail(): void;
     /**
-     * 是否显示工具栏批量操作（需要选择框）
+     * 打开预览抽屉（action: preview）
      */
-    showSelection(): boolean;
+    openPreview(row: any): void;
+    /**
+     * 关闭预览抽屉
+     */
+    closePreview(): void;
     /**
      * 获取搜索字段配置
      */
@@ -109,13 +158,30 @@ export declare class TableRender {
      */
     getColumns(): import('./model').TableColumn[];
     /**
-     * 获取工具栏配置
+     * 是否有搜索区（yaml 里没有 search 节点则不显示）
+     */
+    hasSearch(): boolean;
+    /**
+     * 获取工具栏配置（yaml 里没有 toolbar 节点则不显示）
+     */
+    getToolbar(): TableButton[];
+    /**
+     * 是否有工具栏
+     */
+    hasToolbar(): boolean;
+    /**
+     * 获取行操作配置（yaml 里没有 actions 节点则不显示操作列）
+     */
+    getActions(): TableButton[];
+    /**
+     * 是否有行操作按钮
      */
-    getToolbar(): import('./model').ToolbarItem[];
+    hasActions(): boolean;
     /**
-     * 获取行操作配置
+     * 取某个按钮实际使用的表单 id：按钮自己的 form 优先，否则用表格配置的 form
+     * 对应后端 config/forms/<form>.yaml
      */
-    getActions(): import('./model').TableActions | undefined;
+    getButtonFormId(item: TableButton): string | undefined;
     /**
      * 获取分页方式
      */

package/dist/uform/TableDetail.vue.d.ts

@@ -1,15 +1,29 @@
 import { TableColumn } from '../ts/model';
 type __VLS_Props = {
-    visible: boolean;
-    loading?: boolean;
-    position?: 'left' | 'right' | 'top';
+    showHeader?: boolean;
     title?: string;
+    loading?: boolean;
     rowData?: Record<string, any>;
     columns?: TableColumn[];
+    emptyText?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'detail-extra'?(_: {
+            rowData: Record<string, any> | undefined;
+            columns: TableColumn[] | undefined;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/uform/TableGrid.vue.d.ts

@@ -1,30 +1,39 @@
-import { TableColumn } from '../ts/model';
+import { TableActionPayload, TableButton, TableColumn } from '../ts/model';
 type __VLS_Props = {
     rows: any[];
     columns: TableColumn[];
     loading: boolean;
-    actions?: {
-        edit?: string | false;
-        delete?: string | false;
-    };
-    formId?: string;
-    apiDelete?: string;
+    actions?: TableButton[];
     keyField?: string;
     selection?: 'single' | 'multiple' | boolean;
     dictData?: Record<string, Array<{
         label: string;
         value: any;
     }>>;
+    activeKey?: string | number | null;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    selectionChange: (rows: any[]) => any;
-    rowEdit: (row: any) => any;
-    rowDelete: (row: any) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: any) => any>> & {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    rowAction: (payload: TableActionPayload) => any;
     rowClick: (row: any) => any;
+    selectionChange: (rows: any[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelectionChange?: ((rows: any[]) => any) | undefined;
-    onRowEdit?: ((row: any) => any) | undefined;
-    onRowDelete?: ((row: any) => any) | undefined;
+    onRowAction?: ((payload: TableActionPayload) => any) | undefined;
     onRowClick?: ((row: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    onSelectionChange?: ((rows: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};