@ticatec/uniface-element 0.1.31 → 0.1.33

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

@@ -10,6 +10,14 @@ export default interface RowAction {
      *
      */
     label: string;
+    /**
+     *
+     */
+    type?: 'primary' | 'secondary' | 'third' | 'forth';
+    /**
+     *
+     */
+    icon?: string;
     /**
      *
      */

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

@@ -1,11 +1,12 @@
 <script lang="ts">
 
     import type RowAction from "../lib/RowAction";
-    import {TextButton} from "../../button";
+    import {IconButton, TextButton} from "../../button";
     import type TableRow from "./TableRow";
     import {onDestroy, onMount, tick} from "svelte";
     import utils from "../../common/utils";
     import PopupMenu from "./PopupMenu.svelte";
+
     export let row: TableRow;
     export let actions: Array<RowAction>;
     export let alternative: boolean;
@@ -83,13 +84,20 @@
         checkOverflow();
     }
 
-    $: style = rowHeight== null ? '' : `height: ${rowHeight}px`
+    $: style = rowHeight == null ? '' : `height: ${rowHeight}px`;
+
 
 </script>
-<div class="data-row" class:alternative style="position: relative;  display: block; width: {width}px; {style}">
+<div class="data-row" class:alternative style="position: relative;  display: block; padding: 0 4px; width: {width}px; {style}">
     <div class="action-cell" bind:this={cell} style="{align=='center' ? 'margin: 0 auto' : ''}">
         {#each actionList as action}
-            <TextButton style="flex-shrink: 0; top: 0" size="mini" type="primary" label={action.label} onClick={()=>action.callback(row.data)}/>
+            {#if action.icon}
+                <IconButton style="flex-shrink: 0; top: 0" size="mini" type="{action.type ?? 'primary'}" icon={action.icon}
+                            onClick={()=>action.callback(row.data)}/>
+            {:else}
+                <TextButton style="flex-shrink: 0; top: 0" size="mini" type="{action.type ?? 'primary'}" label={action.label}
+                            onClick={()=>action.callback(row.data)}/>
+            {/if}
         {/each}
         {#if popupList.length > 0}
             <TextButton size="mini" type="primary" style="flex-shrink: 0; top: 0" label="..." onClick={showPopupMenu}/>
@@ -99,10 +107,15 @@
     {#if showPopup}
         <PopupMenu {parentRect} closeCallback={()=>{showPopup = false}}>
             <div style="padding: 4px 6px; box-sizing: border-box; background-color: #ffffff;">
-                {#each popupList as action}
-                    <div class="action-popover" style="padding: 4px 6px">
-                        <TextButton size="mini" type="primary" label={action.label}
-                                    onClick={()=>{action.callback?.(row.data); showPopup=false}}/>
+                {#each popupList.reverse() as action}
+                    <div class="action-popover" style="padding: 4px 6px; text-align: center">
+                        {#if action.icon}
+                            <IconButton style="flex-shrink: 0; top: 0" size="mini" type="{action.type ?? 'primary'}" icon={action.icon}
+                                        onClick={()=>{action.callback(row.data); showPopup=false}}/>
+                        {:else}
+                            <TextButton style="flex-shrink: 0; top: 0" size="mini" type="{action.type ?? 'primary'}" label={action.label}
+                                        onClick={()=>{action.callback(row.data); showPopup=false}}/>
+                        {/if}
                     </div>
                 {/each}
             </div>

package/dist/dialog/index.d.ts

@@ -8,8 +8,8 @@ declare global {
         Dialog: IDialog;
     }
 }
+export default Dialog;
 export { type IDialog };
 export { type DialogCloseConfirm };
 export { DialogBoard };
-export default Dialog;
 export { CommonDialog };

package/dist/dialog/index.js

@@ -1,8 +1,8 @@
 import Dialog from "./Dialog.svelte";
 import DialogBoard from "./DialogBoard.svelte";
 import CommonDialog from "./CommonDialog.svelte";
+export default Dialog;
 export {};
 export {};
 export { DialogBoard };
-export default Dialog;
 export { CommonDialog };

package/dist/index.d.ts

@@ -1,15 +1,9 @@
 import { DateContext } from "./base-calendar";
-import type CardAction from "./card/CardAction";
-import type { DialogCloseConfirm, IDialog } from './dialog';
+import type { IDialog } from './dialog';
 import { type IMessageBox, ModalResult } from "./message-box";
 import type { Toast } from "./toast";
 import type { Indicator } from "./indicator";
-import type { UnitOption } from "./unit-number-editor";
 import { DisplayMode } from "./common/DisplayMode.js";
-import type { FunFilter, LazyLoader, LoadResult } from "./list-box";
-import type { ActionsColumn, FormatCell, CellHint, IndicatorColumn, RowAction, GetRowActions, ActionFunction, DataColumn } from "./data-table";
-import type { ContextMenuItem, OnContextMenu, ActionCallback } from "./context-menu";
-import type { MouseClickHandler } from "./common/MouseClickHandler";
 export { DateContext, ModalResult, DisplayMode };
 declare global {
     interface Window {
@@ -19,8 +13,3 @@ declare global {
         Dialog: IDialog;
     }
 }
-export type { CardAction, IDialog, DialogCloseConfirm, IMessageBox, Toast, UnitOption };
-export type { MouseClickHandler };
-export type { LazyLoader, FunFilter, LoadResult };
-export type { ActionsColumn, FormatCell, CellHint, IndicatorColumn, RowAction, GetRowActions, ActionFunction, DataColumn };
-export type { ContextMenuItem, OnContextMenu, ActionCallback };

package/dist/ticatec-uniface-web.css

@@ -3892,6 +3892,7 @@
 .uniface-data-table .action-panel .data-row .action-cell {
   display: flex;
   flex-direction: row;
+  gap: 4px;
   align-items: center;
   width: max-content;
   height: 100%;

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { OnChangeHandler } from "./common/OnChangeHandler";
+import type { MouseClickHandler } from "./common/MouseClickHandler";
+import { DisplayMode } from "./common/DisplayMode.js";
+import { DateContext } from "./base-calendar";
+import { ModalResult } from "./message-box";
+export { DateContext, ModalResult, DisplayMode };
+export type { OnChangeHandler, MouseClickHandler };

package/dist/types.js

@@ -0,0 +1,4 @@
+import { DisplayMode } from "./common/DisplayMode.js";
+import { DateContext } from "./base-calendar";
+import { ModalResult } from "./message-box";
+export { DateContext, ModalResult, DisplayMode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "0.1.31",
+  "version": "0.1.33",
   "description": "uniface web elements",
   "scripts": {
     "dev": "vite dev",
@@ -28,6 +28,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js"
+    },
     "./i18n_resources": {
       "types": "./dist/i18n_resources/index.d.ts",
       "import": "./dist/i18n_resources/index.js"