devject-design 0.2.1 → 0.2.2

package/dist/pages/FormDesigner.d.ts

@@ -13,5 +13,22 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     "update:modelValue": (v: LayoutSchema) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: LayoutSchema) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, 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-3f70fab6]{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-3f70fab6]{background:#409eff24;border-color:#409eff99;height:24px}.line.active.flexCol[data-v-3f70fab6],.line.active.collapse[data-v-3f70fab6],.line.active.tab[data-v-3f70fab6]{background:#67c23a24;border-color:#67c23a99}.hint[data-v-3f70fab6]{font-size:12px;color:var(--el-color-primary);pointer-events:none;font-weight:700}.line.active.flexCol .hint[data-v-3f70fab6],.line.active.collapse .hint[data-v-3f70fab6],.line.active.tab .hint[data-v-3f70fab6]{color:var(--el-color-success)}.card[data-v-0c18799e]{border:1px solid var(--el-border-color);background:#fff;border-radius:10px;margin:10px 0;overflow:hidden}.card.selected[data-v-0c18799e]{border-color:#409effe6;box-shadow:0 0 0 2px #409eff1f}.head[data-v-0c18799e]{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-0c18799e]{display:flex;align-items:center;gap:8px;min-width:0}.name[data-v-0c18799e]{font-weight:600;font-size:13px;color:var(--el-text-color-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body[data-v-0c18799e]{padding:10px}.flexRow[data-v-0c18799e]{width:100%}.col[data-v-0c18799e]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:8px;min-height:90px}.colTitle[data-v-0c18799e]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:6px}.colBody[data-v-0c18799e]{display:flex;flex-direction:column;gap:8px}.colEmpty[data-v-0c18799e]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.containerBox[data-v-0c18799e]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:10px}.containerTitle[data-v-0c18799e]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:10px}.containerBody[data-v-0c18799e]{display:flex;flex-direction:column;gap:8px}.fieldLine[data-v-0c18799e]{display:flex;align-items:center;gap:6px}.fieldLabel[data-v-0c18799e]{font-weight:600;font-size:13px}.fieldMeta[data-v-0c18799e]{font-size:12px;color:var(--el-text-color-secondary)}.tabsPreview[data-v-0c18799e] .el-tabs__content{padding:10px 0 0}.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-20eae507]{padding:10px;position:relative}.grid[data-v-20eae507]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0}.ghost[data-v-20eae507]{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}.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)}.wrap[data-v-362d3a45]{display:flex;flex-direction:column;gap:10px}.title[data-v-362d3a45]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-362d3a45]{padding:10px;border:1px solid var(--el-border-color);border-radius:10px}.designer[data-v-efcea3e2]{height:100%;display:flex;overflow:hidden}.palette[data-v-efcea3e2]{width:290px;border-right:1px solid var(--el-border-color);overflow:auto}.main[data-v-efcea3e2]{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar[data-v-efcea3e2]{padding:10px;border-bottom:1px solid var(--el-border-color);display:flex;align-items:center;gap:10px}.spacer[data-v-efcea3e2]{flex:1}.body[data-v-efcea3e2]{flex:1;display:flex;overflow:hidden}.canvas[data-v-efcea3e2]{flex:1;overflow:auto;padding:12px;background:#f6f7fb}.props[data-v-efcea3e2]{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}.tableWrap[data-v-398fe6ca]{border:1px solid var(--el-border-color);border-radius:4px;padding:10px;background:#fff}.tableHeader[data-v-398fe6ca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tableHeader .title[data-v-398fe6ca]{font-weight:700}.tableHeader .actions[data-v-398fe6ca]{display:flex;gap:8px}.pagination[data-v-398fe6ca]{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}.tree-wrap[data-v-ff6cbb3a]{padding:5px;background:#fff}.title[data-v-ff6cbb3a]{font-weight:700;margin-bottom:8px;font-size:14px}.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-075885d4]{margin:10px 0;font-weight:700}.options[data-v-075885d4]{display:flex;flex-direction:column;gap:10px}.optRow[data-v-075885d4]{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}
+.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/components/Tree.d.ts

@@ -1,7 +1,13 @@
-import { SchemaNode, FormDataModel } from '../state/types';
+import { FieldNode, FormDataModel } from '../state/types';
 type __VLS_Props = {
-    node: SchemaNode;
-    modelValue?: FormDataModel;
+    node: FieldNode;
+    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>;
+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/TableColumnsEditor.d.ts

@@ -6,5 +6,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "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>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInput: HTMLInputElement;
+}, 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/state/designerState.d.ts

@@ -1,4 +1,4 @@
-import { DragItem, DropTarget, FormDataModel, NodeType } from './types';
+import { FormDataModel } from './types';
 declare function undo(): void;
 declare function redo(): void;
 declare function applySchema(input: unknown): void;
@@ -66,7 +66,7 @@ export declare function useDesignerState(): {
         } | {
             kind: "node";
             nodeId: string;
-        } | null, DragItem | {
+        } | null, import('./types').DragItem | {
             kind: "palette";
             nodeType: string;
             preset?: Record<string, unknown> | undefined;
@@ -92,7 +92,7 @@ export declare function useDesignerState(): {
             tabsId: string;
             tabId: string;
             insertIndex: number;
-        } | null, DropTarget | {
+        } | null, import('./types').DropTarget | {
             kind: "root";
             insertIndex: number;
         } | {
@@ -116,16 +116,16 @@ export declare function useDesignerState(): {
             y: number;
         };
         isDragging: import('vue').ComputedRef<boolean>;
-        begin: (item: DragItem, ev: PointerEvent) => void;
+        begin: (item: import('./types').DragItem, ev: PointerEvent) => void;
         move: (ev: PointerEvent) => void;
-        setHover: (target: DropTarget | null) => void;
+        setHover: (target: import('./types').DropTarget | null) => void;
         end: () => void;
     };
     formData: import('vue').Ref<FormDataModel, FormDataModel>;
     select: typeof select;
-    beginPaletteDrag: (nodeType: NodeType, ev: PointerEvent) => void;
+    beginPaletteDrag: (nodeType: import('./types').NodeType, ev: PointerEvent) => void;
     beginNodeDrag: (nodeId: string, ev: PointerEvent) => void;
-    setHover: (target: DropTarget | null) => void;
+    setHover: (target: import('./types').DropTarget | null) => void;
     applySchema: typeof applySchema;
     removeSelected: typeof removeSelected;
     updateNodeProps: typeof updateNodeProps;

package/dist/ui/state/schemaOps.d.ts

@@ -25,6 +25,7 @@ export declare function findNode(schema: LayoutSchema, nodeId: string): {
     node: SchemaNode;
     loc: NodeLocation;
 } | null;
+export declare function findNodeById(schema: LayoutSchema, id: string): SchemaNode | null;
 export declare function removeNode(schema: LayoutSchema, nodeId: string): SchemaNode | null;
 export declare function insertNode(schema: LayoutSchema, target: DropTarget, node: SchemaNode): void;
 export declare function moveNode(schema: LayoutSchema, nodeId: string, target: DropTarget): void;

package/dist/ui/state/useDragLogic.d.ts

@@ -1,10 +1,11 @@
 import { Ref } from 'vue';
-import { DropTarget, LayoutSchema, SchemaNode, NodeType } from './types';
+import { findNodeById } from './schemaOps';
+import { DropTarget, LayoutSchema, NodeType } from './types';
 export declare function useDragLogic(schemaState: Ref<LayoutSchema>, selection: {
     selectedNodeId: Ref<string | null>;
 }, commit: (next: LayoutSchema) => void): {
     beginPaletteDrag: (nodeType: NodeType, ev: PointerEvent) => void;
     beginNodeDrag: (nodeId: string, ev: PointerEvent) => void;
     setHover: (target: DropTarget | null) => void;
-    findTypeById: (schema: LayoutSchema, nodeId: string) => SchemaNode | null;
+    findNodeById: typeof findNodeById;
 };

package/dist/ui/state/validator.d.ts

@@ -28,7 +28,16 @@ export type ZodSchemaNode = z.infer<typeof baseNodeSchema> & {
 export declare const schemaNodeSchema: z.ZodType<ZodSchemaNode>;
 export declare const layoutSchemaValidator: z.ZodObject<{
     version: z.ZodDefault<z.ZodNumber>;
-    root: z.ZodType<ZodSchemaNode, unknown, z.core.$ZodTypeInternals<ZodSchemaNode, unknown>>;
+    root: z.ZodPipe<z.ZodObject<{
+        children: z.ZodLazy<z.ZodArray<z.ZodType<ZodSchemaNode, unknown, z.core.$ZodTypeInternals<ZodSchemaNode, unknown>>>>;
+        type: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>, z.ZodTransform<{
+        type: string;
+        children: ZodSchemaNode[];
+    }, {
+        children: ZodSchemaNode[];
+        type?: string | undefined;
+    }>>;
 }, z.core.$strip>;
 export declare const formDataValidator: z.ZodRecord<z.ZodString, z.ZodUnknown>;
 export declare function validateLayout(data: unknown): LayoutSchema;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devject-design",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "files": [
     "dist"

package/dist/core/builtin/advanced.d.ts

@@ -1 +0,0 @@
-export declare function registerAdvanced(): void;

package/dist/core/builtin/basics.d.ts

@@ -1 +0,0 @@
-export declare function registerBasics(): void;

package/dist/core/builtin/containers.d.ts

@@ -1 +0,0 @@
-export declare function registerContainers(): void;

package/dist/ui/hooks/useValidator.d.ts

@@ -1,4 +0,0 @@
-import { Ref } from 'vue';
-import { FormItemRule } from 'element-plus';
-import { SchemaNode, FormDataModel } from '../state/types';
-export declare function useValidator(node: SchemaNode, formData: Ref<FormDataModel>): import('vue').ComputedRef<FormItemRule[]>;