@ticatec/uniface-element 0.1.14 → 0.1.15

package/dist/concise-data-table/Column.d.ts

@@ -0,0 +1,9 @@
+export default interface Column {
+    title: string;
+    field: string;
+    width: number;
+    align?: "left" | "center" | "right";
+    weight?: number;
+    formatter?: (value: any) => string;
+    escapeHTML?: boolean;
+}

package/dist/concise-data-table/Column.js

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

package/dist/concise-data-table/ConciseListTable.svelte

@@ -0,0 +1,154 @@
+<script lang="ts">
+
+    import {onMount, onDestroy, tick} from 'svelte';
+    import DataRow from "./DataRow.svelte";
+    import {type RowClickHandler, type TableOptions} from "./TableOptions";
+    import utils from "./utils";
+
+    // list array to display
+    export let list: Array<any>;
+    // Column definitions with configuration
+    export let columns: Array<Column>;
+    // Enable auto-scroll feature
+    export let autoScroll: boolean = false;
+    // Milliseconds between each scroll step
+    export let scrollInterval: number = 2000;
+    export let rowClickHandler: RowClickHandler | null = null;
+    //行高
+
+    // Height of the component in pixels
+    //table background color
+    export let options: TableOptions;
+
+    let tabOptions: TableOptions;
+
+    $: tabOptions = {headerHeight: 36, rowHeight: 32, ...options}
+
+
+    let id = (new Date().getTime() * 1000 + Math.floor(Math.random() * 1000)).toString(36);
+    let tableStyle: string = '';
+    let tableContainer: any;
+    let viewPanel: any;
+    let headerRow: any;
+    let scrollTimer: any;
+    let currentScrollIndex: number = 0;
+    let visibleRowCount: number = 0;
+
+    $: totalWeight = columns.reduce((sum, col) => sum + (col.weight || 0), 0);
+
+    let rowHeight: number;
+
+
+    let clonedRows: Array<any> = []; // 用于无缝滚动的克隆行
+    let viewWidth = 0;
+    let viewHeight = 0;
+    let resizeObserver: any;
+
+    onMount(async () => {
+        resizeObserver = new ResizeObserver(() => {
+            viewWidth = Math.round(viewPanel?.clientWidth) - 1;
+            viewHeight = Math.round(viewPanel?.clientHeight) - 1;
+        });
+        resizeObserver.observe(viewPanel);
+    });
+
+    onDestroy(() => {
+        resizeObserver.disconnect();
+    })
+
+
+    const setupAutoScroll = async () => {
+        if (autoScroll && tableContainer && list.length > 0) {
+            await tick();
+            const tableBody = tableContainer.querySelector('.table-body');
+            if (tableBody && tableBody.children.length > 0) {
+                rowHeight = tableBody.children[0].offsetHeight;
+                visibleRowCount = Math.floor((tableContainer.offsetHeight - headerRow.offsetHeight) / rowHeight);
+                if (list.length <= visibleRowCount) return;
+                clonedRows = [...list];
+                startAutoScroll();
+            }
+        }
+    }
+
+    const startAutoScroll = () => {
+        // Clear any existing timer
+        if (scrollTimer) clearInterval(scrollTimer);
+
+        currentScrollIndex = 0;
+
+        scrollTimer = setInterval(() => {
+            currentScrollIndex++;
+            const tableBody = tableContainer.querySelector('.table-body');
+            if (tableBody) {
+                tableBody.style.transform = `translateY(-${currentScrollIndex * rowHeight}px)`;
+                if (currentScrollIndex >= list.length) {
+                    setTimeout(() => {
+                        tableBody.style.transition = 'none';
+                        tableBody.style.transform = `translateY(0)`;
+                        currentScrollIndex = 0;
+
+                        // 恢复过渡效果
+                        setTimeout(() => {
+                            tableBody.style.transition = 'transform 2s ease';
+                        }, 50);
+                    }, 50);
+                }
+            }
+        }, scrollInterval);
+    }
+
+    const stopAutoScroll = () => {
+        if (scrollTimer) {
+            clearInterval(scrollTimer);
+            scrollTimer = null;
+        }
+    }
+
+    onMount(async () => {
+        await setupAutoScroll();
+    });
+
+    onDestroy(() => {
+        stopAutoScroll();
+    });
+
+    $: if (list || autoScroll || scrollInterval) {
+        stopAutoScroll();
+        setupAutoScroll();
+    }
+
+    $: tableStyle = utils.generateTableStyle(id, columns, tabOptions, viewWidth);
+
+
+</script>
+
+<div id="tab_{id}" class="uniface-concise-datatable">
+    {@html tableStyle}
+    <div class="table-container" bind:this={tableContainer}>
+        <!-- Fixed header -->
+        <div class="table-header">
+            <div class="table-row" bind:this={headerRow}>
+                {#each columns as column, idx}
+                    <div class="data-cell col_{idx}">
+                        {column.title ?? ''}
+                    </div>
+                {/each}
+            </div>
+        </div>
+
+        <!-- Scrollable body -->
+        <div class="table-body-container" bind:this={viewPanel} class:auto-scroll={autoScroll}>
+            <div class="table-body" style="transition: transform {autoScroll ? '2s' : '0s'} ease;">
+                {#each list as row, rowIndex}
+                    <DataRow data={row} {columns} showAlternative={rowIndex % 2 == 1} on:click={rowClickHandler?.(row)}/>
+                {/each}
+                {#if autoScroll && list.length > visibleRowCount}
+                    {#each list.slice(0, visibleRowCount) as row, rowIndex}
+                        <DataRow data={row} {columns} showAlternative={rowIndex % 2 == 1} on:click={rowClickHandler?.(row)}/>
+                    {/each}
+                {/if}
+            </div>
+        </div>
+    </div>
+</div>

package/dist/concise-data-table/ConciseListTable.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type RowClickHandler, type TableOptions } from "./TableOptions";
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ConciseListTable: $$__sveltets_2_IsomorphicComponent<{
+    list: Array<any>;
+    columns: Array<Column>;
+    autoScroll?: boolean;
+    scrollInterval?: number;
+    rowClickHandler?: RowClickHandler | null;
+    options: TableOptions;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ConciseListTable = InstanceType<typeof ConciseListTable>;
+export default ConciseListTable;

package/dist/concise-data-table/DataCell.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+    import type Column from "./Column";
+
+    export let column: Column;
+    export let idx: number;
+
+    export let data: any;
+
+    let text: string;
+    let escapeHTML: boolean = false;
+
+    $: text = column.formatter ? column.formatter(data[column.field]) : data[column.field];
+
+</script>
+
+<div class="data-cell col_{idx}">
+    {#if escapeHTML}
+        {@html text}
+    {:else }
+        <span>{text}</span>
+    {/if}
+</div>

package/dist/{data-table/parts/LinkButton.svelte.d.ts → concise-data-table/DataCell.svelte.d.ts}

@@ -1,3 +1,4 @@
+import type Column from "./Column";
 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;
@@ -11,12 +12,12 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const LinkButton: $$__sveltets_2_IsomorphicComponent<{
-    text: any;
-    action: any;
-    style?: string;
+declare const DataCell: $$__sveltets_2_IsomorphicComponent<{
+    column: Column;
+    idx: number;
+    data: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
-type LinkButton = InstanceType<typeof LinkButton>;
-export default LinkButton;
+type DataCell = InstanceType<typeof DataCell>;
+export default DataCell;

package/dist/concise-data-table/DataRow.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+    import type Column from "./Column";
+    import DataCell from "./DataCell.svelte";
+
+    export let columns: Array<Column>;
+    export let data: any;
+
+    export let showAlternative: boolean;
+</script>
+
+<div class="table-row" class:alternative={showAlternative} on:click>
+    {#each columns as column, idx}
+        <DataCell {idx} {column} {data}/>
+    {/each}
+</div>

package/dist/concise-data-table/DataRow.svelte.d.ts

@@ -0,0 +1,25 @@
+import type Column from "./Column";
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DataRow: $$__sveltets_2_IsomorphicComponent<{
+    columns: Array<Column>;
+    data: any;
+    showAlternative: boolean;
+}, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DataRow = InstanceType<typeof DataRow>;
+export default DataRow;

package/dist/concise-data-table/TableOptions.d.ts

@@ -0,0 +1,11 @@
+export interface TableOptions {
+    backgroundColor?: string;
+    color?: string;
+    headerHeight?: number;
+    headerBackgroundColor?: string;
+    headerColor?: string;
+    alternativeBackgroundColor?: string;
+    alternativeColor?: string;
+    rowHeight?: number;
+}
+export type RowClickHandler = (row: any) => (event: MouseEvent) => void;

package/dist/concise-data-table/TableOptions.js

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

package/dist/concise-data-table/index.d.ts

@@ -0,0 +1,5 @@
+import ConciseListTable from "./ConciseListTable.svelte";
+import type Column from "./Column";
+import type { TableOptions } from "./TableOptions";
+export default ConciseListTable;
+export type { Column, TableOptions };

package/dist/concise-data-table/index.js

@@ -0,0 +1,2 @@
+import ConciseListTable from "./ConciseListTable.svelte";
+export default ConciseListTable;

package/dist/concise-data-table/utils.d.ts

@@ -0,0 +1,6 @@
+import type Column from "./Column";
+import type { TableOptions } from "./TableOptions";
+declare const _default: {
+    generateTableStyle: (id: string, columns: Array<Column>, options: TableOptions, viewWidth: number) => string;
+};
+export default _default;

package/dist/concise-data-table/utils.js

@@ -0,0 +1,38 @@
+const generateBlockStyle = (prefix, options, keys) => {
+    let style = '';
+    keys.forEach(key => {
+        if (options[key.code]) {
+            style += `${key.attr}: ${options[key.code]}${key.suffix ?? ''};\n`;
+        }
+    });
+    if (style.length > 0) {
+        return `${prefix} { ${style} }`;
+    }
+    else {
+        return '';
+    }
+};
+/**
+ *
+ * @param id
+ * @param columns
+ * @param options
+ * @param viewWidth
+ */
+const generateTableStyle = (id, columns, options, viewWidth) => {
+    let style = '';
+    if (options && columns) {
+        style += generateBlockStyle(`#tab_${id}`, options, [{ code: 'backgroundColor', attr: 'background-color' }, { code: 'color', attr: 'color' }]);
+        style += generateBlockStyle(`#tab_${id} .table-row.alternative `, options, [{ code: 'alternativeBackgroundColor', attr: 'background-color' }, { code: 'alternativeColor', attr: 'color' }]);
+        style += generateBlockStyle(`#tab_${id} .table-header .table-row `, options, [{ code: 'headerBackgroundColor', attr: 'background-color' }, { code: 'headerColor', attr: 'color' }, { code: 'headerHeight', attr: 'height', suffix: 'px' }]);
+        style += generateBlockStyle(`#tab_${id} .table-body .table-row`, options, [{ code: 'headerHeight', attr: 'height', suffix: 'px' }]);
+        let totalWeight = columns.reduce((sum, col) => sum + (col.weight || 0), 0);
+        let tabWidth = columns.reduce((sum, col) => sum + col.width, 0);
+        let diff = (viewWidth - tabWidth) / totalWeight;
+        columns.forEach((col, idx) => {
+            style += `#tab_${id} .col_${idx} {\n width: ${col.width + (col.weight ?? 0) * diff}px; \n text-align: ${col.align ?? 'left'};} \n`;
+        });
+    }
+    return `<style>${style}</style>`;
+};
+export default { generateTableStyle };

package/dist/data-table/DataTable.svelte

@@ -96,6 +96,8 @@
         }
     }
 
+    $: rowHeight = rowHeight ?? 42;
+
 </script>
 
 <div id="tab-{id}" {style} class="uniface-data-table" class:cell-border={colBorder} class:row-border={rowBorder}>

package/dist/data-table/lib/ActionsColumn.d.ts

@@ -1,9 +1,5 @@
 import type { GetRowActions } from "./RowAction";
 export default interface ActionsColumn {
-    /**
-     * 栏标题
-     */
-    title: string;
     /**
      * 宽度
      */

package/dist/data-table/lib/HrefLink.d.ts

@@ -1,4 +1,4 @@
-export type HrefBuilder = (item: any) => Array<HrefLink | string> | HrefLink;
+export type HrefBuilder = (item: any) => Array<HrefLink> | HrefLink;
 export type HrefAction = () => void;
 export default interface HrefLink {
     /**

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

@@ -3,7 +3,7 @@
     import DataRow from "./DataRow.svelte";
     import type DataColumn from "../lib/DataColumn";
     import type TableRow from "./TableRow";
-    import {onMount} from "svelte";
+    import {onDestroy, onMount} from "svelte";
     import TableHeaderPanel from "./TableHeaderPanel.svelte";
     import UniDataTable, {type TableEventHandler} from "../UniDataTable";
     import {OrderDirection} from "../lib/OrderDirection";
@@ -52,6 +52,10 @@
         resizeObserver.observe(viewPanel);
     });
 
+    onDestroy(()=>{
+        resizeObserver.disconnect();
+    })
+
     const handleDataTableScroll = (e: Event) => {
         if (showVerticalScroll) {
             scrollTop = e.target?.scrollTop;
@@ -121,7 +125,7 @@
                         <div class="expand-data-row" bind:clientHeight={inlineRowHeight}
                              style="position: relative; box-sizing: content-box; width: 100%; height: auto">
                             <div class="inline-panel">
-                                <svelte:component this={inlineComponent} data={row}/>
+                                <svelte:component this={inlineComponent} data={row.data}/>
                             </div>
                         </div>
                     {/if}

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

@@ -22,7 +22,7 @@
 
 </script>
 <div class="data-cell {col$class}">
-    <div>
+    <div class="vertical-center">
         {#if column.render}
             <svelte:component this={column.render.component} {...column.render.props} {data}/>
         {:else if column.href}

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/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/ticatec-uniface-web.css

@@ -3076,7 +3076,6 @@
   box-sizing: border-box;
   overflow-y: auto;
   overflow-x: hidden;
-  padding: var(--uniface-navigator-vertical-padding, 16px) 0;
   position: relative;
   user-select: none;
 }
@@ -3086,6 +3085,16 @@
   position: relative;
   background: linear-gradient(to right, transparent 12px, lightgray 12px, lightgray 13px, transparent 13px);
 }
+.uniface-navigator-panel .navigator-content .uniface-navigator-item:first-child {
+  background-size: 100% 60%; /* 只占元素高度的一半 */
+  background-position: bottom; /* 从底部开始 */
+  background-repeat: no-repeat; /* 防止背景重复 */
+}
+.uniface-navigator-panel .navigator-content .uniface-navigator-item:last-child {
+  background-size: 100% 60%; /* 只占元素高度的一半 */
+  background-position: top; /* 从底部开始 */
+  background-repeat: no-repeat; /* 防止背景重复 */
+}
 .uniface-navigator-panel .navigator-content .uniface-navigator-item.nav-completed {
   color: var(--uniface-navigator-completed-text-color, #374151);
 }
@@ -3119,11 +3128,11 @@
 .uniface-navigator-panel .navigator-content .uniface-navigator-item.active::before {
   content: "";
   position: absolute;
-  left: 6px;
+  left: 5px;
   top: 50%;
   transform: translateY(-50%);
-  width: 5px;
-  height: 5px;
+  width: 15px;
+  height: 15px;
   border: 4px solid var(--uniface-active-label-text-color, #0061FF);
   border-radius: 50%; /* 圆形 */
   background-color: white;
@@ -3704,10 +3713,6 @@
   border-right: none;
 }
 .uniface-data-table .data-cell > div:first-child {
-  width: 100%;
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
   overflow: hidden;
 }
 .uniface-data-table .data-row {
@@ -3781,9 +3786,6 @@
   right: 4px;
   cursor: pointer;
 }
-.uniface-data-table .left-fixed-panel .indicator-cell .expand-icon:active {
-  top: 5px;
-}
 .uniface-data-table .left-fixed-panel .indicator-cell:hover .expand-icon {
   display: block;
 }
@@ -3806,19 +3808,6 @@
   white-space: nowrap;
   position: relative;
 }
-.uniface-data-table .table-row {
-  position: relative;
-  display: flex;
-  width: 100%;
-  flex-wrap: nowrap;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--uniface-data-table-background-color, #ffffff);
-  height: 36px;
-}
-.uniface-data-table .table-row.alternative {
-  background-color: var(--uniface-data-table-background-color, #f7f7f7);
-}
 .uniface-data-table.row-border .table-row {
   border-bottom: 1px solid var(--uniface-data-table-row-border-color, #f0f0f0);
 }
@@ -3990,6 +3979,80 @@
   width: fit-content;
 }
 
+:root {
+  --uniface-concise-table-primary-color: #333;
+  --uniface-concise-table-primary-background-color: #ffffff;
+  --uniface-concise-table-out-border: #333;
+  --uniface-concise-table-header-background: #E1F5FE;
+  --uniface-concise-table-header-color: #333;
+  --uniface-concise-table-header-line-color: #fff;
+  --uniface-concise-table-data-line-color: #7f7f7f;
+  --uniface-concise-table-fixed-columns-background: #E0E0E0;
+  --uniface-concise-table-bg: unset;
+}
+
+.uniface-concise-datatable {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  color: var(--uniface-concise-table-bg, unset);
+}
+.uniface-concise-datatable .table-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+.uniface-concise-datatable .table-row {
+  display: flex;
+  width: 100%;
+  position: relative;
+  align-items: center;
+}
+.uniface-concise-datatable .table-row .data-cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 2px 4px;
+}
+.uniface-concise-datatable .table-header {
+  background-color: #f5f5f5;
+  padding: 0;
+  flex-shrink: 0;
+  z-index: 10;
+  user-select: none;
+}
+.uniface-concise-datatable .table-header .table-row {
+  font-weight: 600;
+}
+.uniface-concise-datatable .table-header .table-row .data-cell {
+  text-align: center !important;
+}
+.uniface-concise-datatable .table-body-container {
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.uniface-concise-datatable .table-body-container .table-body {
+  width: 100%;
+}
+.uniface-concise-datatable .table-body-container .table-row {
+  cursor: pointer;
+}
+.uniface-concise-datatable .table-body-container .table-row.alternative {
+  background-color: var(--uniface-concise-table-row-alter-bg, #F8FAFC);
+  color: var(--uniface-concise-table-row-alter-color, #374151);
+}
+.uniface-concise-datatable .table-body-container .table-row:hover {
+  background-color: #f9f9f9;
+}
+.uniface-concise-datatable .table-body-container.auto-scroll {
+  overflow-y: hidden;
+}
+
 html {
   box-sizing: border-box;
 }

package/dist/tree-view/TreeNodeView.svelte

@@ -72,16 +72,14 @@
         <div class="node-item" class:selected={activeNode===node} on:click={handleNodeClick} aria-hidden="true"
              on:contextmenu={handleContextMenu}>
             <div class="item-icon">
-                {#if loading}
-                    <img alt="" style="cursor: default" src={iconLoading}/>
-                {:else }
-                    <span aria-hidden="true" on:click={handleNodeIconClick}>{expanded ? '▼' : '▶'}</span>
+                {#if isBranch()}
+                    {#if loading}
+                        <img alt="" style="cursor: default" src={iconLoading}/>
+                    {:else }
+                        <span aria-hidden="true" on:click={handleNodeIconClick}>{expanded ? '▼' : '▶'}</span>
+                    {/if}
                 {/if}
             </div>
-            <div class="item-icon" style="margin-left: 4px;">
-                <i class={isBranch() ? "uniface-icon-folder" : "uniface-icon-file"}
-                   aria-hidden="true"></i>
-            </div>
             <span class="item-text">{node.text}</span>
         </div>
         {#if expanded && node.children}

package/dist/tree-view/TreeUtils.js

@@ -24,7 +24,7 @@ const buildTreeNode = (list, idKey, joinKey, textField, valueField, isRoot, sort
             else {
                 let parent = map.get(item[joinKey]);
                 if (parent != null) {
-                    parent.children = [...parent.children, node];
+                    parent.children = [...(parent.children ?? []), node];
                     node.parent = parent;
                     map.set(item[idKey], node);
                 }
@@ -36,7 +36,7 @@ const buildTreeNode = (list, idKey, joinKey, textField, valueField, isRoot, sort
         else {
             let parent = map.get(item[joinKey]);
             if (parent != null) {
-                parent.children = [...parent.children, item];
+                parent.children = [...(parent.children ?? []), item];
                 node.parent = parent;
                 map.set(item[idKey], node);
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "uniface web elements",
   "scripts": {
     "dev": "vite dev",
@@ -100,6 +100,10 @@
       "types": "./dist/common/FullscreenOverlay.svelte.d.ts",
       "import": "./dist/common/FullscreenOverlay.svelte"
     },
+    "./ConciseDataTable": {
+      "types": "./dist/concise-data-table/index.d.ts",
+      "import": "./dist/concise-data-table/index.js"
+    },
     "./PromptsTextEditor": {
       "types": "./dist/prompts-text-editor/index.d.ts",
       "import": "./dist/prompts-text-editor/index.js"

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

@@ -1,19 +0,0 @@
-<script lang="ts">
-    export let text;
-    export let action;
-    export let style: string = '';
-
-    let silent: boolean = false;
-
-    const handleButtonClick = (e) => {
-        if (!silent) {
-            silent = true;
-            setTimeout(()=>{silent=false}, 500);
-            action();
-        }
-    }
-
-</script>
-<a {style} class="action-button" href="javascript:void(0)" on:click={handleButtonClick}>
-    <span>{text}</span>
-</a>