@printstack/print-studio 0.0.0-stage → 0.1.0

package/designer/components/fields/use-table-draft.d.ts

@@ -0,0 +1,569 @@
+import { TableProps } from '../../../elements/table/table-style';
+export declare function useTableDraft(getProps: () => Record<string, unknown>, onSubmit: (value: Record<string, unknown>) => void): {
+    columnCount: import('vue').ComputedRef<number>;
+    columns: import('vue').WritableComputedRef<{
+        align: import('../../../elements/table/table-style').TableHAlign;
+        background?: string | undefined;
+        bind?: string | undefined;
+        bold?: boolean | undefined;
+        color?: string | undefined;
+        fontSize?: number | undefined;
+        format?: {
+            digits?: number | undefined;
+            pattern?: string | undefined;
+            type: import('../../../elements/table/table-style').TableCellFormatType;
+        } | undefined;
+        maxWidthMm?: number | undefined;
+        mergeSame?: boolean | undefined;
+        minWidthMm?: number | undefined;
+        nullText?: string | undefined;
+        title: string;
+        vAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+        width: number;
+        widthMode?: import('../../../elements/table/table-style').TableWidthMode | undefined;
+        wrap?: boolean | undefined;
+    }[], import('../../../elements/table/table-style').TableColumn[]>;
+    commit: () => void;
+    draft: import('vue').Ref<{
+        background: string;
+        borderColor?: string | undefined;
+        borders: {
+            bottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            headerBottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            inner: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            left?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+            outer: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            right?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            top?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+        };
+        borderWidth?: number | undefined;
+        boxHeightMm?: number | undefined;
+        cellOverrides?: Record<string, import('../../../elements/table/table-style').TableCellOverride> | undefined;
+        color: string;
+        columns: {
+            align: import('../../../elements/table/table-style').TableHAlign;
+            background?: string | undefined;
+            bind?: string | undefined;
+            bold?: boolean | undefined;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            format?: {
+                digits?: number | undefined;
+                pattern?: string | undefined;
+                type: import('../../../elements/table/table-style').TableCellFormatType;
+            } | undefined;
+            maxWidthMm?: number | undefined;
+            mergeSame?: boolean | undefined;
+            minWidthMm?: number | undefined;
+            nullText?: string | undefined;
+            title: string;
+            vAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+            width: number;
+            widthMode?: import('../../../elements/table/table-style').TableWidthMode | undefined;
+            wrap?: boolean | undefined;
+        }[];
+        fontFamily: string;
+        fontSize: number;
+        headerAlign?: ("" | import('../../../elements/table/table-style').TableHAlign) | undefined;
+        headerBackground: string;
+        headerBold?: boolean | undefined;
+        headerBorders?: {
+            bottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            headerBottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            inner: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            left?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+            outer: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            right?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            top?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+        } | undefined;
+        headerColor: string;
+        headerFontFamily?: string | undefined;
+        headerFontSize?: number | undefined;
+        headerHeightMm?: number | undefined;
+        headerHeightMode?: "auto" | "fixed" | undefined;
+        headerMerges?: {
+            col: number;
+            colspan: number;
+            row: number;
+            rowspan: number;
+        }[] | undefined;
+        headerPaddingMm?: number | undefined;
+        headerRows?: string[][] | undefined;
+        headerVAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+        headerVisible: boolean;
+        headerWrap?: boolean | undefined;
+        heightFill?: {
+            bodyRow: number;
+            minHeightMm: number;
+        } | undefined;
+        heightMode: "auto" | "fixed";
+        mergeRules?: {
+            columns: number[];
+            fields?: string[] | undefined;
+            type: "fields";
+        }[] | undefined;
+        merges?: {
+            col: number;
+            colspan: number;
+            row: number;
+            rowspan: number;
+        }[] | undefined;
+        minRowHeightMm?: number | undefined;
+        nullText?: string | undefined;
+        overflow: {
+            elementId: string;
+            enabled: boolean;
+            message: string;
+            messageAlign?: ("" | import('../../../elements/table/table-style').TableHAlign) | undefined;
+            messageVAlign?: ("" | import('../../../elements/table/table-style').TableVAlign) | undefined;
+            scope: "all" | "remaining";
+            templateId: string;
+            threshold: number;
+        };
+        padding: number;
+        pagination: {
+            crossPage: boolean;
+            fillEmptyRows: boolean;
+            fixedRows?: boolean | undefined;
+            positionMode?: "fixed" | "flow" | undefined;
+            repeatHeader: boolean;
+            rowsPerPage: number;
+        };
+        resolvedMerges?: {
+            col: number;
+            colspan: number;
+            row: number;
+            rowspan: number;
+        }[] | undefined;
+        rowOffset?: number | undefined;
+        rows: string[][];
+        sourceRows?: unknown[] | undefined;
+        stripe: boolean;
+        stripeColor: string;
+        summary: {
+            borders?: {
+                bottom?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                headerBottom?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                inner: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                };
+                left?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+                outer: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                };
+                right?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                top?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+            } | undefined;
+            columns: Record<string, {
+                style?: import('../../../elements/table/table-style').TableCellOverride;
+                text?: string;
+                type: "none" | "sum" | "text";
+            }>;
+            enabled: boolean;
+            position: "bottom" | "top";
+            scope: "eachPage" | "lastPage";
+            style?: {
+                align?: import('../../../elements/table/table-style').TableHAlign | undefined;
+                background?: string | undefined;
+                bold?: boolean | undefined;
+                color?: string | undefined;
+                fontFamily?: string | undefined;
+                fontSize?: number | undefined;
+                paddingMm?: number | undefined;
+                vAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+                wrap?: boolean | undefined;
+            } | undefined;
+            values?: string[] | undefined;
+        };
+    }, TableProps | {
+        background: string;
+        borderColor?: string | undefined;
+        borders: {
+            bottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            headerBottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            inner: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            left?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+            outer: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            right?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            top?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+        };
+        borderWidth?: number | undefined;
+        boxHeightMm?: number | undefined;
+        cellOverrides?: Record<string, import('../../../elements/table/table-style').TableCellOverride> | undefined;
+        color: string;
+        columns: {
+            align: import('../../../elements/table/table-style').TableHAlign;
+            background?: string | undefined;
+            bind?: string | undefined;
+            bold?: boolean | undefined;
+            color?: string | undefined;
+            fontSize?: number | undefined;
+            format?: {
+                digits?: number | undefined;
+                pattern?: string | undefined;
+                type: import('../../../elements/table/table-style').TableCellFormatType;
+            } | undefined;
+            maxWidthMm?: number | undefined;
+            mergeSame?: boolean | undefined;
+            minWidthMm?: number | undefined;
+            nullText?: string | undefined;
+            title: string;
+            vAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+            width: number;
+            widthMode?: import('../../../elements/table/table-style').TableWidthMode | undefined;
+            wrap?: boolean | undefined;
+        }[];
+        fontFamily: string;
+        fontSize: number;
+        headerAlign?: ("" | import('../../../elements/table/table-style').TableHAlign) | undefined;
+        headerBackground: string;
+        headerBold?: boolean | undefined;
+        headerBorders?: {
+            bottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            headerBottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            inner: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            left?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+            outer: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            right?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            top?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+        } | undefined;
+        headerColor: string;
+        headerFontFamily?: string | undefined;
+        headerFontSize?: number | undefined;
+        headerHeightMm?: number | undefined;
+        headerHeightMode?: "auto" | "fixed" | undefined;
+        headerMerges?: {
+            col: number;
+            colspan: number;
+            row: number;
+            rowspan: number;
+        }[] | undefined;
+        headerPaddingMm?: number | undefined;
+        headerRows?: string[][] | undefined;
+        headerVAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+        headerVisible: boolean;
+        headerWrap?: boolean | undefined;
+        heightFill?: {
+            bodyRow: number;
+            minHeightMm: number;
+        } | undefined;
+        heightMode: "auto" | "fixed";
+        mergeRules?: {
+            columns: number[];
+            fields?: string[] | undefined;
+            type: "fields";
+        }[] | undefined;
+        merges?: {
+            col: number;
+            colspan: number;
+            row: number;
+            rowspan: number;
+        }[] | undefined;
+        minRowHeightMm?: number | undefined;
+        nullText?: string | undefined;
+        overflow: {
+            elementId: string;
+            enabled: boolean;
+            message: string;
+            messageAlign?: ("" | import('../../../elements/table/table-style').TableHAlign) | undefined;
+            messageVAlign?: ("" | import('../../../elements/table/table-style').TableVAlign) | undefined;
+            scope: "all" | "remaining";
+            templateId: string;
+            threshold: number;
+        };
+        padding: number;
+        pagination: {
+            crossPage: boolean;
+            fillEmptyRows: boolean;
+            fixedRows?: boolean | undefined;
+            positionMode?: "fixed" | "flow" | undefined;
+            repeatHeader: boolean;
+            rowsPerPage: number;
+        };
+        resolvedMerges?: {
+            col: number;
+            colspan: number;
+            row: number;
+            rowspan: number;
+        }[] | undefined;
+        rowOffset?: number | undefined;
+        rows: string[][];
+        sourceRows?: unknown[] | undefined;
+        stripe: boolean;
+        stripeColor: string;
+        summary: {
+            borders?: {
+                bottom?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                headerBottom?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                inner: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                };
+                left?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+                outer: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                };
+                right?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+                top?: {
+                    color: string;
+                    style: import('../../../elements/table/table-style').TableLineStyle;
+                    width: number;
+                } | undefined;
+            } | undefined;
+            columns: Record<string, {
+                style?: import('../../../elements/table/table-style').TableCellOverride;
+                text?: string;
+                type: "none" | "sum" | "text";
+            }>;
+            enabled: boolean;
+            position: "bottom" | "top";
+            scope: "eachPage" | "lastPage";
+            style?: {
+                align?: import('../../../elements/table/table-style').TableHAlign | undefined;
+                background?: string | undefined;
+                bold?: boolean | undefined;
+                color?: string | undefined;
+                fontFamily?: string | undefined;
+                fontSize?: number | undefined;
+                paddingMm?: number | undefined;
+                vAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+                wrap?: boolean | undefined;
+            } | undefined;
+            values?: string[] | undefined;
+        };
+    }>;
+    merges: import('vue').WritableComputedRef<{
+        col: number;
+        colspan: number;
+        row: number;
+        rowspan: number;
+    }[], {
+        col: number;
+        colspan: number;
+        row: number;
+        rowspan: number;
+    }[]>;
+    replace: (value: TableProps) => void;
+    rows: import('vue').WritableComputedRef<string[][], string[][]>;
+    summary: import('vue').WritableComputedRef<{
+        borders?: {
+            bottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            headerBottom?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            inner: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            left?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            mode: "all" | "horizontal" | "none" | "outer" | "vertical";
+            outer: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            };
+            right?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+            top?: {
+                color: string;
+                style: import('../../../elements/table/table-style').TableLineStyle;
+                width: number;
+            } | undefined;
+        } | undefined;
+        columns: Record<string, {
+            style?: import('../../../elements/table/table-style').TableCellOverride;
+            text?: string;
+            type: "none" | "sum" | "text";
+        }>;
+        enabled: boolean;
+        position: "bottom" | "top";
+        scope: "eachPage" | "lastPage";
+        style?: {
+            align?: import('../../../elements/table/table-style').TableHAlign | undefined;
+            background?: string | undefined;
+            bold?: boolean | undefined;
+            color?: string | undefined;
+            fontFamily?: string | undefined;
+            fontSize?: number | undefined;
+            paddingMm?: number | undefined;
+            vAlign?: import('../../../elements/table/table-style').TableVAlign | undefined;
+            wrap?: boolean | undefined;
+        } | undefined;
+        values?: string[] | undefined;
+    }, import('../../../elements/table/table-style').TableSummary>;
+};

package/designer/components/fields/use-table-header-selection.d.ts

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { TableCellMerge } from '../../../elements/table/table-style';
+export declare function useTableHeaderSelection(options: {
+    columnCount: Ref<number>;
+    merges: Ref<TableCellMerge[]>;
+    onColumnSelect: (index: number) => void;
+    rows: Ref<string[][]>;
+}): {
+    begin: (event: PointerEvent, row: number, col: number) => void;
+    clear: () => void;
+    contains: (row: number, col: number) => boolean;
+    end: Ref<{
+        col: number;
+        row: number;
+    } | null, {
+        col: number;
+        row: number;
+    } | {
+        col: number;
+        row: number;
+    } | null>;
+    focus: (row: number, col: number) => void;
+    select: (row: number, col: number, extend?: boolean) => void;
+    selection: import('vue').ComputedRef<TableCellMerge | null>;
+};

package/designer/components/fields/use-table-headers.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { TableCellMerge, TableProps } from '../../../elements/table/table-style';
+export declare function useTableHeaders(options: {
+    clearSelection: () => void;
+    commit: () => void;
+    getInput: () => Record<string, unknown>;
+    getRowsBinding: () => string | undefined;
+    onBlocked: () => void;
+    selection: Ref<null | TableCellMerge>;
+    table: Ref<TableProps>;
+    write: (patch: Record<string, unknown>) => void;
+}): {
+    addRow: () => void;
+    canMerge: import('vue').ComputedRef<boolean>;
+    canSplit: import('vue').ComputedRef<boolean>;
+    commitText: () => void;
+    mergeSelection: () => void;
+    removeRow: () => void;
+    rows: import('vue').ComputedRef<string[][]>;
+    setText: (row: number, col: number, value: unknown) => void;
+    splitSelection: () => void;
+};

package/designer/components/fields/use-table-selection.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue';
+import { TableCellMerge } from '../../../elements/table/table-style';
+export declare function useTableSelection(options: {
+    cellSelector: string;
+    columnCount: Ref<number>;
+    getCell: (element: HTMLElement) => {
+        col: number;
+        row: number;
+    };
+    merges: Ref<TableCellMerge[]>;
+    onColumnSelect?: (index: number) => void;
+    rootSelector: string;
+    rows: Ref<string[][]>;
+    tag: string;
+}): {
+    begin: (event: PointerEvent, row: number, col: number) => void;
+    clear: () => void;
+    contains: (row: number, col: number) => boolean;
+    end: Ref<{
+        col: number;
+        row: number;
+    } | null, {
+        col: number;
+        row: number;
+    } | {
+        col: number;
+        row: number;
+    } | null>;
+    focus: (row: number, col: number) => void;
+    select: (row: number, col: number, extend?: boolean) => void;
+    selection: import('vue').ComputedRef<TableCellMerge | null>;
+};

package/designer/components/forms/collection-picker-field.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: () => any;
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/designer/components/forms/designer-field.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    help?: string;
+    label?: string;
+    labelWidth?: number | string;
+    stacked?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    } & {
+        actions?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};