@ticatec/uniface-element 0.1.14 → 0.1.16

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,16 +1,24 @@
 <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 disabled: boolean = false;
     export let onChange: OnChangeHandler<string> = null as unknown as OnChangeHandler<string>;
 
+    export let placeholder: string | null = null;
+
+    export const focus = () => {
+        console.log('查询框获取焦点')
+        editor.focus();
+    }
+
+    let editor: any;
+
     let composing: boolean = false;
     let inputText: string;
 
@@ -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

@@ -17,10 +17,14 @@ declare const SearchBox: $$__sveltets_2_IsomorphicComponent<{
     compact?: boolean;
     style?: string;
     value?: string;
-    loading?: boolean;
+    disabled?: boolean;
     onChange?: OnChangeHandler<string>;
+    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$}