sd-render 1.2.4 → 1.2.6

package/types/src/components/input3/SdMaskedInput.vue.d.ts

@@ -77,7 +77,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     updateModel(e: any): void;
     updateValue(updateModel?: boolean): void;
     isValueUpdated(): boolean;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("paste" | "focus" | "blur" | "change" | "complete" | "update:modelValue" | "keydown" | "keypress")[], "paste" | "focus" | "blur" | "change" | "complete" | "update:modelValue" | "keydown" | "keypress", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("complete" | "update:modelValue" | "change" | "focus" | "blur" | "keydown" | "paste" | "keypress")[], "complete" | "update:modelValue" | "change" | "focus" | "blur" | "keydown" | "paste" | "keypress", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: any;
     slotChar: {
         type: any;
@@ -125,9 +125,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onComplete?: ((...args: any[]) => any) | undefined;
 }>, {
     mask: any;
-    readonly: any;
     disabled: any;
     modelValue: any;
+    readonly: any;
     slotChar: any;
     autoClear: any;
     unmask: any;

package/types/src/components/input3/eltiptap/hooks/useCodeView.d.ts

@@ -1,6 +1,12 @@
 import { Editor } from '@tiptap/core';
 import { ShallowRef } from 'vue';
+/**
+ * Code View ของ element-tiptap — toggle ดู/แก้ HTML source ของ editor
+ *
+ * ใช้ SdCodeMirror (lang html + :auto-beautify) แทน ace.edit เดิม → ตัด dependency ace-builds
+ * ElementTiptap.vue bind `codeViewHtml` เข้า <SdCodeMirror v-model:value>
+ */
 export default function useCodeView(editor: ShallowRef<Editor | undefined>): {
-    aceAreaRef: import('vue').Ref<any, any>;
     isCodeViewMode: import('vue').Ref<boolean, boolean>;
+    codeViewHtml: import('vue').Ref<string, string>;
 };

package/types/src/components/input3/eltiptap/widget/ElementTiptap.vue.d.ts

@@ -110,14 +110,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     showFooter: import('vue').ComputedRef<boolean>;
     isFullscreen: import('vue').Ref<boolean, boolean>;
     isCodeViewMode: import('vue').Ref<boolean, boolean>;
-    aceAreaRef: import('vue').Ref<any, any>;
+    codeViewHtml: import('vue').Ref<string, string>;
 }, {}, {
     editorStyle(): {
         width: string | number | undefined;
         height: string | number | undefined;
     }[];
     countMax(): number | undefined;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onFocus" | "onBlur" | "change" | "update:modelValue" | "onCreate" | "onUpdate" | "onTransaction" | "onDestroy" | "update:content")[], "onFocus" | "onBlur" | "change" | "update:modelValue" | "onCreate" | "onUpdate" | "onTransaction" | "onDestroy" | "update:content", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onFocus" | "onBlur" | "update:modelValue" | "change" | "onCreate" | "onUpdate" | "onTransaction" | "onDestroy" | "update:content")[], "onFocus" | "onBlur" | "update:modelValue" | "change" | "onCreate" | "onUpdate" | "onTransaction" | "onDestroy" | "update:content", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
         type: any;
         default: string;
@@ -220,14 +220,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:content"?: ((...args: any[]) => any) | undefined;
 }>, {
     output: string;
-    placeholder: string;
-    readonly: boolean;
-    lang: string;
     width: string | number;
     height: string | number;
     modelValue: any;
+    placeholder: string;
     tooltip: boolean;
+    readonly: boolean;
     extensions: AnyExtension[];
+    lang: string;
     enableCharCount: boolean;
     charCountMax: number;
     locale: Record<string, any>;

package/types/src/components/input3/eltiptap/widget/MenuCommands/CommandButton.vue.d.ts

@@ -64,10 +64,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    readonly: boolean;
     placement: "left" | "right" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
     isActive: boolean;
     command: Function;
+    readonly: boolean;
 }, {}, {
     ElTooltip: import('element-plus/es/utils/index.mjs').SFCWithInstall<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('element-plus').UseTooltipProps> & Readonly<{

package/types/src/components/sdlib.d.ts

@@ -1,6 +1,5 @@
 export { default as SvgData } from './helper/SvgData.vue';
 export { default as SvgIcon } from './helper/SvgIcon.vue';
-export { default as SdAceEditor } from './input3/SdAceEditor.vue';
 export { default as SdCropImageInput } from './input3/SdCropImageInput.vue';
 export { default as SdHtmlEditor } from './input3/SdHtmlEditor.vue';
 export { default as SdMaskedInput } from './input3/SdMaskedInput.vue';
@@ -36,3 +35,7 @@ export { default as SdUploadFile } from './sdwidget/SdUploadFile.vue';
 export { default as SdValueWidget } from './sdwidget/SdValueWidget.vue';
 export { default as SdFormSchema } from './sdwidget/SdFormSchema.vue';
 export { default as SdCascaderForm } from './sdwidget/SdCascaderForm.vue';
+export { default as SdCodeMirror } from './sdwidget/SdCodeMirror.vue';
+export { default as SDCustomContent } from './sdwidget/SDCustomContent.vue';
+export { default as SdDatePickerBE } from './sdwidget/SdDatePickerBE.vue';
+export { default as SdScan } from './sdwidget/SdScan.vue';

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

@@ -0,0 +1,96 @@
+import { PropType } from 'vue';
+import * as Vue from 'vue';
+declare const _default: Vue.DefineComponent<Vue.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    params: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    state: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    components: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    sanitize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showErrorDetail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorFallbackText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {
+    dynamicComp: any;
+    error: string;
+}, {
+    scopeTypeError(): string;
+}, {
+    normalizeSelfClosing(html: string): string;
+    sanitizeTemplate(html: string): string;
+    compileTemplate(tpl: string): Promise<Function>;
+    buildScopeProxy(): {};
+    rebuild(): Promise<void>;
+    getInner(): any;
+    getRef(name: string): any;
+    getRefs(): Record<string, any>;
+    getEl(name: string): any;
+}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, "rendered"[], "rendered", Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    params: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    state: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    components: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    sanitize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showErrorDetail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorFallbackText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onRendered?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: Record<string, any>;
+    params: Record<string, any>;
+    components: Record<string, any>;
+    content: string;
+    state: Record<string, any>;
+    sanitize: boolean;
+    showErrorDetail: boolean;
+    errorFallbackText: string;
+}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -68,7 +68,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;
     providerId: {
         type: StringConstructor;

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

@@ -64,7 +64,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;
     providerId: {
         type: StringConstructor;

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

@@ -70,7 +70,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;
     providerId: {
         type: StringConstructor;

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

@@ -64,7 +64,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loadData(): void;
     handleChange(value: any): void;
     reload(): 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<{
     formId: {
         type: StringConstructor;
         required: true;

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

@@ -0,0 +1,282 @@
+import { PropType } from 'vue';
+import { ChartData } from 'chart.js';
+import { ConnectStateStore } from '../../types/StateStore';
+import { UserState } from '../../types/User';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    sqlId: {
+        type: StringConstructor;
+        required: true;
+    };
+    params: {
+        type: PropType<any>;
+        default: {};
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    type: {
+        type: PropType<"bar" | "line" | "bubble" | "doughnut" | "pie" | "polarArea" | "radar" | "scatter">;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gridDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendCustom: {
+        type: PropType<any>;
+        default: {};
+    };
+    scalesXDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scalesXLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    scalesXCustom: {
+        type: PropType<any>;
+        default: {};
+    };
+    xField: {
+        type: StringConstructor;
+        default: string;
+    };
+    xType: {
+        type: PropType<"category" | "time">;
+        default: string;
+    };
+    scalesYDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scalesYLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    scalesYCustom: {
+        type: PropType<any>;
+        default: {};
+    };
+    yDataset: {
+        type: PropType<{
+            field: string;
+            label: string;
+            type?: "bar" | "line" | "bubble" | "doughnut" | "pie" | "polarArea" | "radar" | "scatter";
+            backgroundColor?: string | Array<string>;
+            borderColor?: string | Array<string>;
+            fill?: boolean;
+            custom?: any;
+        }[]>;
+        default: never[];
+    };
+    customOptions: {
+        type: PropType<any>;
+        default: {};
+    };
+    userState: {
+        type: PropType<ConnectStateStore>;
+        required: true;
+    };
+    mockup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    buildState: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    chartRef: import('vue').Ref<any, any>;
+}, {
+    options: any;
+    dataMockup: ChartData;
+    optionsMockup: any;
+    defaultParams: any;
+    rawData: any[];
+    loadEnable: boolean;
+    preLoading: boolean;
+    showChart: boolean;
+    apiUrl: string;
+    isDark: import('vue').WritableComputedRef<boolean, boolean>;
+    useUserState: UserState;
+}, {
+    color(): "#414243" | "#e4e7ed";
+    dataChart(): any;
+}, {
+    initdata(): Promise<void>;
+    createOptions(): void;
+    createOpMockup(): {
+        responsive: boolean;
+        scales: {
+            x: {
+                type: "time" | "category";
+                display: boolean;
+                title: {
+                    display: boolean;
+                    text: string;
+                };
+                grid: {
+                    display: boolean;
+                    color: (context: any) => "#414243" | "#e4e7ed";
+                };
+            };
+            y: {
+                display: boolean;
+                title: {
+                    display: boolean;
+                    text: string;
+                };
+                grid: {
+                    display: boolean;
+                    color: (context: any) => "#414243" | "#e4e7ed";
+                };
+            };
+        };
+    };
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    sqlId: {
+        type: StringConstructor;
+        required: true;
+    };
+    params: {
+        type: PropType<any>;
+        default: {};
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    type: {
+        type: PropType<"bar" | "line" | "bubble" | "doughnut" | "pie" | "polarArea" | "radar" | "scatter">;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    titleDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gridDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendCustom: {
+        type: PropType<any>;
+        default: {};
+    };
+    scalesXDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scalesXLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    scalesXCustom: {
+        type: PropType<any>;
+        default: {};
+    };
+    xField: {
+        type: StringConstructor;
+        default: string;
+    };
+    xType: {
+        type: PropType<"category" | "time">;
+        default: string;
+    };
+    scalesYDisplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scalesYLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    scalesYCustom: {
+        type: PropType<any>;
+        default: {};
+    };
+    yDataset: {
+        type: PropType<{
+            field: string;
+            label: string;
+            type?: "bar" | "line" | "bubble" | "doughnut" | "pie" | "polarArea" | "radar" | "scatter";
+            backgroundColor?: string | Array<string>;
+            borderColor?: string | Array<string>;
+            fill?: boolean;
+            custom?: any;
+        }[]>;
+        default: never[];
+    };
+    customOptions: {
+        type: PropType<any>;
+        default: {};
+    };
+    userState: {
+        type: PropType<ConnectStateStore>;
+        required: true;
+    };
+    mockup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    buildState: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    type: "line" | "bubble" | "bar" | "scatter" | "pie" | "doughnut" | "polarArea" | "radar";
+    title: string;
+    params: any;
+    buildState: boolean;
+    titleDisplay: boolean;
+    gridDisplay: boolean;
+    legendDisplay: boolean;
+    legendCustom: any;
+    scalesXDisplay: boolean;
+    scalesXLabel: string;
+    scalesXCustom: any;
+    xField: string;
+    xType: "time" | "category";
+    scalesYDisplay: boolean;
+    scalesYLabel: string;
+    scalesYCustom: any;
+    yDataset: {
+        field: string;
+        label: string;
+        type?: "bar" | "line" | "bubble" | "doughnut" | "pie" | "polarArea" | "radar" | "scatter";
+        backgroundColor?: string | Array<string>;
+        borderColor?: string | Array<string>;
+        fill?: boolean;
+        custom?: any;
+    }[];
+    customOptions: any;
+    mockup: boolean;
+}, {}, {
+    Chart: any;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;