sd-render 1.2.3 → 1.2.5

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

@@ -0,0 +1,128 @@
+import { PropType } from 'vue';
+import { ConnectStateStore } from '../../types/StateStore';
+import { OrderBy } from '../../types/SdGridType';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    formId: {
+        type: StringConstructor;
+        required: true;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: true;
+    };
+    parentField: {
+        type: StringConstructor;
+        required: true;
+    };
+    rootValue: {
+        type: any;
+        default: null;
+    };
+    parentId: {
+        default: string;
+    };
+    params: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    where: {
+        type: StringConstructor;
+        default: string;
+    };
+    orderBy: {
+        type: PropType<OrderBy[]>;
+        default: null;
+    };
+    saveWithLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userState: {
+        type: PropType<ConnectStateStore>;
+        required: true;
+    };
+}>, {}, {
+    treeOptions: any[];
+    loading: boolean;
+    defaultParams: Record<string, any>;
+}, {
+    cascaderPassAttrs(): object;
+    displayValue(): any;
+    mergedCascaderProps(): object;
+}, {
+    resolveParentId(raw: any): any;
+    buildTree(flatList: any[]): any[];
+    buildParams(): Record<string, any>;
+    loadData(): void;
+    handleChange(value: any): void;
+    reload(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    formId: {
+        type: StringConstructor;
+        required: true;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: true;
+    };
+    parentField: {
+        type: StringConstructor;
+        required: true;
+    };
+    rootValue: {
+        type: any;
+        default: null;
+    };
+    parentId: {
+        default: string;
+    };
+    params: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    where: {
+        type: StringConstructor;
+        default: string;
+    };
+    orderBy: {
+        type: PropType<OrderBy[]>;
+        default: null;
+    };
+    saveWithLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    userState: {
+        type: PropType<ConnectStateStore>;
+        required: true;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    params: Record<string, any>;
+    limit: number;
+    where: string;
+    orderBy: OrderBy[];
+    parentId: string;
+    valueField: string;
+    rootValue: any;
+    saveWithLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -277,6 +277,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     customOptions: any;
     mockup: boolean;
 }, {}, {
-    Chart: import('node_modules/vue-chartjs/dist/types').ChartComponent;
+    Chart: any;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,232 @@
+import { Extension } from '@codemirror/state';
+import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    syntaxTheme: {
+        type: StringConstructor;
+        default: string;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    minLines: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxLines: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    acePop: {
+        type: () => any[];
+        default: () => never[];
+    };
+    aceSnippet: {
+        type: () => any[];
+        default: () => never[];
+    };
+    memberSchema: {
+        type: () => Record<string, any>;
+        default: () => {};
+    };
+    autoBeautify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    isDark: import('vue').WritableComputedRef<boolean, boolean>;
+    cmCompleter: {
+        state: {
+            acePop: any[];
+            aceSnippet: any[];
+            memberSchema: Record<string, any>;
+        };
+        setCompleter(acePop?: any[], aceSnippet?: any[]): void;
+        setMemberSchema(schema?: Record<string, any>): void;
+    };
+}, {}, {
+    isDarkMode(): boolean;
+    liveAutocomplete(): boolean;
+}, {
+    _build(this: any): Promise<void>;
+    _extensions(this: any, langExt: Extension): Extension[];
+    _isJsLang(this: any): boolean;
+    /** Vue directive completion (v-if/v-for/@/:) — เฉพาะ lang vue, ในตำแหน่ง attribute เท่านั้น */
+    _vueDirectiveSource(this: any, context: CompletionContext): CompletionResult | null;
+    /** completion ของภาษาปัจจุบัน (html tag/attr, sql keyword, vue nested) ผ่าน language data */
+    _langDataCompletion(this: any, context: CompletionContext): Promise<CompletionResult | null>;
+    /** โหลด language extension — js sync (core), ภาษาอื่น lazy (dynamic import → vite code-split) */
+    _loadLangExt(this: any, lang: string): Promise<Extension>;
+    _themeExt(this: any): Extension;
+    _readonlyExt(this: any): Extension;
+    _heightStyle(this: any): Record<string, string>;
+    _heightExt(this: any): Extension;
+    /** member-aware + type inference: `sdform.` (var) / chain / object-array literal → method ตาม type */
+    _memberSource(this: any, context: CompletionContext): CompletionResult | null;
+    /** lang=vue เป็น template editor (scope = data/params) → ไม่ดึง JS completer ของ context อื่น (form event/api) จาก global store */
+    _skipGlobalCompleter(this: any): boolean;
+    /** acePop/aceSnippet ที่ใช้จริง: props ถ้าส่งมา ไม่งั้น fallback global store (useCmCompleter) — เว้น vue template */
+    _effAcePop(this: any): any[];
+    _effAceSnippet(this: any): any[];
+    /** memberSchema: props ถ้าส่งมา ($types/keys) ไม่งั้น fallback global store (context set ไว้) — เว้น vue template */
+    _effMemberSchema(this: any): Record<string, any>;
+    /** flat: acePop + aceSnippet (อ่าน array ปัจจุบันทุกครั้ง → dynamic add/remove ใช้ได้เลย) */
+    _flatSource(this: any, context: CompletionContext): CompletionResult | null;
+    focus(this: any): void;
+    blur(this: any): void;
+    selectAll(this: any): void;
+    /** format code ทั้งเอกสาร (js-beautify) — เรียกผ่าน ref หรือกด Mod-Alt-L (Ctrl/Cmd+Alt+L) · sql/pgsql ไม่รองรับ */
+    beautify(this: any): Promise<void>;
+    _runBeautify(this: any, code: string): Promise<string | null>;
+    setValue(this: any, newValue: any): void;
+    getValue(this: any): string;
+    getEditorAnnotations(this: any): any[];
+    /**
+     * หา syntax error ของโค้ด JS ด้วย Lezer parser → คืนช่วง { from, to } ใน "โค้ดจริง"
+     * โค้ด event/API รันใน async function wrapper ตอน runtime → wrap ก่อน parse
+     * กัน false-positive จาก top-level await/return ที่จริงๆ ถูกต้อง
+     * ใช้ร่วมกันทั้ง gate (getEditorAnnotations) และ visual lint (_jsLinter)
+     */
+    _jsSyntaxErrors(this: any, code: string): {
+        from: number;
+        to: number;
+    }[];
+    /** CodeMirror linter — เส้นหยัก + gutter marker + tooltip แบบ real-time (เฉพาะ JS) */
+    _jsLinter(this: any): Extension;
+    /** เพิ่ม completion items แบบ imperative (เก็บต่อท้าย acePop ปัจจุบัน) */
+    addCompleter(this: any, items: any[]): void;
+    /** เพิ่ม snippet items แบบ imperative */
+    addSnippet(this: any, items: any[]): void;
+    _setDoc(this: any, val: string): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onFocus" | "onBlur" | "onChange" | "onInput" | "init" | "update:value")[], "onFocus" | "onBlur" | "onChange" | "onInput" | "init" | "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    syntaxTheme: {
+        type: StringConstructor;
+        default: string;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    minLines: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxLines: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    acePop: {
+        type: () => any[];
+        default: () => never[];
+    };
+    aceSnippet: {
+        type: () => any[];
+        default: () => never[];
+    };
+    memberSchema: {
+        type: () => Record<string, any>;
+        default: () => {};
+    };
+    autoBeautify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOnFocus?: ((...args: any[]) => any) | undefined;
+    onOnBlur?: ((...args: any[]) => any) | undefined;
+    onOnChange?: ((...args: any[]) => any) | undefined;
+    onOnInput?: ((...args: any[]) => any) | undefined;
+    onInit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    placeholder: string;
+    dark: boolean;
+    options: Record<string, any>;
+    readonly: boolean;
+    maxHeight: string;
+    theme: string;
+    lang: string;
+    syntaxTheme: string;
+    wrap: boolean;
+    minLines: number;
+    maxLines: number;
+    minHeight: string;
+    acePop: any[];
+    aceSnippet: any[];
+    memberSchema: Record<string, any>;
+    autoBeautify: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -186,6 +186,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     showInput(): any;
     dataError(): boolean;
+    backdrop(): boolean;
 }, {
     initForm(sdform: SdFormType): Promise<void>;
     getFormDataRecord(): Promise<void>;
@@ -254,8 +255,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>> & Readonly<{}>, {
-    readonly: boolean;
     params: any;
+    readonly: boolean;
     showFooter: boolean;
     dataId: string;
     parentId: string;
@@ -365,6 +366,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         formParentId(): any;
         formDataId(): any;
         formParams(): any;
+        backdropForm(): boolean;
     }, {
         subFormOpen(bindProps: any): void;
         subFormClose(): void;
@@ -498,6 +500,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             formParentId(): any;
             formDataId(): any;
             formParams(): any;
+            backdropForm(): boolean;
         }, /*elided*/ any, import('vue').DefineComponent<{}, {
             refList: any;
         }, {
@@ -645,6 +648,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             formParentId(): any;
             formDataId(): any;
             formParams(): any;
+            backdropForm(): boolean;
         }, {
             setCurrentInstance(): void;
             emit$(eventName: any, data: any): void;

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

@@ -333,6 +333,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     defaultParentId: string;
     defaultWhere: string;
 }, {
+    backdropForm(): boolean;
     actionWidthAuto(): number;
     totalLabel(): string;
     ddId(): string;
@@ -649,9 +650,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onAftersave?: ((...args: any[]) => any) | undefined;
 }>, {
     iconName: string;
-    readonly: boolean;
     params: any;
     height: string | number;
+    readonly: boolean;
     maxHeight: string | number;
     providerType: string;
     dataProvider: SdProvider;

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

@@ -150,7 +150,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleCancel(): void;
     updateForm(sdform: SdFormType): void;
     initForm(sdform: SdFormType): 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;
     formId: {
         type: StringConstructor;
@@ -214,9 +214,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly: boolean;
     params: Record<string, any>;
     modelValue: any;
+    readonly: boolean;
     dataId: string;
     parentId: string;
     initData: Record<string, any>;

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

@@ -276,7 +276,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleOpen(): Promise<void>;
     handleCancel(): void;
     initForm(sdform: SdFormType): 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;
     formId: {
         type: StringConstructor;
@@ -529,11 +529,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     iconName: string;
-    readonly: boolean;
     params: Record<string, any>;
     width: string;
     height: string | number;
     modelValue: any;
+    readonly: boolean;
     maxHeight: string | number;
     dataProvider: SdProvider;
     resizable: boolean;

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

@@ -218,7 +218,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleChange(value: any, itemSelected: any): void;
     getDataId(): void;
     getValueSelect(value: any): any;
-}, 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;
     formId: {
         type: StringConstructor;
@@ -370,9 +370,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onVisibleChange?: ((...args: any[]) => any) | undefined;
     onRemoteMethod?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: any;
     placeholder: string;
     readonly: boolean;
-    modelValue: any;
     multiple: boolean;
     limit: number;
     providerType: string;

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

@@ -228,6 +228,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         get(): any;
         set(value: any): void;
     };
+    backdrop(): boolean;
     dependOn(): boolean;
     dependParentId(): any;
     defaultPopUpForm(): {
@@ -261,7 +262,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleChange(value: any, itemSelected: any): void;
     getDataId(): void;
     getValueSelect(value: any): any;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue" | "visibleChange" | "remoteMethod" | "update:crudPopupForm")[], "change" | "update:modelValue" | "visibleChange" | "remoteMethod" | "update:crudPopupForm", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change" | "visibleChange" | "remoteMethod" | "update:crudPopupForm")[], "update:modelValue" | "change" | "visibleChange" | "remoteMethod" | "update:crudPopupForm", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     formId: {
         type: StringConstructor;
@@ -426,9 +427,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onRemoteMethod?: ((...args: any[]) => any) | undefined;
     "onUpdate:crudPopupForm"?: ((...args: any[]) => any) | undefined;
 }>, {
-    placeholder: string;
     disabled: boolean;
     modelValue: any;
+    placeholder: string;
     multiple: boolean;
     limit: number;
     providerType: string;

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

@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleOpen(): Promise<void>;
     handleCancel(): void;
     initForm(sdform: SdFormType): 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;
     formId: {
         type: StringConstructor;