@ticatec/uniface-element 0.1.15 → 0.1.17

package/dist/list-box/ListBox.svelte.d.ts

@@ -13,19 +13,14 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const ListBox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+declare const ListBox: $$__sveltets_2_IsomorphicComponent<{
     readonly?: boolean;
-    style?: string;
-    header$style?: string;
+    style?: string | null;
+    header$style?: string | null;
     list: Array<any>;
     itemRender: any;
     selectMode?: "none" | "single" | "multiple";
-    filter: FunFilter | null;
+    filter?: FunFilter | null;
     lazyLoader?: LazyLoader | null;
     selectedItem?: any;
     selectedList?: Array<any>;
@@ -33,18 +28,17 @@ declare const ListBox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWi
     item$props?: any;
     onSelectChange?: (item: any) => void;
     onItemDblClick?: (item: any) => void;
+    title?: string;
+    round?: boolean;
+    footer$style?: string | null;
 }, {
-    header: {};
-    default: {};
-    loadMoreIndicator: {};
-    footer: {};
-}>, {
     [evt: string]: CustomEvent<any>;
 }, {
     header: {};
-    default: {};
     loadMoreIndicator: {};
-    footer: {};
+    footer: {
+        slot: string;
+    };
 }, {}, string>;
 type ListBox = InstanceType<typeof ListBox>;
 export default ListBox;

package/dist/message-box/IMessageBox.js

@@ -1,4 +1,4 @@
-import i18n from "../i18nContext";
+import i18n from "@ticatec/i18n";
 ;
 var ModalResult;
 (function (ModalResult) {

package/dist/nav-menu/NavigatorMenuItem.svelte

@@ -3,7 +3,7 @@
     import {slide} from "svelte/transition";
     import type MenuItem from "./MenuItem";
     import type {OnMenuClick} from "./MenuItem";
-    import i18n from "../i18nContext";
+    import i18n from "@ticatec/i18n";
 
     export let item: MenuItem;
     export let expand: boolean = false;

package/dist/options-multi-select/OptionsMultiSelect.svelte

@@ -108,7 +108,7 @@
               bind:showPopup canClean={value!=null} autoFit clean={cleanData} {textValue} {readonly} {disabled}>
 
     <div class="option-field" aria-hidden="true" on:click={()=>{showPopup = true}}>
-        <input bind:this={editor} style="position: absolute; left: 1px; width: 1px" on:keydown={handleKeyDown}/>
+        <input bind:this={editor} style="position: absolute; left: 1px; width: 1px; visibility: hidden" on:keydown={handleKeyDown}/>
         <div style="width: 100%; overflow: hidden; display: flex; flex-direction: row; gap: 6px">
             {#if selectedList.length > 0 }
                 {#each selectedList as code}

package/dist/property-editor/PropertyEditor.svelte

@@ -7,7 +7,7 @@
     import PropertyDatePickup from "./component/PropertyDatePickup.svelte";
     import PropertyNumberEditor from "./component/PropertyNumberEditor.svelte";
     import PropertyOptionsSelector from "./component/PropertyOptionsSelector.svelte";
-    import i18n from "../i18nContext";
+    import i18n from "@ticatec/i18n";
     import PropertyTextWordsEditor from "./component/PropertyPromptsTextEditor.svelte";
 
     export let fields: Array<PropertyField>;

package/dist/search-box/SearchBox.svelte

@@ -1,20 +1,28 @@
 <script lang="ts">
 
     import CommonEditor from "../common-editor/CommonEditor.svelte";
-    import iconLoader from "../assets/loading.gif";
     import type {OnChangeHandler} from "../common/OnChangeHandler";
 
     export let variant: '' | 'plain' | 'outlined' | 'filled' = '';
     export let compact: boolean = false;
     export let style: string = '';
-    export let value: string = '';
-    export let loading: boolean = false;
-    export let onChange: OnChangeHandler<string> = null as unknown as OnChangeHandler<string>;
+    export let value: string | null;
+    export let disabled: boolean = false;
+    export let onChange: OnChangeHandler<string|null> = null as unknown as OnChangeHandler<string|null>;
+
+    export let placeholder: string | null = null;
+
+    export const focus = () => {
+        console.log('查询框获取焦点')
+        editor.focus();
+    }
+
+    let editor: any;
 
     let composing: boolean = false;
     let inputText: string;
 
-    $: inputText = value;
+    $: inputText = value??'';
 
     const handleInput = () => {
         if (composing == false) {
@@ -23,27 +31,26 @@
         }
     };
     const handleCompositionStart = (event: CompositionEvent) => {
-        //event.target.composing = true;
         composing = true;
     };
 
     const handleCompositionEnd = (event: CompositionEvent) => {
-        //event.target.composing = false;
         composing = false;
         value = inputText;
         onChange?.(value);
     };
 
+    const clean = () => {
+        value = null;
+        onChange?.(value);
+    }
+
 </script>
 
-<CommonEditor {variant} {compact} {style}>
+<CommonEditor {variant} {compact} {style} showActionIcon={value != null && value.length > 0} {clean}>
     <div slot='leading-icon'>
-        {#if loading}
-            <img width="20" height="20" src={iconLoader} alt=""/>
-        {:else}
-            <i class="uniface-icon-search"></i>
-        {/if}
+        <i class="uniface-icon-search"></i>
     </div>
-    <input style="width: 100%" bind:value={inputText} on:input={handleInput} on:compositionstart={handleCompositionStart}
-           on:compositionend={handleCompositionEnd} />
+    <input bind:this={editor} style="width: 100%" bind:value={inputText} {disabled}  on:input={handleInput} on:compositionstart={handleCompositionStart}
+           on:compositionend={handleCompositionEnd} {placeholder}/>
 </CommonEditor>

package/dist/search-box/SearchBox.svelte.d.ts

@@ -16,11 +16,15 @@ declare const SearchBox: $$__sveltets_2_IsomorphicComponent<{
     variant?: "" | "plain" | "outlined" | "filled";
     compact?: boolean;
     style?: string;
-    value?: string;
-    loading?: boolean;
-    onChange?: OnChangeHandler<string>;
+    value: string | null;
+    disabled?: boolean;
+    onChange?: OnChangeHandler<string | null>;
+    placeholder?: string | null;
+    focus?: () => void;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {
+    focus: () => void;
+}, string>;
 type SearchBox = InstanceType<typeof SearchBox>;
 export default SearchBox;

package/dist/text-editor/TextEditor.svelte

@@ -47,13 +47,12 @@
 
 </script>
 <CommonEditor {displayMode} {style} {value} {suffix} {prefix} {readonly} {disabled} {variant} {compact}
+              hasLeadingIcon={$$slots['leading-icon']} hasTrailingIcon={$$slots['trailing-icon']}
               showActionIcon={!readonly && !disabled && removable && value?.length > 0} placeholder={input$['placeholder']}
               class={className} clean={clean}>
     <svelte:fragment slot="leading-icon">
         {#if $$slots['leading-icon']}
-            <div class="editor-embed-icon">
-                <slot name="leading-icon"/>
-            </div>
+            <slot name="leading-icon"/>
         {/if}
     </svelte:fragment>
     <input bind:this={editor} type="text" style="flex: 1 1 auto" bind:value={value} {...input$}