devject-design 0.1.2 → 0.2.2

package/dist/pages/FormDesigner.d.ts

@@ -1,7 +1,34 @@
+import { LayoutSchema } from '../ui/state/types';
 type __VLS_Props = {
+    modelValue?: LayoutSchema;
     uploadUrl?: string;
     downloadUrl?: string;
     uploadParse?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare function importLayout(json: any): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    importLayout: typeof importLayout;
+    exportLayout: () => LayoutSchema;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: LayoutSchema) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: LayoutSchema) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dialogsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        openPreview: () => void;
+        openExport: () => void;
+        openImport: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        openPreview: () => void;
+        openExport: () => void;
+        openImport: () => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
 export default _default;

package/dist/style.css

@@ -1 +1 @@
-.line[data-v-677f5a96]{height:10px;border-radius:6px;border:1px dashed transparent;background:transparent}.line.active[data-v-677f5a96]{background:#409eff24;border-color:#409eff99}.line.forbidden.active[data-v-677f5a96]{background:#f56c6c1f;border-color:#f56c6c99}.card[data-v-7c887642]{border:1px solid var(--el-border-color);background:#fff;border-radius:10px;margin:10px 0;overflow:hidden}.card.selected[data-v-7c887642]{border-color:#409effe6;box-shadow:0 0 0 2px #409eff1f}.head[data-v-7c887642]{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 8px;border-bottom:1px dashed var(--el-border-color);gap:10px}.left[data-v-7c887642]{display:flex;align-items:center;gap:8px;min-width:0}.name[data-v-7c887642]{font-weight:600;font-size:13px;color:var(--el-text-color-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body[data-v-7c887642]{padding:10px}.flexRow[data-v-7c887642]{width:100%}.col[data-v-7c887642]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:8px;min-height:90px}.colTitle[data-v-7c887642]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:6px}.colBody[data-v-7c887642]{display:flex;flex-direction:column;gap:8px}.colEmpty[data-v-7c887642]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.containerBox[data-v-7c887642]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:10px}.containerTitle[data-v-7c887642]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:10px}.containerBody[data-v-7c887642]{display:flex;flex-direction:column;gap:8px}.fieldLine[data-v-7c887642]{display:flex;align-items:center;gap:6px}.fieldLabel[data-v-7c887642]{font-weight:600;font-size:13px}.fieldMeta[data-v-7c887642]{font-size:12px;color:var(--el-text-color-secondary)}.tabsPreview[data-v-7c887642] .el-tabs__content{padding:10px 0 0}.root[data-v-e6a28470]{display:flex;flex-direction:column;gap:10px}.title[data-v-e6a28470]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-e6a28470]{background:#fff;border:1px solid var(--el-border-color);border-radius:10px;padding:12px;min-height:480px}.item[data-v-7d576d24]{cursor:grab;-webkit-user-select:none;user-select:none}.content[data-v-7d576d24]{display:flex;align-items:center;gap:8px}.icon[data-v-7d576d24]{color:var(--el-text-color-secondary)}.label[data-v-7d576d24]{font-weight:600;font-size:13px}.wrap[data-v-1a00cdb7]{padding:10px;position:relative}.grid[data-v-1a00cdb7]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0}.ghost[data-v-1a00cdb7]{position:fixed;z-index:9999;pointer-events:none;background:#409eff1f;border:1px solid rgba(64,158,255,.6);padding:6px 10px;border-radius:6px;color:#409eff;font-size:12px;white-space:nowrap}.row[data-v-c41bec75]{width:100%}.col[data-v-c41bec75]{display:flex;flex-direction:column;gap:12px}.tableWrap[data-v-c41bec75]{border:1px solid var(--el-border-color);border-radius:4px;padding:10px;background:#fff}.tableHeader[data-v-c41bec75]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tableHeader .title[data-v-c41bec75]{font-weight:700}.tableHeader .actions[data-v-c41bec75]{display:flex;gap:8px}.pagination[data-v-c41bec75]{margin-top:10px;display:flex;justify-content:flex-end}.root[data-v-a20c32c5]{display:flex;flex-direction:column;gap:12px}.bar[data-v-2e5f57e6]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.spacer[data-v-2e5f57e6]{flex:1}.viewport[data-v-2e5f57e6]{display:flex;justify-content:center;background:#f6f7fb;border:1px solid var(--el-border-color);border-radius:10px;padding:12px;min-height:520px}.surface[data-v-2e5f57e6]{width:100%;background:#fff;border-radius:10px;padding:12px}.viewport.mobile .surface[data-v-2e5f57e6]{width:390px;border:1px solid var(--el-border-color)}.wrap[data-v-fbaf4bac]{display:flex;flex-direction:column;gap:10px}.title[data-v-fbaf4bac]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-fbaf4bac]{padding:10px;border:1px solid var(--el-border-color);border-radius:10px}.subTitle[data-v-fbaf4bac]{margin:10px 0;font-weight:700}.options[data-v-fbaf4bac],.tabsEditor[data-v-fbaf4bac]{display:flex;flex-direction:column;gap:10px}.optRow[data-v-fbaf4bac],.tabRow[data-v-fbaf4bac]{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;align-items:center}.designer[data-v-02e9bc29]{height:100%;display:flex;overflow:hidden}.palette[data-v-02e9bc29]{width:290px;border-right:1px solid var(--el-border-color);overflow:auto}.main[data-v-02e9bc29]{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-02e9bc29]{padding:10px;border-bottom:1px solid var(--el-border-color);display:flex;align-items:center;gap:10px}.spacer[data-v-02e9bc29]{flex:1}.body[data-v-02e9bc29]{flex:1;display:flex;overflow:hidden}.canvas[data-v-02e9bc29]{flex:1;overflow:auto;padding:12px;background:#f6f7fb}.props[data-v-02e9bc29]{width:360px;border-left:1px solid var(--el-border-color);overflow:auto;padding:12px;background:#fff}
+.line[data-v-6a15af0a]{height:10px;border-radius:6px;border:1px dashed transparent;background:transparent;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center}.line.active[data-v-6a15af0a]{background:#409eff24;border-color:#409eff99;height:24px}.hint[data-v-6a15af0a]{font-size:12px;color:var(--el-color-primary);pointer-events:none;font-weight:700}.line.active.flexCol .hint[data-v-6a15af0a],.line.active.collapse .hint[data-v-6a15af0a],.line.active.tab .hint[data-v-6a15af0a]{color:var(--el-color-success)}.flexRow[data-v-372ce5dc]{width:100%}.col[data-v-372ce5dc]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:8px;min-height:90px}.colTitle[data-v-372ce5dc]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:6px}.colBody[data-v-372ce5dc]{display:flex;flex-direction:column;gap:8px}.colEmpty[data-v-372ce5dc]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.containerBox[data-v-4e8994cf]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:10px}.colEmpty[data-v-4e8994cf]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.tabsPreview[data-v-4e8994cf] .el-tabs__content{padding:10px 0 0}.containerBox[data-v-3b72b0a4]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:10px}.colEmpty[data-v-3b72b0a4]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.tabsPreview[data-v-3b72b0a4] .el-tabs__content{padding:10px 0 0}.fieldLine[data-v-3fc457e3]{display:flex;align-items:center;gap:6px}.fieldLabel[data-v-3fc457e3]{font-weight:600;font-size:13px}.fieldMeta[data-v-3fc457e3]{font-size:12px;color:var(--el-text-color-secondary)}.card[data-v-13adc3e8]{border:1px solid var(--el-border-color);background:#fff;border-radius:10px;margin:10px 0;overflow:hidden}.card.selected[data-v-13adc3e8]{border-color:#409effe6;box-shadow:0 0 0 2px #409eff1f}.head[data-v-13adc3e8]{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 8px;border-bottom:1px dashed var(--el-border-color);gap:10px}.left[data-v-13adc3e8]{display:flex;align-items:center;gap:8px;min-width:0}.name[data-v-13adc3e8]{font-weight:600;font-size:13px;color:var(--el-text-color-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body[data-v-13adc3e8]{padding:10px}.root[data-v-2826e68b]{display:flex;flex-direction:column;gap:10px}.title[data-v-2826e68b]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-2826e68b]{background:#fff;border:1px solid var(--el-border-color);border-radius:10px;padding:12px;min-height:480px}.item[data-v-9cfed2fe]{cursor:grab;-webkit-user-select:none;user-select:none}.content[data-v-9cfed2fe]{display:flex;align-items:center;gap:8px}.icon[data-v-9cfed2fe]{color:var(--el-text-color-secondary)}.label[data-v-9cfed2fe]{font-weight:600;font-size:13px}.wrap[data-v-319be3ec]{padding:10px;position:relative}.grid[data-v-319be3ec]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0}.ghost[data-v-319be3ec]{position:fixed;z-index:9999;pointer-events:none;background:#409eff1f;border:1px solid rgba(64,158,255,.6);padding:6px 10px;border-radius:6px;color:#409eff;font-size:12px;white-space:nowrap}.wrap[data-v-4da0fea8]{display:flex;flex-direction:column;gap:10px}.title[data-v-4da0fea8]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-4da0fea8]{padding:10px;border:1px solid var(--el-border-color);border-radius:10px}.toolbar[data-v-ff735fe9]{padding:10px;border-bottom:1px solid var(--el-border-color);display:flex;align-items:center;gap:10px}.spacer[data-v-ff735fe9]{flex:1}.error[data-v-77b0ed08]{color:red;padding:10px;border:1px dashed red}.root[data-v-7734b69a]{display:flex;flex-direction:column;gap:12px}.bar[data-v-85f86010]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.spacer[data-v-85f86010]{flex:1}.viewport[data-v-85f86010]{display:flex;justify-content:center;background:#f6f7fb;border:1px solid var(--el-border-color);border-radius:10px;padding:12px;min-height:520px}.surface[data-v-85f86010]{width:100%;background:#fff;border-radius:10px;padding:12px}.viewport.mobile .surface[data-v-85f86010]{width:390px;border:1px solid var(--el-border-color)}.designer[data-v-d638c5f2]{height:100%;display:flex;overflow:hidden}.palette[data-v-d638c5f2]{width:290px;border-right:1px solid var(--el-border-color);overflow:auto}.main[data-v-d638c5f2]{flex:1;display:flex;flex-direction:column;overflow:hidden}.body[data-v-d638c5f2]{flex:1;display:flex;overflow:hidden}.canvas[data-v-d638c5f2]{flex:1;overflow:auto;padding:12px;background:#f6f7fb}.props[data-v-d638c5f2]{width:360px;border-left:1px solid var(--el-border-color);overflow:auto;padding:12px;background:#fff}.row[data-v-3492f013]{width:100%}.col[data-v-3492f013]{display:flex;flex-direction:column;gap:12px}.tree-wrap[data-v-91e9ee3b]{padding:5px;background:#fff}.title[data-v-91e9ee3b]{font-weight:700;margin-bottom:8px;font-size:14px}.tableWrap[data-v-776e410d]{border:1px solid var(--el-border-color);border-radius:4px;padding:10px;background:#fff}.tableHeader[data-v-776e410d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tableHeader .title[data-v-776e410d]{font-weight:700}.tableHeader .actions[data-v-776e410d]{display:flex;gap:8px}.pagination[data-v-776e410d]{margin-top:10px;display:flex;justify-content:flex-end}.static-table-wrap[data-v-fb9f8ced]{padding:5px;background-color:#fff}.title[data-v-fb9f8ced]{font-weight:700;margin-bottom:8px;font-size:14px}.pagination[data-v-fb9f8ced]{margin-top:10px;display:flex;justify-content:flex-end}.subTitle[data-v-f2f3148f]{margin:10px 0;font-weight:700}.tabsEditor[data-v-f2f3148f]{display:flex;flex-direction:column;gap:10px}.tabRow[data-v-f2f3148f]{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center}.subTitle[data-v-1bc3d1cb],.subTitle[data-v-eebc78ec],.subTitle[data-v-46323453],.subTitle[data-v-f26de0df]{margin:10px 0;font-weight:700}.options[data-v-f26de0df]{display:flex;flex-direction:column;gap:10px}.optRow[data-v-f26de0df]{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;align-items:center}.subTitle[data-v-6962a363]{margin:10px 0;font-weight:700}.options[data-v-6962a363]{display:flex;flex-direction:column;gap:10px}.optRow[data-v-6962a363]{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;align-items:center}.subTitle[data-v-1d47f304]{margin:10px 0;font-weight:700}.tabsEditor[data-v-1d47f304]{display:flex;flex-direction:column;gap:10px}.tabRow[data-v-1d47f304]{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center}

package/dist/ui/PaletteItem.d.ts

@@ -1,7 +1,9 @@
+import { Component } from 'vue';
 import { NodeType } from './state/types';
 type __VLS_Props = {
     label: string;
     nodeType: NodeType;
+    icon?: string | Component;
 };
 declare const _default: 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>;
 export default _default;

package/dist/ui/PreviewDialog.d.ts

@@ -1,3 +1,4 @@
+import { FormDataModel } from './state/types';
 type __VLS_Props = {
     modelValue: boolean;
 };
@@ -5,5 +6,45 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "update:modelValue": (v: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+    rendererRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        schema: import('./state/types').LayoutSchema;
+        modelValue: FormDataModel;
+        readonly?: boolean;
+        uploadUrl?: string;
+        downloadUrl?: string;
+        uploadParse?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+    }>, {
+        importData: (data: FormDataModel) => void;
+        exportData: (validateBeforeExport?: boolean) => Promise<FormDataModel>;
+        validate: () => Promise<boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (v: FormDataModel) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        formRef: unknown;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        schema: import('./state/types').LayoutSchema;
+        modelValue: FormDataModel;
+        readonly?: boolean;
+        uploadUrl?: string;
+        downloadUrl?: string;
+        uploadParse?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+    }>, {
+        importData: (data: FormDataModel) => void;
+        exportData: (validateBeforeExport?: boolean) => Promise<FormDataModel>;
+        validate: () => Promise<boolean>;
+    }, {}, {}, {}, {}> | null;
+}, any>;
 export default _default;

package/dist/ui/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Collapse.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, CollapseNode } from '../state/types';
+type __VLS_Props = {
+    node: CollapseNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/FileUpload.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/FlexRow.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FlexRowNode } from '../state/types';
+type __VLS_Props = {
+    node: FlexRowNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/components/ImageUpload.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Input.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Radio.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Select.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/StaticTable.d.ts

@@ -0,0 +1,7 @@
+import { SchemaNode, FormDataModel } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+    modelValue?: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/components/Switch.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Table.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, TableNode } from '../state/types';
+type __VLS_Props = {
+    node: TableNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/components/Tabs.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, TabsNode } from '../state/types';
+type __VLS_Props = {
+    node: TabsNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Textarea.d.ts

@@ -0,0 +1,11 @@
+import { FormDataModel, FieldNode } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/components/Title.d.ts

@@ -0,0 +1,7 @@
+import { FormDataModel, TitleNode } from '../state/types';
+type __VLS_Props = {
+    node: TitleNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/components/Tree.d.ts

@@ -0,0 +1,13 @@
+import { FieldNode, FormDataModel } from '../state/types';
+type __VLS_Props = {
+    node: FieldNode;
+    modelValue: FormDataModel;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: FormDataModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    treeRef: unknown;
+}, any>;
+export default _default;

package/dist/ui/designer/DesignerDialogs.d.ts

@@ -0,0 +1,9 @@
+declare function openPreview(): void;
+declare function openExport(): void;
+declare function openImport(): void;
+declare const _default: import('vue').DefineComponent<{}, {
+    openPreview: typeof openPreview;
+    openExport: typeof openExport;
+    openImport: typeof openImport;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ui/designer/DesignerToolbar.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "open-import": () => any;
+    "open-export": () => any;
+    "open-preview": () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onOpen-import"?: (() => any) | undefined;
+    "onOpen-export"?: (() => any) | undefined;
+    "onOpen-preview"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/editors/CollapseEditor.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    nodeId: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/ui/editors/ExcelIOEditor.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    nodeId: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/ui/editors/FlexLayoutEditor.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    nodeId: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/ui/editors/JsonDataEditor.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    modelValue?: any;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/editors/OptionsEditor.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    modelValue?: any[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/editors/TableColumnsEditor.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    modelValue: any[];
+    nodeId?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInput: HTMLInputElement;
+}, any>;
+export default _default;

package/dist/ui/editors/TabsEditor.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    nodeId: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/ui/node-renderers/CollapseRenderer.d.ts

@@ -0,0 +1,6 @@
+import { SchemaNode } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/node-renderers/FieldRenderer.d.ts

@@ -0,0 +1,6 @@
+import { SchemaNode } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/node-renderers/FlexRowRenderer.d.ts

@@ -0,0 +1,6 @@
+import { SchemaNode } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/node-renderers/StaticTableRenderer.d.ts

@@ -0,0 +1,6 @@
+import { SchemaNode } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/node-renderers/TableRenderer.d.ts

@@ -0,0 +1,6 @@
+import { SchemaNode } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/node-renderers/TabsRenderer.d.ts

@@ -0,0 +1,6 @@
+import { SchemaNode } from '../state/types';
+type __VLS_Props = {
+    node: SchemaNode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/ui/preview/FormRenderer.d.ts

@@ -2,10 +2,23 @@ import { FormDataModel, LayoutSchema } from '../state/types';
 type __VLS_Props = {
     schema: LayoutSchema;
     modelValue: FormDataModel;
+    readonly?: boolean;
+    uploadUrl?: string;
+    downloadUrl?: string;
+    uploadParse?: string;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function importData(data: FormDataModel): void;
+declare function exportData(validateBeforeExport?: boolean): Promise<FormDataModel>;
+declare function validate(): Promise<boolean>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    importData: typeof importData;
+    exportData: typeof exportData;
+    validate: typeof validate;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (v: FormDataModel) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: FormDataModel) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+}, HTMLDivElement>;
 export default _default;