@ticatec/uniface-element 0.1.13 → 0.1.15

package/dist/data-table/parts/FixedRow.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 
     import type TableRow from "./TableRow";
-    import type {RowEventHandler} from "../UniDataTable";
+    import type {RowEventHandler, RowSelectEventHandler} from "../UniDataTable";
     import DataCell from "./DataCell.svelte";
     import type DataColumn from "../lib/DataColumn";
+    import type {IndicatorColumn} from "../..";
 
     export let selectable: boolean = false;
     export let rowNo: number;
@@ -12,11 +13,15 @@
     export let row: TableRow;
     export let alternative: boolean;
     export let handleRowExpand: RowEventHandler;
-    export let handleRowSelectChange: RowEventHandler;
-    export let selected: boolean = row.selected;
+    export let handleRowSelectChange: RowSelectEventHandler;
+    export let selected: boolean;
+
+    export let expandRow: any = null;
 
     export let rowHeight: number;
 
+    export let indicatorColumn: IndicatorColumn | null;
+
     let style: string;
 
     const showInlineData = (e: MouseEvent) => {
@@ -25,24 +30,32 @@
         e.stopPropagation();
     }
 
-    $: if (row.selected != selected) {
-        row.selected = selected;
-        handleRowSelectChange(row);
+    $: {
+        handleRowSelectChange(row, selected);
     }
 
-    $: style = rowHeight== null ? '' : `height: ${rowHeight}px`
+    $: style = rowHeight == null ? '' : `height: ${rowHeight}px`
 
 </script>
-<div class="table-row" class:alternative {style}>
-    <div class="indicator-cell">
-        {#if selectable}
-            <input type="checkbox" bind:checked={selected}/>
-        {/if}
-        <span>{rowNo}</span>
-        {#if expandable}
-            <i class={row.expand ? 'uniface-icon-folder' : "uniface-icon-folder-plus"} aria-hidden="true" on:click={showInlineData}></i>
-        {/if}
-    </div>
+<div class="data-row" class:alternative style="width: 100%; {style}">
+    {#if indicatorColumn}
+        <div class="data-cell indicator-cell" style="width: {indicatorColumn.width}px">
+            {#if selectable}
+                <input type="checkbox" bind:checked={selected}/>
+            {/if}
+
+            {#if expandable}
+                <div class="expand-icon" style="">
+                    <i class={row == expandRow ? 'uniface-icon-folder' : "uniface-icon-folder-plus"} aria-hidden="true" on:click={showInlineData}></i>
+                </div>
+            {/if}
+            {#if indicatorColumn.displayNo}
+                <div style="margin-left: 4px; width: 20px; text-align: left">
+                    <span>{rowNo}</span>
+                </div>
+            {/if}
+        </div>
+    {/if}
     {#each cols as column, colIdx}
         <DataCell frozen={true} {colIdx} {column} data={row.data}/>
     {/each}

package/dist/data-table/parts/FixedRow.svelte.d.ts

@@ -1,6 +1,7 @@
 import type TableRow from "./TableRow";
-import type { RowEventHandler } from "../UniDataTable";
+import type { RowEventHandler, RowSelectEventHandler } from "../UniDataTable";
 import type DataColumn from "../lib/DataColumn";
+import type { IndicatorColumn } from "../..";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -22,9 +23,11 @@ declare const FixedRow: $$__sveltets_2_IsomorphicComponent<{
     row: TableRow;
     alternative: boolean;
     handleRowExpand: RowEventHandler;
-    handleRowSelectChange: RowEventHandler;
-    selected?: boolean;
+    handleRowSelectChange: RowSelectEventHandler;
+    selected: boolean;
+    expandRow?: any;
     rowHeight: number;
+    indicatorColumn: IndicatorColumn | null;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/data-table/parts/HrefCell.svelte

@@ -1,22 +1,20 @@
 <script lang="ts">
+    import type HrefLink from "../lib/HrefLink";
     import type {HrefBuilder} from "../lib/HrefLink";
 
     export let data;
     export let href: HrefBuilder;
 
-    let text: string;
-    let action: any;
+    let list: Array<HrefLink> = [];
+
 
     $: {
         let h = href(data);
-        if (Array.isArray(h)) {
-
-        } else {
-            text = h.text;
-            action = h.action;
-        }
+        list = Array.isArray(h) ? h : [h];
     }
 </script>
-<div>
-    <a href="javascript:void(0)" on:click={()=>action(data)}>{text}</a>
+<div style="display: flex; flex-direction: row; gap: 8px; justify-content: center">
+    {#each list as item, idx}
+        <a href="javascript:void(0)" on:click={()=>item.action()}>{item.text}</a>
+    {/each}
 </div>

package/dist/data-table/parts/TableHeaderPanel.svelte

@@ -1,41 +1,36 @@
 <script lang="ts">
 
     import {OrderDirection} from "../lib/OrderDirection";
-    import type IndicatorColumn from "../lib/IndicatorColumn";
-    import type ActionsColumn from "../lib/ActionsColumn";
-    import type {CompareFunction} from "../lib/CompareFunction";
-    import {type SelectionEventHandler, SelectionMode, type TableEventHandler} from "../UniDataTable";
-    import FixedHeaderPanel from "./FixedHeaderPanel.svelte";
+    import {type TableEventHandler} from "../UniDataTable";
     import type DataColumn from "../lib/DataColumn";
 
-    export let actionsColumn: ActionsColumn | null;
-    export let indicatorColumn: IndicatorColumn;
     export let scrollLeft: number = 0;
-    export let handleToggleSelectAll: SelectionEventHandler;
     export let handleWidthChange: TableEventHandler;
-    export let sortData: (compareFun: CompareFunction, descending: boolean) => void;
     export let dataCols: Array<any>;
-    export let frozenCols: Array<DataColumn> = [];
-    export let selectionMode: SelectionMode;
-
     export let width: number = 0;
+    export let hasWhitespace: boolean = false;
+    export let  handleCellClick: (col: DataColumn) => any;
+    export let orderColumn: DataColumn ;
+    export let orderDirection: OrderDirection;
 
     let resizeCol: any;
-    let orderColumn: DataColumn | null = null;
-    let orderDirection: OrderDirection = OrderDirection.Ascending;
+
 
     let startX: number = 0;
     let startWidth: number = 0;
 
 
     const handleResizeMouseDown = (col: DataColumn) => (event: MouseEvent) => {
-        resizeCol = col;
-        startX = event.clientX;
-        startWidth = resizeCol.width;
-
-        // 绑定鼠标移动和松开事件
-        window.addEventListener('mousemove', onMouseMove);
-        window.addEventListener('mouseup', onMouseUp);
+        if (col.resizable) {
+            resizeCol = col;
+            startX = event.clientX;
+            startWidth = resizeCol.width;
+
+            document.body.style.cursor = 'col-resize';
+            // 绑定鼠标移动和松开事件
+            window.addEventListener('mousemove', onMouseMove);
+            window.addEventListener('mouseup', onMouseUp);
+        }
     }
 
     const onMouseMove = (event: MouseEvent) => {
@@ -53,57 +48,31 @@
     // 结束拖动
     function onMouseUp() {
         resizeCol = null;
+        document.body.style.cursor = 'default';
         window.removeEventListener('mousemove', onMouseMove);
         window.removeEventListener('mouseup', onMouseUp);
     }
 
 
-    const handleCellClick = (col: DataColumn) => (e: MouseEvent) => {
-        if (col.compareFunction != null) {
-            if (col == orderColumn) {
-                orderDirection = orderDirection == OrderDirection.Ascending ? OrderDirection.Descending : OrderDirection.Ascending;
-            } else {
-                orderColumn = col;
-                orderDirection = OrderDirection.Ascending;
-            }
-            sortData?.(col.compareFunction, orderDirection == OrderDirection.Descending);
-        }
-    }
+
 
 
 </script>
-<div class="table-header-panel">
-    <FixedHeaderPanel {selectionMode} columns={frozenCols} {indicatorColumn} {handleToggleSelectAll}/>
-    <div style="width: 100%; overflow: hidden">
-        <div class="header-row-panel" style="left: {-scrollLeft}px; width: {width}px">
-            {#each dataCols ?? [] as col, index}
-                <div class="table-cell col-{index}">
-                    <div class:sortable={col.compareFunction != null} on:click={handleCellClick(col)} aria-hidden="true">
-                        <span>{col.text}</span>
-                        {#if col === orderColumn}
-                            <i style="margin-left: 2px; font-size: 12px; position: absolute; top: 0; right: 4px"
-                               class={orderDirection===OrderDirection.Ascending ? 'uniface-icon-chevron-up' : 'uniface-icon-chevron-down'}></i>
-                        {/if}
-                    </div>
-                    <div class="header-cell-divider" class:resizer={col.resizable} aria-hidden="true"
-                         on:mousedown={handleResizeMouseDown(col)}></div>
+<div class="header-row">
+    <div style="left: {-scrollLeft}px; width: {width}px">
+        {#each dataCols ?? [] as col, index}
+            <div class="col-{index} data-cell" class:sortable={col.compareFunction!=null} class:whitespace={hasWhitespace}>
+                <div class:sortable={col.compareFunction != null} on:click={handleCellClick(col)} aria-hidden="true" class="vertical-center">
+                    <span>{col.text}</span>
+                    {#if col === orderColumn}
+                        <i style="margin-left: 2px; font-size: 12px; position: absolute; top: 0; right: 4px"
+                           class={orderDirection===OrderDirection.Ascending ? 'uniface-icon-chevron-up' : 'uniface-icon-chevron-down'}></i>
+                    {/if}
                 </div>
-            {/each}
-            <div class="header-cell" style="border-right: unset;">
+                <div class="header-cell-divider" class:resizer={col.resizable} aria-hidden="true"
+                     on:mousedown={handleResizeMouseDown(col)}></div>
+
             </div>
-        </div>
+        {/each}
     </div>
-    {#if actionsColumn}
-        <div class="header-actions" style="width: {actionsColumn.width}px">
-            <div>
-                <span>{actionsColumn.title ?? ''}</span>
-            </div>
-
-        </div>
-    {/if}
 </div>
-
-<style>
-
-
-</style>

package/dist/data-table/parts/TableHeaderPanel.svelte.d.ts

@@ -1,7 +1,5 @@
-import type IndicatorColumn from "../lib/IndicatorColumn";
-import type ActionsColumn from "../lib/ActionsColumn";
-import type { CompareFunction } from "../lib/CompareFunction";
-import { type SelectionEventHandler, SelectionMode, type TableEventHandler } from "../UniDataTable";
+import { OrderDirection } from "../lib/OrderDirection";
+import { type TableEventHandler } from "../UniDataTable";
 import type DataColumn from "../lib/DataColumn";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -17,16 +15,14 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const TableHeaderPanel: $$__sveltets_2_IsomorphicComponent<{
-    actionsColumn: ActionsColumn | null;
-    indicatorColumn: IndicatorColumn;
     scrollLeft?: number;
-    handleToggleSelectAll: SelectionEventHandler;
     handleWidthChange: TableEventHandler;
-    sortData: (compareFun: CompareFunction, descending: boolean) => void;
     dataCols: Array<any>;
-    frozenCols?: Array<DataColumn>;
-    selectionMode: SelectionMode;
     width?: number;
+    hasWhitespace?: boolean;
+    handleCellClick: (col: DataColumn) => any;
+    orderColumn: DataColumn;
+    orderDirection: OrderDirection;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/data-table/parts/TableRow.d.ts

@@ -1,14 +1,4 @@
 export default class TableRow {
-    private _expand;
-    private _height;
     readonly data: any;
-    private _isBusy;
-    selected: boolean;
     constructor(data: any);
-    get height(): number;
-    set height(value: number);
-    get expand(): boolean;
-    set expand(value: boolean);
-    get isBusy(): boolean;
-    set isBusy(value: boolean);
 }

package/dist/data-table/parts/TableRow.js

@@ -1,35 +1,6 @@
 export default class TableRow {
-    _expand = false;
-    _height = 0;
     data;
-    _isBusy = false;
-    selected = false;
     constructor(data) {
         this.data = data;
     }
-    get height() {
-        return this._height;
-    }
-    set height(value) {
-        this._height = value;
-    }
-    get expand() {
-        return this._expand;
-    }
-    set expand(value) {
-        this._expand = value;
-    }
-    // get selected(): boolean {
-    //     return this._selected;
-    // }
-    //
-    // set selected(value: boolean) {
-    //     this._selected = value;
-    // }
-    get isBusy() {
-        return this._isBusy;
-    }
-    set isBusy(value) {
-        this._isBusy = value;
-    }
 }

package/dist/data-table/parts/TableRows.d.ts

@@ -1,9 +1,7 @@
-import type { CompareFunction } from "../lib/CompareFunction";
 import TableRow from "./TableRow";
 export default class TableRows {
     private _rows;
     constructor();
     set data(list: Array<any>);
     get rows(): Array<TableRow>;
-    sort(compareFun: CompareFunction, descending: boolean): void;
 }

package/dist/data-table/parts/TableRows.js

@@ -10,6 +10,4 @@ export default class TableRows {
     get rows() {
         return this._rows;
     }
-    sort(compareFun, descending) {
-    }
 }

package/dist/data-table/parts/TextCell.svelte

@@ -10,8 +10,6 @@
     let escapeHTML: boolean = false;
 
 
-
-
     $: {
         let value = tableUtils.extractFieldValue(data, column.field);
         if (column.formatter) {
@@ -26,10 +24,9 @@
 
 </script>
 
-<div class="cell-text">
-    {#if escapeHTML == true}
-        {@html text}
-    {:else}
-        <span>{text}</span>
-    {/if}
-</div>
+
+{#if escapeHTML == true}
+    {@html text}
+{:else}
+    <span>{text}</span>
+{/if}

package/dist/data-table/parts/TreeRootCell.svelte

@@ -0,0 +1,3 @@
+<script lang="ts">
+
+</script>

package/dist/data-table/parts/TreeRootCell.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TreeRootCell: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TreeRootCell = InstanceType<typeof TreeRootCell>;
+export default TreeRootCell;

package/dist/pagination-panel/PaginationPanel.svelte

@@ -13,7 +13,7 @@
     export let big: boolean = false;
     export let rowsSet: Array<number> = [25, 50, 100];
     export let total: number = null as unknown as number;
-    export let generateInfo: GenerateTotalInfo;
+    export let generateInfo: GenerateTotalInfo | null = null;
     export let rowCount: number = 25;
     export let rowCountLabel: string = 'Rows/Page';
     export let align: 'left' | 'right' | '' = '';

package/dist/pagination-panel/PaginationPanel.svelte.d.ts

@@ -22,7 +22,7 @@ declare const PaginationPanel: $$__sveltets_2_IsomorphicComponent<{
     big?: boolean;
     rowsSet?: Array<number>;
     total?: number;
-    generateInfo: GenerateTotalInfo;
+    generateInfo?: GenerateTotalInfo | null;
     rowCount?: number;
     rowCountLabel?: string;
     align?: "left" | "right" | "";