@thienvu18/designable-formily-transformer 2.0.0

package/LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present, Alibaba Group Holding Limited. All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @thienvu18/designable-formily-transformer

package/esm/index.d.ts

@@ -0,0 +1,12 @@
+import { ISchema } from '@formily/json-schema';
+import { ITreeNode } from '@thienvu18/designable-core';
+export interface ITransformerOptions {
+    designableFieldName?: string;
+    designableFormName?: string;
+}
+export interface IFormilySchema {
+    schema?: ISchema;
+    form?: Record<string, any>;
+}
+export declare const transformToSchema: (node: ITreeNode, options?: ITransformerOptions) => IFormilySchema;
+export declare const transformToTreeNode: (formily?: IFormilySchema, options?: ITransformerOptions) => ITreeNode;

package/esm/index.js

@@ -0,0 +1,108 @@
+import { Schema } from '@formily/json-schema';
+import { clone, uid } from '@thienvu18/designable-shared';
+const createOptions = (options) => {
+    return {
+        designableFieldName: 'Field',
+        designableFormName: 'Form',
+        ...options,
+    };
+};
+const findNode = (node, finder) => {
+    if (!node)
+        return;
+    if (finder(node))
+        return node;
+    if (!node.children)
+        return;
+    for (let i = 0; i < node.children.length; i++) {
+        if (findNode(node.children[i]))
+            return node.children[i];
+    }
+    return;
+};
+export const transformToSchema = (node, options) => {
+    const realOptions = createOptions(options);
+    const root = findNode(node, (child) => {
+        return child.componentName === realOptions.designableFormName;
+    });
+    const schema = {
+        type: 'object',
+        properties: {},
+    };
+    if (!root)
+        return { schema };
+    const createSchema = (node, schema = {}) => {
+        if (node !== root) {
+            Object.assign(schema, clone(node.props));
+        }
+        schema['x-designable-id'] = node.id;
+        if (schema.type === 'array') {
+            if (node.children[0]) {
+                if (node.children[0].componentName === realOptions.designableFieldName) {
+                    schema.items = createSchema(node.children[0]);
+                    schema['x-index'] = 0;
+                }
+            }
+            node.children.slice(1).forEach((child, index) => {
+                if (child.componentName !== realOptions.designableFieldName)
+                    return;
+                const key = child.props.name || child.id;
+                schema.properties = schema.properties || {};
+                schema.properties[key] = createSchema(child);
+                schema.properties[key]['x-index'] = index;
+            });
+        }
+        else {
+            node.children.forEach((child, index) => {
+                if (child.componentName !== realOptions.designableFieldName)
+                    return;
+                const key = child.props.name || child.id;
+                schema.properties = schema.properties || {};
+                schema.properties[key] = createSchema(child);
+                schema.properties[key]['x-index'] = index;
+            });
+        }
+        return schema;
+    };
+    return { form: clone(root.props), schema: createSchema(root, schema) };
+};
+export const transformToTreeNode = (formily = {}, options) => {
+    const realOptions = createOptions(options);
+    const root = {
+        componentName: realOptions.designableFormName,
+        props: formily.form,
+        children: [],
+    };
+    const schema = new Schema(formily.schema);
+    const cleanProps = (props) => {
+        if (props['name'] === props['x-designable-id']) {
+            delete props.name;
+        }
+        delete props['version'];
+        delete props['_isJSONSchemaObject'];
+        return props;
+    };
+    const appendTreeNode = (parent, schema) => {
+        if (!schema)
+            return;
+        const current = {
+            id: schema['x-designable-id'] || uid(),
+            componentName: realOptions.designableFieldName,
+            props: cleanProps(schema.toJSON(false)),
+            children: [],
+        };
+        parent.children.push(current);
+        if (schema.items && !Array.isArray(schema.items)) {
+            appendTreeNode(current, schema.items);
+        }
+        schema.mapProperties((schema) => {
+            schema['x-designable-id'] = schema['x-designable-id'] || uid();
+            appendTreeNode(current, schema);
+        });
+    };
+    schema.mapProperties((schema) => {
+        schema['x-designable-id'] = schema['x-designable-id'] || uid();
+        appendTreeNode(root, schema);
+    });
+    return root;
+};

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+import { ISchema } from '@formily/json-schema';
+import { ITreeNode } from '@thienvu18/designable-core';
+export interface ITransformerOptions {
+    designableFieldName?: string;
+    designableFormName?: string;
+}
+export interface IFormilySchema {
+    schema?: ISchema;
+    form?: Record<string, any>;
+}
+export declare const transformToSchema: (node: ITreeNode, options?: ITransformerOptions) => IFormilySchema;
+export declare const transformToTreeNode: (formily?: IFormilySchema, options?: ITransformerOptions) => ITreeNode;

package/lib/index.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformToTreeNode = exports.transformToSchema = void 0;
+const json_schema_1 = require("@formily/json-schema");
+const designable_shared_1 = require("@thienvu18/designable-shared");
+const createOptions = (options) => {
+    return {
+        designableFieldName: 'Field',
+        designableFormName: 'Form',
+        ...options,
+    };
+};
+const findNode = (node, finder) => {
+    if (!node)
+        return;
+    if (finder(node))
+        return node;
+    if (!node.children)
+        return;
+    for (let i = 0; i < node.children.length; i++) {
+        if (findNode(node.children[i]))
+            return node.children[i];
+    }
+    return;
+};
+const transformToSchema = (node, options) => {
+    const realOptions = createOptions(options);
+    const root = findNode(node, (child) => {
+        return child.componentName === realOptions.designableFormName;
+    });
+    const schema = {
+        type: 'object',
+        properties: {},
+    };
+    if (!root)
+        return { schema };
+    const createSchema = (node, schema = {}) => {
+        if (node !== root) {
+            Object.assign(schema, (0, designable_shared_1.clone)(node.props));
+        }
+        schema['x-designable-id'] = node.id;
+        if (schema.type === 'array') {
+            if (node.children[0]) {
+                if (node.children[0].componentName === realOptions.designableFieldName) {
+                    schema.items = createSchema(node.children[0]);
+                    schema['x-index'] = 0;
+                }
+            }
+            node.children.slice(1).forEach((child, index) => {
+                if (child.componentName !== realOptions.designableFieldName)
+                    return;
+                const key = child.props.name || child.id;
+                schema.properties = schema.properties || {};
+                schema.properties[key] = createSchema(child);
+                schema.properties[key]['x-index'] = index;
+            });
+        }
+        else {
+            node.children.forEach((child, index) => {
+                if (child.componentName !== realOptions.designableFieldName)
+                    return;
+                const key = child.props.name || child.id;
+                schema.properties = schema.properties || {};
+                schema.properties[key] = createSchema(child);
+                schema.properties[key]['x-index'] = index;
+            });
+        }
+        return schema;
+    };
+    return { form: (0, designable_shared_1.clone)(root.props), schema: createSchema(root, schema) };
+};
+exports.transformToSchema = transformToSchema;
+const transformToTreeNode = (formily = {}, options) => {
+    const realOptions = createOptions(options);
+    const root = {
+        componentName: realOptions.designableFormName,
+        props: formily.form,
+        children: [],
+    };
+    const schema = new json_schema_1.Schema(formily.schema);
+    const cleanProps = (props) => {
+        if (props['name'] === props['x-designable-id']) {
+            delete props.name;
+        }
+        delete props['version'];
+        delete props['_isJSONSchemaObject'];
+        return props;
+    };
+    const appendTreeNode = (parent, schema) => {
+        if (!schema)
+            return;
+        const current = {
+            id: schema['x-designable-id'] || (0, designable_shared_1.uid)(),
+            componentName: realOptions.designableFieldName,
+            props: cleanProps(schema.toJSON(false)),
+            children: [],
+        };
+        parent.children.push(current);
+        if (schema.items && !Array.isArray(schema.items)) {
+            appendTreeNode(current, schema.items);
+        }
+        schema.mapProperties((schema) => {
+            schema['x-designable-id'] = schema['x-designable-id'] || (0, designable_shared_1.uid)();
+            appendTreeNode(current, schema);
+        });
+    };
+    schema.mapProperties((schema) => {
+        schema['x-designable-id'] = schema['x-designable-id'] || (0, designable_shared_1.uid)();
+        appendTreeNode(root, schema);
+    });
+    return root;
+};
+exports.transformToTreeNode = transformToTreeNode;

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@thienvu18/designable-formily-transformer",
+  "version": "2.0.0",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "types": "esm/index.d.ts",
+  "files": [
+    "lib",
+    "esm",
+    "README.md",
+    "LICENSE.md"
+  ],
+  "engines": {
+    "node": ">=20 <25"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thienvu18/designable.git"
+  },
+  "bugs": {
+    "url": "https://github.com/thienvu18/designable/issues"
+  },
+  "homepage": "https://github.com/thienvu18/designable#readme",
+  "scripts": {
+    "build": "rimraf -rf lib esm && npm run build:cjs && npm run build:esm",
+    "build:cjs": "tsc --project tsconfig.build.json --outDir lib",
+    "build:esm": "tsc --project tsconfig.build.json --module es2020 --outDir esm"
+  },
+  "peerDependencies": {
+    "@formily/core": ">=2.3.7 <3",
+    "@formily/json-schema": ">=2.3.7 <3"
+  },
+  "dependencies": {
+    "@thienvu18/designable-core": "2.0.0",
+    "@thienvu18/designable-shared": "2.0.0"
+  },
+  "devDependencies": {
+    "@formily/core": "^2.3.7",
+    "@formily/json-schema": "^2.3.7",
+    "@formily/path": "^2.3.7",
+    "@formily/reactive": "^2.3.7",
+    "typescript": "5.2.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}