@ticatec/topside-elements 1.0.0

package/dist/data_table/UniDataTable.d.ts

@@ -0,0 +1,30 @@
+import type DataColumn from "./lib/DataColumn";
+import type TableRow from "./parts/TableRow";
+export type OnRowExpand = (row: TableRow) => void;
+export type OnRowSelect = (row: TableRow, value: boolean) => void;
+export type OnWidthChange = () => void;
+export type OnSelectAll = (value: boolean) => void;
+export declare enum SelectionMode {
+    All = 1,
+    Partial = 0,
+    None = -1
+}
+export default class UniDataTable {
+    private _frozenColumns;
+    private _columns;
+    private tableRows;
+    private indicatorWidth;
+    readonly id: string;
+    private _width;
+    private _frozenWidth;
+    constructor(id: string, indicatorWidth?: number);
+    set data(value: Array<any>);
+    get data(): Array<any>;
+    setColumns(columns: Array<DataColumn>): void;
+    generateTemplateStyle(): string;
+    get width(): number;
+    get frozenWidth(): number;
+    get rows(): Array<TableRow>;
+    get columns(): Array<DataColumn>;
+    get frozenColumns(): Array<DataColumn>;
+}

package/dist/data_table/UniDataTable.js

@@ -0,0 +1,89 @@
+import TableRows from "./parts/TableRows";
+export var SelectionMode;
+(function (SelectionMode) {
+    SelectionMode[SelectionMode["All"] = 1] = "All";
+    SelectionMode[SelectionMode["Partial"] = 0] = "Partial";
+    SelectionMode[SelectionMode["None"] = -1] = "None";
+})(SelectionMode || (SelectionMode = {}));
+export default class UniDataTable {
+    _frozenColumns = [];
+    _columns = [];
+    tableRows;
+    indicatorWidth;
+    id;
+    _width = 0;
+    _frozenWidth = 0;
+    constructor(id, indicatorWidth) {
+        this.id = id;
+        this.indicatorWidth = indicatorWidth ?? 0;
+        this.tableRows = new TableRows();
+    }
+    set data(value) {
+        this.tableRows.data = value;
+    }
+    get data() {
+        return this.tableRows.data;
+    }
+    setColumns(columns) {
+        this._frozenColumns = [];
+        this._columns = [];
+        (columns ?? []).forEach(col => {
+            if (col.visible != false) {
+                const clone = { ...col };
+                if (clone.frozen) {
+                    this._frozenColumns.push(clone);
+                }
+                else {
+                    this._columns.push(clone);
+                }
+            }
+        });
+    }
+    generateTemplateStyle() {
+        this._width = 0;
+        this._frozenWidth = 0;
+        let colStyle = '';
+        let inv = 0;
+        this._frozenColumns.forEach((col, idx) => {
+            if (col.visible != false) {
+                this._frozenWidth += col.width;
+                colStyle += `#tab-${this.id} .fz_col-${idx - inv} {width: ${col.width}px; text-align: ${col.align ?? 'left'}}\n`;
+                if (col.wrap) {
+                    colStyle += `#tab-${this.id} .fz_col-${idx - inv}>div {white-space: wrap}\n`;
+                }
+            }
+            else {
+                inv++;
+            }
+        });
+        inv = 0;
+        this._columns.forEach((col, idx) => {
+            if (col.visible != false) {
+                this._width += col.width;
+                colStyle += `#tab-${this.id} .col-${idx - inv} { width: ${col.width}px ; text-align: ${col.align ?? 'left'} }\n`;
+                if (col.wrap) {
+                    colStyle += `#tab-${this.id} .col-${idx - inv}>div {white-space: wrap}\n`;
+                }
+            }
+            else {
+                inv++;
+            }
+        });
+        return colStyle;
+    }
+    get width() {
+        return this._width;
+    }
+    get frozenWidth() {
+        return this._frozenWidth + this.indicatorWidth;
+    }
+    get rows() {
+        return [...this.tableRows.rows];
+    }
+    get columns() {
+        return this._columns;
+    }
+    get frozenColumns() {
+        return this._frozenColumns;
+    }
+}

package/dist/data_table/index.d.ts

@@ -0,0 +1,15 @@
+import DataTable from "./DataTable.svelte";
+import type ActionsColumn from "./lib/ActionsColumn";
+import type { FormatCellFn, CellHint } from "./lib/FormatCellFn";
+import type IndicatorColumn from "./lib/IndicatorColumn";
+import type RowAction from "./lib/RowAction";
+import type { GetRowActions, ActionHandler } from "./lib/RowAction";
+import type DataColumn from "./lib/DataColumn";
+import type { SummaryKind, SummaryFn } from "./lib/DataColumn";
+import type { CellAction } from "./lib/CellAction";
+import ActionCell from "./parts/ActionCell.svelte";
+export default DataTable;
+export { ActionCell };
+export type { ActionsColumn, IndicatorColumn, FormatCellFn, CellHint, DataColumn };
+export type { RowAction, GetRowActions, ActionHandler, CellAction };
+export type { SummaryKind, SummaryFn };

package/dist/data_table/index.js

@@ -0,0 +1,4 @@
+import DataTable from "./DataTable.svelte";
+import ActionCell from "./parts/ActionCell.svelte";
+export default DataTable;
+export { ActionCell };

package/dist/data_table/lib/ActionsColumn.d.ts

@@ -0,0 +1,15 @@
+import type { GetRowActions } from "./RowAction";
+export default interface ActionsColumn<T = any> {
+    /**
+     * 宽度
+     */
+    width: number;
+    /**
+     *
+     */
+    getActions: GetRowActions<T>;
+    /**
+     * 对齐方式，默认靠左对齐
+     */
+    align?: 'left' | 'center';
+}

package/dist/data_table/lib/ActionsColumn.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/CellAction.d.ts

@@ -0,0 +1,9 @@
+import type RowAction from "./RowAction";
+/**
+ * 单元格动作：与行动作同一形状（NAMING R10）
+ */
+export type CellAction<T = any> = RowAction<T>;
+/**
+ * 获取单元格动作；返回 undefined 表示该单元格没有动作
+ */
+export type GetCellAction<T = any> = (data: T) => CellAction<T> | undefined;

package/dist/data_table/lib/CellAction.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/CommonHeaderCell.d.ts

@@ -0,0 +1,37 @@
+import type { CompareFn } from "./CompareFn";
+export default interface CommonHeaderCell {
+    /**
+     * 栏目的标题
+     */
+    text: string;
+    /**
+     * 合并的行数
+     */
+    rowSpan: number;
+    /**
+     * 所做的列
+     */
+    col: number;
+    /**
+     * 所在的行
+     */
+    row: number;
+}
+export interface DataHeaderCell extends CommonHeaderCell {
+    /**
+     * 宽度
+     */
+    width: number;
+    /**
+     *
+     */
+    field?: string;
+    /**
+     * 是否可以更改大小
+     */
+    resizable?: boolean;
+    /**
+     * 排序的比较函数
+     */
+    compareFunction?: CompareFn;
+}

package/dist/data_table/lib/CommonHeaderCell.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/CompareFn.d.ts

@@ -0,0 +1,3 @@
+export type CompareFn = (o1: any, o2: any) => number;
+declare const compareObject: CompareFn;
+export { compareObject };

package/dist/data_table/lib/CompareFn.js

@@ -0,0 +1,2 @@
+const compareObject = (o1, o2) => o1 == o2 ? 0 : o1 < o2 ? -1 : 1;
+export { compareObject };

package/dist/data_table/lib/DataColumn.d.ts

@@ -0,0 +1,83 @@
+import type { CellHint, FormatCellFn } from "./FormatCellFn";
+import type { HrefBuilder } from "./HrefLink";
+import type { CompareFn } from "./CompareFn";
+import type { GetCellStyle } from "../../types";
+/** 内置聚合方式；'label' 表示该列在合计行里显示合计标签（"合计"） */
+export type SummaryKind = 'sum' | 'avg' | 'count' | 'min' | 'max';
+/** 自定义聚合：values 为本列各行的字段值，rows 为当前全部行数据 */
+export type SummaryFn = (values: Array<any>, rows: Array<any>) => any;
+export default interface DataColumn {
+    /**
+     * 列头文字（与 ConciseListTable 的 Column.title 统一）
+     */
+    title: string;
+    /**
+     * 对应的字段/属性名
+     */
+    field?: string;
+    /**
+     * 是否冻结在数据表中，如果前面的frozen是false，那么就无效
+     */
+    frozen?: boolean;
+    /**
+     * 对齐方式
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     *
+     */
+    width: number;
+    minWidth?: number;
+    /**
+     * 是否可以换行，默认为false
+     */
+    wrap?: boolean;
+    /**
+     * 单元格转换函数
+     */
+    formatter?: FormatCellFn;
+    /**
+     * 是否将单元格内容作为可信 HTML 渲染（{@html}），而非纯文本转义。
+     * 仅当 field/formatter 输出为可信标记时才应设为 true。
+     */
+    renderHTML?: boolean;
+    /**
+     * 超链接设置
+     */
+    href?: HrefBuilder;
+    /**
+     * 是否生产hint
+     */
+    hint?: CellHint;
+    /**
+     * 渲染器
+     */
+    render?: any;
+    /**
+     *
+     */
+    visible?: boolean;
+    /**
+     *
+     */
+    resizable?: boolean;
+    /**
+     *
+     */
+    compareFunction?: CompareFn;
+    /**
+     * 获取表格的样式
+     */
+    cellStyle?: GetCellStyle;
+    /**
+     * 合计行里本列的聚合方式：sum / avg / count / min / max / 自定义函数；
+     * 'label' 表示在本列显示合计标签（没有指示列时用）。
+     * 只要有一列设置了（或 table 的 summaryValues 覆盖了某列），表格底部就会出现合计行。
+     */
+    summary?: SummaryKind | SummaryFn | 'label';
+    /**
+     * 合计值的格式化。不设时：count 显示整数（千分位）；其它先用 formatter，再退回数字自动格式化
+     * （千分位，小数位取本列数据最大小数位，avg 至少 2 位）
+     */
+    summaryFormatter?: (value: any, rows: Array<any>) => string;
+}

package/dist/data_table/lib/DataColumn.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/FixedColumns.d.ts

@@ -0,0 +1,15 @@
+import type { IndicatorColumn } from "..";
+import type DataColumn from "./DataColumn";
+/**
+ * 数据表左边的固定栏
+ */
+export default interface FixedColumns {
+    /**
+     * 指示栏，用于选中器，行号，展开图标
+     */
+    indicator: IndicatorColumn;
+    /**
+     * 固定的数据列
+     */
+    columns: Array<DataColumn>;
+}

package/dist/data_table/lib/FixedColumns.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/FormatCellFn.d.ts

@@ -0,0 +1,2 @@
+export type FormatCellFn = (value: any) => string;
+export type CellHint = (value: any) => string;

package/dist/data_table/lib/FormatCellFn.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/HrefLink.d.ts

@@ -0,0 +1,12 @@
+export type HrefBuilder = (item: any) => Array<HrefLink> | HrefLink | string;
+export type OnHrefClick = () => void;
+export default interface HrefLink {
+    /**
+     * 显示超链接的文字
+     */
+    label: string;
+    /**
+     * 点击的处理函数
+     */
+    handler: OnHrefClick;
+}

package/dist/data_table/lib/HrefLink.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/IndicatorColumn.d.ts

@@ -0,0 +1,19 @@
+export default interface IndicatorColumn {
+    /**
+     *
+     */
+    width: number;
+    /**
+     *
+     */
+    selectable?: boolean;
+    /**
+     *
+     */
+    buildInlineComponent?: (data: any) => Promise<any>;
+    /**
+     * 是否显示行号
+     */
+    /** 是否显示行号 */
+    showRowNo?: boolean;
+}

package/dist/data_table/lib/IndicatorColumn.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/OrderDirection.d.ts

@@ -0,0 +1,4 @@
+export declare enum OrderDirection {
+    Ascending = 0,
+    Descending = 1
+}

package/dist/data_table/lib/OrderDirection.js

@@ -0,0 +1,5 @@
+export var OrderDirection;
+(function (OrderDirection) {
+    OrderDirection[OrderDirection["Ascending"] = 0] = "Ascending";
+    OrderDirection[OrderDirection["Descending"] = 1] = "Descending";
+})(OrderDirection || (OrderDirection = {}));

package/dist/data_table/lib/RowAction.d.ts

@@ -0,0 +1,23 @@
+import type { ButtonType, ActionHandler } from "../../types";
+export type { ActionHandler };
+/**
+ * 行动作（DataTable actionsColumn / ActionCell 共用的动作对象，形状与 ButtonAction 一致）
+ */
+export default interface RowAction<T = any> {
+    /** 显示文字 */
+    label: string;
+    /** 语义类型 */
+    type?: ButtonType;
+    /** 前缀图标 */
+    icon?: string;
+    /** 提示 */
+    tooltip?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 点击处理 */
+    handler: ActionHandler<T>;
+}
+/**
+ * 获取某一行的动作列表
+ */
+export type GetRowActions<T = any> = (item: T) => Array<RowAction<T>>;

package/dist/data_table/lib/RowAction.js

@@ -0,0 +1 @@
+export {};

package/dist/data_table/lib/TabContext.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    isDebugEnable: () => boolean;
+};
+export default _default;

package/dist/data_table/lib/TabContext.js

@@ -0,0 +1,4 @@
+let debugEnable = false;
+const isDebugEnable = () => debugEnable;
+const setDebugEnable = (value) => { debugEnable = value; };
+export default { isDebugEnable };

package/dist/data_table/lib/TableColumns.d.ts

@@ -0,0 +1,9 @@
+import type DataColumn from "./DataColumn";
+export default class TableColumns {
+    private _columns;
+    constructor(columns: Array<DataColumn>);
+    /**
+     * 获取当前所有可视的列
+     */
+    get columns(): boolean[];
+}

package/dist/data_table/lib/TableColumns.js

@@ -0,0 +1,12 @@
+export default class TableColumns {
+    _columns;
+    constructor(columns) {
+        this._columns = columns;
+    }
+    /**
+     * 获取当前所有可视的列
+     */
+    get columns() {
+        return this._columns.map(item => item.visible == true);
+    }
+}

package/dist/data_table/lib/TableUtils.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    extractFieldValue: (data: any, field?: string) => any;
+};
+export default _default;

package/dist/data_table/lib/TableUtils.js

@@ -0,0 +1,18 @@
+/**
+ * 根据字段名获取对于的值，支持"."嵌套获取
+ * @param data
+ * @param field
+ */
+const extractFieldValue = (data, field) => {
+    let v = data;
+    if (field != null) {
+        let attrs = field.split(".");
+        for (let attr of attrs) {
+            v = v == null ? null : v[attr];
+        }
+    }
+    return v;
+};
+export default {
+    extractFieldValue
+};

package/dist/data_table/lib/clickOutSide.d.ts

@@ -0,0 +1,3 @@
+export declare function clickOutside(node: Node): {
+    destroy(): void;
+};

package/dist/data_table/lib/clickOutSide.js

@@ -0,0 +1,17 @@
+export function clickOutside(node) {
+    const handleClick = (event) => {
+        const target = event.target;
+        if (target instanceof Node && !node.contains(target) && !event.defaultPrevented) {
+            node.dispatchEvent(new CustomEvent('outerClick', {
+                bubbles: true,
+                detail: { originalEvent: event }
+            }));
+        }
+    };
+    document.addEventListener('click', handleClick, true);
+    return {
+        destroy() {
+            document.removeEventListener('click', handleClick, true);
+        }
+    };
+}

package/dist/data_table/lib/summary.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 合计行：按列聚合 + 格式化
+ *
+ * 取值优先级：table 的 summaryValues[field]（服务端给的全量合计，适合分页）→ 列的 summary 在当前 list 上计算
+ * 格式化优先级：列的 summaryFormatter → count 直接显示整数 → 列的 formatter → 数字自动格式化（千分位 + 小数位）
+ */
+import type DataColumn from "./DataColumn";
+import type { SummaryKind } from "./DataColumn";
+/** 数字或数字串 → number；其它 → undefined（PostgreSQL numeric 常以字符串返回） */
+export declare const toNumber: (v: any) => number | undefined;
+/** 千分位 + 固定小数位 */
+export declare const formatNumber: (n: number, decimals: number) => string;
+/**
+ * 聚合结果。decimals 是自动格式化时建议的小数位（sum/min/max 取源数据最大小数位，avg 至少 2 位）
+ */
+export interface SummaryResult {
+    value: any;
+    kind: SummaryKind | 'fn' | 'external';
+    decimals?: number;
+}
+export declare function computeSummary(column: DataColumn, rows: Array<any>): SummaryResult | undefined;
+export declare function formatSummary(column: DataColumn, result: SummaryResult | undefined, rows: Array<any>): string;
+export interface TableSummary {
+    /** 指示列里显示的文字（有指示列时合计标签放这里），否则 null */
+    indicator: string | null;
+    /** 冻结列各格文字 */
+    frozen: Array<string>;
+    /** 数据列各格文字 */
+    columns: Array<string>;
+}
+/**
+ * 整行合计。没有任何列需要合计（列上无 summary，summaryValues 也没对上）时返回 null，不显示合计行。
+ *
+ * 标签位置：有指示列 → 指示列；否则 summary: 'label' 的列；否则第一个不做合计的列；都做合计则不显示标签。
+ */
+export declare function buildTableSummary(frozenCols: Array<DataColumn>, dataCols: Array<DataColumn>, rows: Array<any>, opts: {
+    label: string;
+    hasIndicator: boolean;
+    summaryValues?: Record<string, any> | null;
+}): TableSummary | null;