@ticatec/uniface-element 0.2.3 → 0.3.0

package/dist/transfer/Transfer.svelte

@@ -16,7 +16,9 @@
 
     export let itemRender: any = null;
     export let filter: FunFilter = null as unknown as FunFilter;
-    export let transferData: TransferData = null as unknown as TransferData;
+    export let onchange: TransferData = null as unknown as TransferData;
+    export let onfocus: ((event: FocusEvent) => void) | null = null;
+    export let onblur: ((event: FocusEvent) => void) | null = null;
     export let footer$style: string = 'width: 100%; background-color: #f0f0f0; padding: 2px 6px; text-align: right; box-sizing: border-box';
 
 
@@ -24,7 +26,7 @@
     let targetSelectedList: Array<any> = [];
 
     const moveToTarget = async () => {
-        if (sourceSelectedList.length > 0 && await transferData?.(sourceSelectedList, "right")) {
+        if (sourceSelectedList.length > 0 && await onchange?.(sourceSelectedList, "right")) {
             targetList = [...targetList, ...sourceSelectedList];
             sourceList = sourceList.filter(item => sourceSelectedList.indexOf(item) === -1);
             sourceSelectedList = [];
@@ -32,7 +34,7 @@
     }
 
     const moveToSource = async () => {
-        if (targetSelectedList.length > 0 && await transferData?.(targetSelectedList, "left")) {
+        if (targetSelectedList.length > 0 && await onchange?.(targetSelectedList, "left")) {
             sourceList = [...sourceList, ...targetSelectedList];
             targetList = targetList.filter(item => targetSelectedList.indexOf(item) === -1);
             targetSelectedList = [];
@@ -40,7 +42,7 @@
     }
 </script>
 
-<div class="uniface-transfer-container">
+<div class="uniface-transfer-container" on:focus={onfocus} on:blur={onblur} tabindex="0">
     <ListBox class="list-container" title={sourceTitle} {filter} style="{style}; grid-column: 1/2" list={sourceList} selectMode="multiple"
              bind:selectedList={sourceSelectedList} {itemRender}>
         <div slot="footer" style={footer$style}>

package/dist/transfer/Transfer.svelte.d.ts

@@ -21,7 +21,9 @@ declare const Transfer: $$__sveltets_2_IsomorphicComponent<{
     targetTitle: string;
     itemRender?: any;
     filter?: FunFilter;
-    transferData?: TransferData;
+    onchange?: TransferData;
+    onfocus?: ((event: FocusEvent) => void) | null;
+    onblur?: ((event: FocusEvent) => void) | null;
     footer$style?: string;
 }, {
     [evt: string]: CustomEvent<any>;