@ticatec/uniface-element 0.3.4 → 0.3.6

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

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

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

@@ -5,7 +5,7 @@
     export let data;
     export let href: HrefBuilder;
 
-    let list: Array<HrefLink> = [];
+    let list: Array<HrefLink | string> = [];
 
 
     $: {
@@ -15,7 +15,11 @@
 </script>
 <div style="display: flex; flex-direction: row; gap: 8px; justify-content: center">
     {#each list as item, idx}
-        <button class="link-style" on:click|preventDefault={()=>item.action()}>{item.text}</button>
+        {#if typeof item == "string"}
+            <span>{item}</span>
+        {:else}
+            <button class="link-style" on:click|preventDefault={()=>item.action()}>{item.text}</button>
+        {/if}
     {/each}
 </div>
 
@@ -29,6 +33,7 @@
         font: inherit;
         padding: 0;
     }
+
     button.link-style:focus {
         outline: none;
     }

package/dist/input-options-select/InputOptionsSelect.svelte

@@ -15,6 +15,7 @@
     export let value: any = null;
     export let keyField: string = "code";
     export let textField: string = "text";
+    export let displayCode: boolean = false;
     export let menu$height: number = 0;
     export let style: string = '';
     export let placeholder: string = "";
@@ -162,8 +163,8 @@
     let isUserTyping: boolean = false;
 
     const handleInput = () => {
+        isUserTyping = true;
         if (!composing) {
-            isUserTyping = true;
             text = inputText;
             value = null;
             oninput?.(text);
@@ -193,6 +194,9 @@
     const handleBlur = (event: FocusEvent) => {
         if (!showPopup) {
             hasFocus = false;
+            if (value == null) {
+                text = '';
+            }
             onblur?.();
         }
     };
@@ -222,9 +226,9 @@
                 // 如果已选择值，根据焦点状态显示keyField或textField
                 let selectedItem = options.find(op => op[keyField] == value);
                 if (selectedItem) {
-                    inputText = hasFocus ? selectedItem[keyField] : selectedItem[textField];
+                    inputText = hasFocus && displayCode ? selectedItem[keyField] : selectedItem[textField];
                 } else {
-                    inputText = hasFocus ? value : text;
+                    inputText = hasFocus && displayCode ? value : text;
                 }
             }
         }

package/dist/input-options-select/InputOptionsSelect.svelte.d.ts

@@ -23,6 +23,7 @@ declare const InputOptionsSelect: $$__sveltets_2_IsomorphicComponent<{
     value?: any;
     keyField?: string;
     textField?: string;
+    displayCode?: boolean;
     menu$height?: number;
     style?: string;
     placeholder?: string;

package/dist/list-box/ListBox.svelte

@@ -184,7 +184,7 @@
             {#if readonly === false && (filter || lazyLoader)}
                 <div class="header-search">
                     <SearchBox bind:this={searchBox} compact variant="plain" disabled={isBusy} style="width: 100%" bind:value={filterText}
-                               onChange={handleCriteriaChange}/>
+                               onchange={handleCriteriaChange}/>
                 </div>
             {/if}
         </div>
@@ -195,7 +195,7 @@
                 {#if selectMode === "multiple"}
                     <div class="listview-item" style="display: flex; flex-direction: row; align-items: center; gap: 8px">
                         <CheckBox style="flex: 0 0 auto; margin-left: 8px" {readonly} value={selectedList.indexOf(item) > -1}
-                                  onChange={handleSelectionChanged(item)}/>
+                                  onchange={handleSelectionChanged(item)}/>
                         <div style="flex: 1 1 auto; cursor: pointer" aria-hidden="true" on:click={handleSelectionChanged(item)}>
                             <svelte:component this={itemRender} {readonly} {item} {...item$props}/>
                         </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "A comprehensive UI component library for Svelte applications with rich form controls, data tables, layouts and interactive elements",
   "keywords": [
     "svelte",