devject-design 0.2.1 → 0.2.3

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-7b4accdc]{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-7b4accdc]{background:#409eff24;border-color:#409eff99;height:24px}.hint[data-v-7b4accdc]{font-size:12px;color:var(--el-color-primary);pointer-events:none;font-weight:700}.line.active.flexCol .hint[data-v-7b4accdc],.line.active.collapse .hint[data-v-7b4accdc],.line.active.tab .hint[data-v-7b4accdc]{color:var(--el-color-success)}.flexRow[data-v-2365b248]{width:100%;min-width:0}.col[data-v-2365b248]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:8px;min-height:90px;min-width:0}.colTitle[data-v-2365b248]{font-size:12px;color:var(--el-text-color-secondary);margin-bottom:6px}.colBody[data-v-2365b248]{display:flex;flex-direction:column;gap:8px}.colEmpty[data-v-2365b248]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.containerBox[data-v-29adb24f]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:10px}.colEmpty[data-v-29adb24f]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.tabsPreview[data-v-29adb24f] .el-tabs__content{padding:10px 0 0}.containerBox[data-v-09397ac3]{border:1px dashed var(--el-border-color);border-radius:10px;background:#fafafa;padding:10px}.colEmpty[data-v-09397ac3]{font-size:12px;color:var(--el-text-color-secondary);padding:10px 0;text-align:center}.tabsPreview[data-v-09397ac3] .el-tabs__content{padding:10px 0 0}.fieldLine[data-v-5e3ac4b0]{display:flex;align-items:center;gap:6px}.fieldLabel[data-v-5e3ac4b0]{font-weight:600;font-size:13px}.fieldMeta[data-v-5e3ac4b0]{font-size:12px;color:var(--el-text-color-secondary)}.card[data-v-39c211ec]{border:1px solid var(--el-border-color);background:#fff;border-radius:10px;margin:10px 0;overflow:hidden}.card.selected[data-v-39c211ec]{border-color:#409effe6;box-shadow:0 0 0 2px #409eff1f}.head[data-v-39c211ec]{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-39c211ec]{display:flex;align-items:center;gap:8px;min-width:0}.name[data-v-39c211ec]{font-weight:600;font-size:13px;color:var(--el-text-color-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body[data-v-39c211ec]{padding:10px}.root[data-v-ef6fcc1c]{display:flex;flex-direction:column;gap:10px}.title[data-v-ef6fcc1c]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-ef6fcc1c]{background:#fff;border:1px solid var(--el-border-color);border-radius:10px;padding:12px;min-height:480px}.palette-item[data-v-ccf21765]{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:var(--el-fill-color-light);border:1px solid transparent;border-radius:6px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;color:var(--el-text-color-regular)}.palette-item[data-v-ccf21765]:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);border-color:var(--el-color-primary-light-5);box-shadow:0 2px 6px #0000000a}.palette-item .icon[data-v-ccf21765]{color:inherit;transition:color .2s ease}.palette-item .label[data-v-ccf21765]{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrap[data-v-86590e7b]{padding:10px;position:relative}.grid[data-v-86590e7b]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0}.ghost[data-v-86590e7b]{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-d0916e64]{display:flex;flex-direction:column;gap:10px}.title[data-v-d0916e64]{font-weight:700;color:var(--el-text-color-regular)}.panel[data-v-d0916e64]{padding:10px;border:1px solid var(--el-border-color);border-radius:10px}.toolbar[data-v-35b1decf]{padding:10px;border-bottom:1px solid var(--el-border-color);display:flex;align-items:center;gap:10px}.spacer[data-v-35b1decf]{flex:1}.error[data-v-ad2ef25f]{color:red;padding:10px;border:1px dashed red}.root[data-v-6cb2f4b4]{display:flex;flex-direction:column;gap:12px}.bar[data-v-ce2c293c]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.spacer[data-v-ce2c293c]{flex:1}.viewport[data-v-ce2c293c]{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-ce2c293c]{width:100%;background:#fff;border-radius:10px;padding:12px}.viewport.mobile .surface[data-v-ce2c293c]{width:390px;border:1px solid var(--el-border-color)}.designer[data-v-81b00bbc]{height:100%;display:flex;overflow:hidden;min-height:0}.palette[data-v-81b00bbc]{width:290px;border-right:1px solid var(--el-border-color);overflow:auto}.main[data-v-81b00bbc]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.body[data-v-81b00bbc]{flex:1;display:flex;overflow:hidden;min-width:0;min-height:0}.canvas[data-v-81b00bbc]{flex:1;overflow:auto;padding:12px;background:#f6f7fb;min-width:0;min-height:0}.props[data-v-81b00bbc]{width:360px;border-left:1px solid var(--el-border-color);overflow:auto;padding:12px;background:#fff;min-height:0}.designer.is-fullscreen[data-v-81b00bbc],.designer[data-v-81b00bbc]:fullscreen{width:100vw;height:100vh;background:#fff}.row[data-v-c597e518]{width:100%;min-width:0}.col[data-v-c597e518]{display:flex;flex-direction:column;gap:12px;min-width:0}.tree-wrap[data-v-7931bf72]{padding:5px;background:#fff}.title[data-v-7931bf72]{font-weight:700;margin-bottom:8px;font-size:14px}.tableWrap[data-v-f9ffe2b1]{border:1px solid var(--el-border-color);border-radius:4px;padding:10px;background:#fff}.tableHeader[data-v-f9ffe2b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tableHeader .title[data-v-f9ffe2b1]{font-weight:700}.tableHeader .actions[data-v-f9ffe2b1]{display:flex;gap:8px}.pagination[data-v-f9ffe2b1]{margin-top:10px;display:flex;justify-content:flex-end}.static-table-wrap[data-v-eb1061c7]{padding:5px;background-color:#fff}.title[data-v-eb1061c7]{font-weight:700;margin-bottom:8px;font-size:14px}.pagination[data-v-eb1061c7]{margin-top:10px;display:flex;justify-content:flex-end}.subTitle[data-v-3a0cbf9d]{margin:10px 0;font-weight:700}.tabsEditor[data-v-3a0cbf9d]{display:flex;flex-direction:column;gap:10px}.tabRow[data-v-3a0cbf9d]{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center}.subTitle[data-v-f5c783b7],.subTitle[data-v-9287d932],.subTitle[data-v-fc35eb31],.subTitle[data-v-f540c268]{margin:10px 0;font-weight:700}.options[data-v-f540c268]{display:flex;flex-direction:column;gap:10px}.optRow[data-v-f540c268]{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;align-items:center}.subTitle[data-v-e7e860ad]{margin:10px 0;font-weight:700}.options[data-v-e7e860ad]{display:flex;flex-direction:column;gap:10px}.optRow[data-v-e7e860ad]{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;align-items:center}.subTitle[data-v-362e1037]{margin:10px 0;font-weight:700}.tabsEditor[data-v-362e1037]{display:flex;flex-direction:column;gap:10px}.tabRow[data-v-362e1037]{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center}

package/package.json

@@ -1,46 +1,48 @@
-{
-  "name": "devject-design",
-  "version": "0.2.1",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
-    },
-    "./dist/style.css": "./dist/style.css"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit -p tsconfig.json && vite build",
-    "preview": "vite preview",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.json"
-  },
-  "peerDependencies": {
-    "element-plus": "^2.10.0",
-    "vue": "^3.5.13",
-    "xlsx": "^0.18.5"
-  },
-  "devDependencies": {
-    "@types/node": "^22.13.0",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "element-plus": "^2.10.0",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.7",
-    "vite-plugin-dts": "^4.5.0",
-    "vue": "^3.5.13",
-    "vue-tsc": "^2.2.0",
-    "xlsx": "^0.18.5"
-  },
-  "dependencies": {
-    "@element-plus/icons-vue": "^2.3.2",
-    "immer": "^11.1.3",
-    "zod": "^4.3.6"
-  }
-}
+{
+  "name": "devject-design",
+  "version": "0.2.3",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit -p tsconfig.json && vite build",
+    "build:watch": "vite build --watch",
+    "dev:link": "vue-tsc --noEmit -p tsconfig.json && vite build --watch",
+    "preview": "vite preview",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.10.0",
+    "vue": "^3.5.13",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "element-plus": "^2.10.0",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.5.0",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.0",
+    "xlsx": "^0.18.5"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "immer": "^11.1.3",
+    "zod": "^4.3.6"
+  }
+}

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/core/builtin/utils.d.ts

@@ -1,9 +0,0 @@
-import { PropConfigItem } from '../registry';
-export declare function commonFieldConfig(includePlaceholder?: boolean): PropConfigItem[];
-export declare const commonDefault: (label: string, fieldPrefix: string) => {
-    label: string;
-    field: string;
-    placeholder: string;
-    required: boolean;
-    labelWidth: number;
-};

package/dist/pages/FormDesigner.d.ts

@@ -1,17 +0,0 @@
-import { LayoutSchema } from '../ui/state/types';
-type __VLS_Props = {
-    modelValue?: LayoutSchema;
-    uploadUrl?: string;
-    downloadUrl?: string;
-    uploadParse?: string;
-};
-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, {}, HTMLDivElement>;
-export default _default;

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[]>;