sd-render 1.2.3 → 1.2.5

package/types/src/components/sdwidget/SdDynamicInput.vue.d.ts

@@ -8,14 +8,14 @@ type __VLS_Props = {
     userState: any;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     blur: (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/src/components/sdwidget/SdExportData.vue.d.ts

@@ -51,7 +51,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleOpen(): void;
     handleCancel(): void;
     handleClose(): Promise<void>;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     dataProvider: {
         type: PropType<SdProvider>;

package/types/src/components/sdwidget/SdFormErd.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     formId: {
@@ -54,8 +54,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: any;
     fixApiUrl: string;

package/types/src/components/sdwidget/SdFormSchema.vue.d.ts

@@ -37,9 +37,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly disabled?: boolean | undefined;
             readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -102,7 +100,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         validateOnRuleChange: boolean;
     }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
         validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -111,7 +109,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
         fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
         setInitialValues: (initModel: Record<string, any>) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         };

package/types/src/components/sdwidget/SdFormSchemaForm.vue.d.ts

@@ -33,9 +33,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly disabled?: boolean | undefined;
             readonly onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -98,7 +96,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         validateOnRuleChange: boolean;
     }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
         validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -107,7 +105,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
         fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
         setInitialValues: (initModel: Record<string, any>) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         };

package/types/src/components/sdwidget/SdGallery.vue.d.ts

@@ -37,9 +37,7 @@ declare function __VLS_template(): {
                 readonly onShow?: (() => any) | undefined | undefined;
                 readonly onSwitch?: ((val: number) => any) | undefined | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -113,9 +111,9 @@ declare function __VLS_template(): {
             onLoad?: ((evt: Event) => any) | undefined;
             onShow?: (() => any) | undefined;
             onSwitch?: ((val: number) => any) | undefined;
-        }>, "src" | "fit" | "previewSrcList" | "initialIndex" | "infinite" | "closeOnPressEscape" | "zoomRate" | "scale" | "minScale" | "maxScale" | "showPreview"> & import('vue').ShallowUnwrapRef<{
+        }>, "src" | "fit" | "previewSrcList" | "initialIndex" | "infinite" | "closeOnPressEscape" | "zoomRate" | "scale" | "minScale" | "maxScale" | "showPreview"> & {
             showPreview: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 error?: (props: {}) => any;
             } & {
@@ -211,9 +209,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly onShow?: (() => any) | undefined | undefined;
             readonly onSwitch?: ((val: number) => any) | undefined | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -287,9 +283,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         onLoad?: ((evt: Event) => any) | undefined;
         onShow?: (() => any) | undefined;
         onSwitch?: ((val: number) => any) | undefined;
-    }>, "src" | "fit" | "previewSrcList" | "initialIndex" | "infinite" | "closeOnPressEscape" | "zoomRate" | "scale" | "minScale" | "maxScale" | "showPreview"> & import('vue').ShallowUnwrapRef<{
+    }>, "src" | "fit" | "previewSrcList" | "initialIndex" | "infinite" | "closeOnPressEscape" | "zoomRate" | "scale" | "minScale" | "maxScale" | "showPreview"> & {
         showPreview: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             error?: (props: {}) => any;
         } & {

package/types/src/components/sdwidget/SdGrid.vue.d.ts

@@ -258,9 +258,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     iconName: string;
-    readonly: boolean;
     height: string | number;
     popupWidth: string;
+    readonly: boolean;
     maxHeight: string | number;
     resizable: boolean;
     addBtnEnable: boolean;

package/types/src/components/sdwidget/SdIcon.vue.d.ts

@@ -36,7 +36,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     handleChange(value: any): void;
     remoteMethod(queryString: string): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     elIcons: {
         type: BooleanConstructor;
@@ -62,9 +62,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    placeholder: string;
     disabled: boolean;
     modelValue: any;
+    placeholder: string;
     multiple: boolean;
     allowCreate: boolean;
     elIcons: boolean;

package/types/src/components/sdwidget/SdOptionsItems.vue.d.ts

@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     readonly: BooleanConstructor;
 }>> & Readonly<{}>, {
-    readonly: boolean;
     modelValue: OptionType[];
+    readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/src/components/sdwidget/SdScan.vue.d.ts

@@ -0,0 +1,369 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** โค้ดล่าสุดที่สแกนได้ (v-model) — optional convenience, ไม่จำเป็นต้องผูก */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * โปรไฟล์ hardware สำเร็จรูป — เซ็ตง่ายๆ ตัวเดียวจบ (override props react* ด้านล่าง):
+     * - 'keyboard' : scanner USB/Bluetooth ที่จำลองคีย์บอร์ด (ค่าเริ่มต้น)
+     * - 'paste'    : scanner ในมือถือ/กล้อง ที่ paste ค่าเข้ามา
+     * - 'both'     : รับทั้ง keyboard + paste
+     * - ''         : ไม่ใช้ preset, คุมเองผ่าน props react* / options
+     */
+    preset: {
+        type: PropType<"keyboard" | "paste" | "both" | "">;
+        default: string;
+    };
+    /**
+     * จุดที่ผูก listener — รับได้ 3 แบบ:
+     * - 'document' (default) : ดักทั้งหน้า
+     * - CSS selector string  : เช่น '#scan-zone' (ผูกที่ element นั้น, element ต้องถูก focus ถึงจะรับ keydown)
+     * - HTMLElement / Document object ตรงๆ
+     */
+    target: {
+        type: PropType<string | HTMLElement | Document>;
+        default: string;
+    };
+    /** ปิดการทำงานชั่วคราว (detach listener) */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * แสดงสถานะเล็กๆ ที่มุมจอ:
+     * - 'none'   (default) : ซ่อนทุกอย่าง (headless ล้วน)
+     * - 'dot'    : จุดเล็กๆ ล้วน บอกสถานะด้วยสี (พร้อม / กำลังสแกน / ปิด) — ย่อสุด
+     * - 'status' : จุด + ข้อความสถานะ (ไม่โชว์ value) — แบบย่อ บอกแค่สถานะ
+     * - 'badge'  : จุด + ข้อความสถานะ + โค้ดล่าสุด — เต็ม
+     */
+    indicator: {
+        type: PropType<"none" | "dot" | "status" | "badge">;
+        default: string;
+    };
+    /** ตำแหน่ง indicator */
+    indicatorPosition: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
+    /**
+     * auto-hide indicator (วินาที) — หลังมีสถานะแสดง ถ้าเงียบครบ N วิ จะ fade หายไป
+     * แล้วโผล่กลับเมื่อมีสแกนใหม่. 0 = แสดงตลอด (ไม่หาย)
+     */
+    indicatorTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * แสดง indicator เฉพาะตอนสแกน "สำเร็จ" เท่านั้น
+     * - ไม่โผล่/ไม่เปลี่ยนเป็นสถานะ "กำลังสแกน" ระหว่างพิมพ์ (กันกวน)
+     * - error ก็ไม่แสดง
+     * เหมาะใช้คู่ indicatorTimeout > 0 = pop ป้ายเฉพาะตอนยิงผ่าน
+     */
+    indicatorScanOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ใช้ keyCodeMapper เสริมสำหรับอักขระพิเศษใน QR/URL (ปิดได้ถ้าต้องการ behavior เดิมของ lib) */
+    extendedCharset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** keyCode ที่ถือเป็น "จบการสแกน" (มักเป็น [13]=Enter หรือ [9]=Tab) */
+    suffixKeyCodes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    /** keyCode ที่ถือเป็น "เริ่มการสแกน" */
+    prefixKeyCodes: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    /** ความยาวขั้นต่ำของโค้ด */
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** เวลาเฉลี่ยต่ออักขระ (ms) — มากกว่านี้ถือว่าเป็นการพิมพ์มือ ไม่ใช่สแกน */
+    avgTimeByChar: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** หน่วงก่อนเช็คว่าสแกนจบ (ms) */
+    timeBeforeScanTest: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** keyCode ปุ่มสแกน hardware (ถ้าปุ่มทำตัวเป็นคีย์) — false = ไม่มี */
+    scanButtonKeyCode: {
+        type: PropType<number | false>;
+        default: boolean;
+    };
+    scanButtonLongPressTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** ไม่ประมวลผลสแกนถ้า element ที่ focus อยู่ match selector/element นี้ (เช่น 'input, textarea') */
+    ignoreIfFocusOn: {
+        type: PropType<boolean | string | object | any[]>;
+        default: boolean;
+    };
+    stopPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** จับ event ใน capture phase (ก่อน listener ที่ลึกกว่าใน DOM) */
+    captureEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ดักจาก keyboard (scanner USB/BT ที่จำลองคีย์บอร์ด) */
+    reactToKeydown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ดักจาก paste (scanner ในมือถือ / กล้อง ที่ paste ค่า) */
+    reactToPaste: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** จำนวน item ต่อการสแกน 1 ครั้ง */
+    singleScanQty: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** override keyCodeMapper เอง (สำคัญกว่า extendedCharset) */
+    keyCodeMapper: {
+        type: PropType<(e: KeyboardEvent) => string | number | null>;
+        default: null;
+    };
+    /** escape-hatch — option object ดิบของ onScan.js, merge ทับ props ทั้งหมด (priority สูงสุด) */
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>, {}, {
+    attachedEl: HTMLElement | Document | null;
+    scanning: boolean;
+    lastCode: string;
+    flash: boolean;
+    indicatorVisible: boolean;
+    scanResetTimer: number | undefined;
+    flashTimer: number | undefined;
+    hideTimer: number | undefined;
+}, {
+    statusState(): "ready" | "scanning" | "disabled";
+    statusLabel(): string;
+    indicatorTitle(): string;
+    /** indicator ควรแสดงตอนนี้ไหม — timeout<=0 แสดงตลอด, >0 แสดงเฉพาะตอนมี activity ล่าสุด */
+    indicatorShown(): boolean;
+    /** signature ของ option ที่ serializable ได้ — เปลี่ยนแล้ว reattach */
+    optionsKey(): string;
+}, {
+    /** ประกอบ option object ส่งเข้า onScan.js — callback แปลงเป็น $emit */
+    buildOptions(): Record<string, any>;
+    /** ตั้งสถานะ "กำลังสแกน" + auto-reset ถ้าเงียบไป (สำหรับ indicator) */
+    markScanning(): void;
+    /** มี activity → แสดง indicator แล้วตั้งเวลา auto-hide (เฉพาะ indicatorTimeout > 0) */
+    pokeIndicator(): void;
+    handleScan(sCode: string, iQty: number): void;
+    /** แปลง target prop → DOM element จริง */
+    resolveTargetEl(): HTMLElement | Document | null;
+    attach(): void;
+    detach(): void;
+    reattach(): void;
+    /** จำลองการสแกน — string หรือ array ของ keyCode/event object (สำหรับเทส / trigger เอง) */
+    simulateScan(mStringOrArray: string | any[]): void;
+    /** อัปเดต option ระหว่างทาง (ไม่ reattach) — สำหรับ tune แบบ live */
+    applyOptions(opts: Record<string, any>): void;
+    getCurrentOptions(): Record<string, any> | null;
+    isScanning(): boolean;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "paste" | "scan" | "scan-error" | "key-detect" | "key-process" | "scan-button-long-press")[], "update:modelValue" | "paste" | "scan" | "scan-error" | "key-detect" | "key-process" | "scan-button-long-press", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** โค้ดล่าสุดที่สแกนได้ (v-model) — optional convenience, ไม่จำเป็นต้องผูก */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * โปรไฟล์ hardware สำเร็จรูป — เซ็ตง่ายๆ ตัวเดียวจบ (override props react* ด้านล่าง):
+     * - 'keyboard' : scanner USB/Bluetooth ที่จำลองคีย์บอร์ด (ค่าเริ่มต้น)
+     * - 'paste'    : scanner ในมือถือ/กล้อง ที่ paste ค่าเข้ามา
+     * - 'both'     : รับทั้ง keyboard + paste
+     * - ''         : ไม่ใช้ preset, คุมเองผ่าน props react* / options
+     */
+    preset: {
+        type: PropType<"keyboard" | "paste" | "both" | "">;
+        default: string;
+    };
+    /**
+     * จุดที่ผูก listener — รับได้ 3 แบบ:
+     * - 'document' (default) : ดักทั้งหน้า
+     * - CSS selector string  : เช่น '#scan-zone' (ผูกที่ element นั้น, element ต้องถูก focus ถึงจะรับ keydown)
+     * - HTMLElement / Document object ตรงๆ
+     */
+    target: {
+        type: PropType<string | HTMLElement | Document>;
+        default: string;
+    };
+    /** ปิดการทำงานชั่วคราว (detach listener) */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * แสดงสถานะเล็กๆ ที่มุมจอ:
+     * - 'none'   (default) : ซ่อนทุกอย่าง (headless ล้วน)
+     * - 'dot'    : จุดเล็กๆ ล้วน บอกสถานะด้วยสี (พร้อม / กำลังสแกน / ปิด) — ย่อสุด
+     * - 'status' : จุด + ข้อความสถานะ (ไม่โชว์ value) — แบบย่อ บอกแค่สถานะ
+     * - 'badge'  : จุด + ข้อความสถานะ + โค้ดล่าสุด — เต็ม
+     */
+    indicator: {
+        type: PropType<"none" | "dot" | "status" | "badge">;
+        default: string;
+    };
+    /** ตำแหน่ง indicator */
+    indicatorPosition: {
+        type: PropType<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
+    /**
+     * auto-hide indicator (วินาที) — หลังมีสถานะแสดง ถ้าเงียบครบ N วิ จะ fade หายไป
+     * แล้วโผล่กลับเมื่อมีสแกนใหม่. 0 = แสดงตลอด (ไม่หาย)
+     */
+    indicatorTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * แสดง indicator เฉพาะตอนสแกน "สำเร็จ" เท่านั้น
+     * - ไม่โผล่/ไม่เปลี่ยนเป็นสถานะ "กำลังสแกน" ระหว่างพิมพ์ (กันกวน)
+     * - error ก็ไม่แสดง
+     * เหมาะใช้คู่ indicatorTimeout > 0 = pop ป้ายเฉพาะตอนยิงผ่าน
+     */
+    indicatorScanOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ใช้ keyCodeMapper เสริมสำหรับอักขระพิเศษใน QR/URL (ปิดได้ถ้าต้องการ behavior เดิมของ lib) */
+    extendedCharset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** keyCode ที่ถือเป็น "จบการสแกน" (มักเป็น [13]=Enter หรือ [9]=Tab) */
+    suffixKeyCodes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    /** keyCode ที่ถือเป็น "เริ่มการสแกน" */
+    prefixKeyCodes: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    /** ความยาวขั้นต่ำของโค้ด */
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** เวลาเฉลี่ยต่ออักขระ (ms) — มากกว่านี้ถือว่าเป็นการพิมพ์มือ ไม่ใช่สแกน */
+    avgTimeByChar: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** หน่วงก่อนเช็คว่าสแกนจบ (ms) */
+    timeBeforeScanTest: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** keyCode ปุ่มสแกน hardware (ถ้าปุ่มทำตัวเป็นคีย์) — false = ไม่มี */
+    scanButtonKeyCode: {
+        type: PropType<number | false>;
+        default: boolean;
+    };
+    scanButtonLongPressTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** ไม่ประมวลผลสแกนถ้า element ที่ focus อยู่ match selector/element นี้ (เช่น 'input, textarea') */
+    ignoreIfFocusOn: {
+        type: PropType<boolean | string | object | any[]>;
+        default: boolean;
+    };
+    stopPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** จับ event ใน capture phase (ก่อน listener ที่ลึกกว่าใน DOM) */
+    captureEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ดักจาก keyboard (scanner USB/BT ที่จำลองคีย์บอร์ด) */
+    reactToKeydown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** ดักจาก paste (scanner ในมือถือ / กล้อง ที่ paste ค่า) */
+    reactToPaste: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** จำนวน item ต่อการสแกน 1 ครั้ง */
+    singleScanQty: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** override keyCodeMapper เอง (สำคัญกว่า extendedCharset) */
+    keyCodeMapper: {
+        type: PropType<(e: KeyboardEvent) => string | number | null>;
+        default: null;
+    };
+    /** escape-hatch — option object ดิบของ onScan.js, merge ทับ props ทั้งหมด (priority สูงสุด) */
+    options: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onPaste?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onScan?: ((...args: any[]) => any) | undefined;
+    "onScan-error"?: ((...args: any[]) => any) | undefined;
+    "onKey-detect"?: ((...args: any[]) => any) | undefined;
+    "onKey-process"?: ((...args: any[]) => any) | undefined;
+    "onScan-button-long-press"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    target: string | Document | HTMLElement;
+    options: Record<string, any>;
+    indicatorPosition: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+    preset: "" | "paste" | "both" | "keyboard";
+    indicator: "none" | "status" | "dot" | "badge";
+    indicatorTimeout: number;
+    indicatorScanOnly: boolean;
+    extendedCharset: boolean;
+    suffixKeyCodes: number[];
+    prefixKeyCodes: number[];
+    minLength: number;
+    avgTimeByChar: number;
+    timeBeforeScanTest: number;
+    scanButtonKeyCode: number | false;
+    scanButtonLongPressTime: number;
+    ignoreIfFocusOn: string | boolean | object | any[];
+    stopPropagation: boolean;
+    preventDefault: boolean;
+    captureEvents: boolean;
+    reactToKeydown: boolean;
+    reactToPaste: boolean;
+    singleScanQty: number;
+    keyCodeMapper: (e: KeyboardEvent) => string | number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/src/components/sdwidget/SdSelectPathData.vue.d.ts

@@ -69,8 +69,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     disabled: {
@@ -142,8 +142,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     path: string;
     disabled: boolean;

package/types/src/components/sdwidget/SdSelectRemoteList.vue.d.ts

@@ -155,7 +155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     getDataAll(sdProvider: SdProvider, callback?: Function): Promise<void>;
     getDataOne(sdProvider: SdProvider, callback?: Function): Promise<void>;
     addRawData(data: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue" | "visibleChange" | "remoteMethod")[], "change" | "update:modelValue" | "visibleChange" | "remoteMethod", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change" | "visibleChange" | "remoteMethod")[], "update:modelValue" | "change" | "visibleChange" | "remoteMethod", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     dataProvider: {
         type: PropType<SdProvider>;
@@ -267,8 +267,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onVisibleChange?: ((...args: any[]) => any) | undefined;
     onRemoteMethod?: ((...args: any[]) => any) | undefined;
 }>, {
-    placeholder: string;
     modelValue: any;
+    placeholder: string;
     multiple: boolean;
     limit: number;
     buildState: boolean;