@coding-flow/flow-pc-form 0.0.1 → 0.0.2

package/dist/components/form/index.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { FormView } from "./view.js";
+import { FlowFormView } from "./view.js";
 import { FlowTable } from "../table/index.js";
-const FlowFormView = (props)=>{
+const form_FlowFormView = (props)=>{
     const form = props.form;
     const formList = props.formList || [];
     if (props.mergeable) return /*#__PURE__*/ jsx(FlowTable, {
@@ -13,7 +13,7 @@ const FlowFormView = (props)=>{
         fieldPermissions: props.fieldPermissions,
         onMergeRecordIdsSelected: props.onMergeRecordIdsSelected
     });
-    if (form) return /*#__PURE__*/ jsx(FormView, {
+    if (form) return /*#__PURE__*/ jsx(FlowFormView, {
         form: form,
         data: props.data,
         meta: props.meta,
@@ -22,4 +22,4 @@ const FlowFormView = (props)=>{
         fieldPermissions: props.fieldPermissions
     });
 };
-export { FlowFormView };
+export { form_FlowFormView as FlowFormView };

package/dist/components/form/view.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-import { FormInstance } from "@coding-flow/flow-types";
-import { FieldPermission, FlowForm, FlowTodo } from "@coding-flow/flow-types";
-interface FormViewProps {
+import { FieldPermission, FlowForm, FlowTodo, FormInstance } from "@coding-flow/flow-types";
+interface FlowFormViewProps {
     /** 流程数据 **/
     data?: FlowTodo;
     /** 表单操控对象 */
@@ -15,5 +14,5 @@ interface FormViewProps {
     /** 是否预览模式 */
     review: boolean;
 }
-export declare const FormView: React.FC<FormViewProps>;
+export declare const FlowFormView: React.FC<FlowFormViewProps>;
 export {};

package/dist/components/form/view.js

@@ -1,39 +1,31 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import react from "react";
-import { FormItemFactory } from "../factory/form-item-factory.js";
 import { ObjectUtils } from "@coding-flow/flow-core";
+import { FormView } from "@coding-form/form-engine";
 import { Form, Input } from "antd";
-const FormView = (props)=>{
+const FlowFormView = (props)=>{
     const [values, setValues] = react.useState({});
     const form = props.form;
     const meta = props.meta;
-    const fields = meta.fields || [];
     const review = props.review;
     return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs(Form, {
+        children: /*#__PURE__*/ jsx(FormView, {
+            meta: meta,
             form: form,
-            layout: "vertical",
+            layout: 'vertical',
+            review: review,
             onBlur: ()=>{
                 const latestValues = form.getFieldsValue();
                 if (ObjectUtils.isEqual(values, latestValues)) return;
                 setValues(latestValues);
                 props.onValuesChange?.(latestValues);
             },
-            children: [
-                /*#__PURE__*/ jsx(Form.Item, {
-                    name: "recordId",
-                    hidden: true,
-                    children: /*#__PURE__*/ jsx(Input, {})
-                }, "recordId"),
-                fields.map((field, i)=>{
-                    const FormItem = FormItemFactory.getInstance().createFrom(field.type);
-                    if (FormItem) return /*#__PURE__*/ jsx(FormItem, {
-                        ...field,
-                        readOnly: review
-                    }, field.id);
-                })
-            ]
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                name: "recordId",
+                hidden: true,
+                children: /*#__PURE__*/ jsx(Input, {})
+            }, "recordId")
         })
     });
 };
-export { FormView };
+export { FlowFormView };

package/dist/components/table/index.js

@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import react from "react";
 import { useTableFormPresenter } from "./hooks/use-table-form-presenter.js";
 import { Button, Flex, Table } from "antd";
-import { FormView } from "../form/view.js";
+import { FlowFormView } from "../form/view.js";
 import { CaretLeftOutlined } from "@ant-design/icons";
 const FlowTable = (props)=>{
     const presenter = useTableFormPresenter(props);
@@ -74,7 +74,7 @@ const FlowTable = (props)=>{
                             })
                         })
                     }),
-                    /*#__PURE__*/ jsx(FormView, {
+                    /*#__PURE__*/ jsx(FlowFormView, {
                         form: currentForm.form,
                         data: currentForm.data,
                         meta: props.meta,

package/dist/index.d.ts

@@ -1,2 +1 @@
 export * from './components/form';
-export * from './hooks/register-form-types';

package/dist/index.js

@@ -1,2 +1 @@
 export * from "./components/form/index.js";
-export * from "./hooks/register-form-types.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-flow/flow-pc-form",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "flow-engine pc form engine",
   "type": "module",
   "keywords": [
@@ -33,13 +33,14 @@
   },
   "dependencies": {
     "@ant-design/icons": "~6.1.0",
+    "@coding-form/form-engine": "^0.0.11",
     "antd": "^6.2.1",
     "dayjs": "^1.11.19",
-    "@coding-flow/flow-core": "0.0.1",
-    "@coding-flow/flow-types": "0.0.1"
+    "@coding-flow/flow-core": "0.0.2",
+    "@coding-flow/flow-types": "0.0.2"
   },
   "devDependencies": {
-    "@coding-flow/flow-types": "0.0.1"
+    "@coding-flow/flow-types": "0.0.2"
   },
   "scripts": {
     "build": "rslib build",

package/dist/components/factory/form-item-factory.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare class FormItemFactory {
-    private readonly cache;
-    private static instance;
-    private constructor();
-    static getInstance(): FormItemFactory;
-    createFrom(filedType: string): React.ComponentType<FormItemProps> | undefined;
-}

package/dist/components/factory/form-item-factory.js

@@ -1,27 +0,0 @@
-import "react";
-import { FormItemString } from "../item/string.js";
-import { FormItemBoolean } from "../item/boolean.js";
-import { FormItemDate } from "../item/date.js";
-import { FormItemLong } from "../item/long.js";
-import { FormItemInteger } from "../item/integer.js";
-import { FormItemDouble } from "../item/double.js";
-class FormItemFactory {
-    cache;
-    static instance = new FormItemFactory();
-    constructor(){
-        this.cache = new Map();
-        this.cache.set('long', FormItemLong);
-        this.cache.set('integer', FormItemInteger);
-        this.cache.set('double', FormItemDouble);
-        this.cache.set('string', FormItemString);
-        this.cache.set('date', FormItemDate);
-        this.cache.set('boolean', FormItemBoolean);
-    }
-    static getInstance() {
-        return FormItemFactory.instance;
-    }
-    createFrom(filedType) {
-        return this.cache.get(filedType);
-    }
-}
-export { FormItemFactory };

package/dist/components/item/boolean.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare const FormItemBoolean: React.FC<FormItemProps>;

package/dist/components/item/boolean.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { Form, Switch } from "antd";
-const $Switch = (props)=>{
-    const value = props.value ? 'true' === props.value : void 0;
-    const defaultValue = props.defaultValue ? 'true' === props.defaultValue : void 0;
-    return /*#__PURE__*/ jsx(Switch, {
-        value: value,
-        disabled: props.readOnly,
-        defaultValue: defaultValue,
-        onChange: (value)=>{
-            props.onChange?.(value ? 'true' : 'false');
-        }
-    });
-};
-const FormItemBoolean = (props)=>{
-    const rules = props.required ? [
-        {
-            required: props.required,
-            message: `${props.name}不能为空`
-        }
-    ] : [];
-    return /*#__PURE__*/ jsx(Form.Item, {
-        name: props.code,
-        label: props.name,
-        required: props.required,
-        rules: rules,
-        tooltip: props.tooltip,
-        help: props.help,
-        hidden: props.hidden,
-        children: /*#__PURE__*/ jsx($Switch, {
-            defaultValue: props.defaultValue,
-            placeholder: props.placeholder,
-            readOnly: props.readOnly
-        })
-    });
-};
-export { FormItemBoolean };

package/dist/components/item/date.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare const FormItemDate: React.FC<FormItemProps>;

package/dist/components/item/date.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { DatePicker, Form } from "antd";
-import dayjs from "dayjs";
-const $Date = (props)=>{
-    const handlerChange = (value)=>{
-        if (value) props.onChange?.(dayjs(value).format('YYYY-MM-DD'));
-        else props.onChange?.('');
-    };
-    const value = props.value ? dayjs(props.value) : void 0;
-    const defaultValue = props.defaultValue ? dayjs(props.defaultValue) : void 0;
-    return /*#__PURE__*/ jsx(DatePicker, {
-        disabled: props.readOnly,
-        value: value,
-        onChange: handlerChange,
-        placeholder: props.placeholder,
-        defaultValue: defaultValue
-    });
-};
-const FormItemDate = (props)=>{
-    const rules = props.required ? [
-        {
-            required: props.required,
-            message: `${props.name}不能为空`
-        }
-    ] : [];
-    return /*#__PURE__*/ jsx(Form.Item, {
-        name: props.code,
-        label: props.name,
-        required: props.required,
-        rules: rules,
-        tooltip: props.tooltip,
-        help: props.help,
-        hidden: props.hidden,
-        children: /*#__PURE__*/ jsx($Date, {
-            defaultValue: props.defaultValue,
-            placeholder: props.placeholder,
-            readOnly: props.readOnly
-        })
-    });
-};
-export { FormItemDate };

package/dist/components/item/double.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare const FormItemDouble: React.FC<FormItemProps>;

package/dist/components/item/double.js

@@ -1,39 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { Form, Input } from "antd";
-const $Input = (props)=>{
-    const value = props.value || void 0;
-    return /*#__PURE__*/ jsx(Input, {
-        type: "number",
-        value: value,
-        disabled: props.readOnly,
-        placeholder: props.placeholder,
-        defaultValue: props.defaultValue,
-        onChange: (event)=>{
-            props.onChange?.(event.target.value);
-        }
-    });
-};
-const FormItemDouble = (props)=>{
-    const rules = props.required ? [
-        {
-            required: props.required,
-            message: `${props.name}不能为空`
-        }
-    ] : [];
-    return /*#__PURE__*/ jsx(Form.Item, {
-        name: props.code,
-        label: props.name,
-        required: props.required,
-        rules: rules,
-        tooltip: props.tooltip,
-        help: props.help,
-        hidden: props.hidden,
-        children: /*#__PURE__*/ jsx($Input, {
-            defaultValue: props.defaultValue,
-            placeholder: props.placeholder,
-            readOnly: props.readOnly
-        })
-    });
-};
-export { FormItemDouble };

package/dist/components/item/integer.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare const FormItemInteger: React.FC<FormItemProps>;

package/dist/components/item/integer.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { Form, InputNumber } from "antd";
-const $Input = (props)=>{
-    const value = props.value || void 0;
-    return /*#__PURE__*/ jsx(InputNumber, {
-        style: {
-            width: "100%"
-        },
-        precision: 0,
-        value: value,
-        disabled: props.readOnly,
-        placeholder: props.placeholder,
-        defaultValue: props.defaultValue,
-        onChange: (value)=>{
-            if (value) props.onChange?.(value);
-        }
-    });
-};
-const FormItemInteger = (props)=>{
-    const rules = props.required ? [
-        {
-            required: props.required,
-            message: `${props.name}不能为空`
-        }
-    ] : [];
-    return /*#__PURE__*/ jsx(Form.Item, {
-        name: props.code,
-        label: props.name,
-        required: props.required,
-        rules: rules,
-        tooltip: props.tooltip,
-        help: props.help,
-        hidden: props.hidden,
-        children: /*#__PURE__*/ jsx($Input, {
-            defaultValue: props.defaultValue,
-            placeholder: props.placeholder,
-            readOnly: props.readOnly
-        })
-    });
-};
-export { FormItemInteger };

package/dist/components/item/long.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare const FormItemLong: React.FC<FormItemProps>;

package/dist/components/item/long.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { Form, InputNumber } from "antd";
-const $Input = (props)=>{
-    const value = props.value || void 0;
-    return /*#__PURE__*/ jsx(InputNumber, {
-        style: {
-            width: "100%"
-        },
-        precision: 0,
-        value: value,
-        disabled: props.readOnly,
-        placeholder: props.placeholder,
-        defaultValue: props.defaultValue,
-        onChange: (value)=>{
-            if (value) props.onChange?.(value);
-        }
-    });
-};
-const FormItemLong = (props)=>{
-    const rules = props.required ? [
-        {
-            required: props.required,
-            message: `${props.name}不能为空`
-        }
-    ] : [];
-    return /*#__PURE__*/ jsx(Form.Item, {
-        name: props.code,
-        label: props.name,
-        required: props.required,
-        rules: rules,
-        tooltip: props.tooltip,
-        help: props.help,
-        hidden: props.hidden,
-        children: /*#__PURE__*/ jsx($Input, {
-            defaultValue: props.defaultValue,
-            placeholder: props.placeholder,
-            readOnly: props.readOnly
-        })
-    });
-};
-export { FormItemLong };

package/dist/components/item/string.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { FormItemProps } from "../../type";
-export declare const FormItemString: React.FC<FormItemProps>;

package/dist/components/item/string.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { Form, Input } from "antd";
-const $Input = (props)=>{
-    const value = props.value || void 0;
-    return /*#__PURE__*/ jsx(Input, {
-        value: value,
-        disabled: props.readOnly,
-        placeholder: props.placeholder,
-        defaultValue: props.defaultValue,
-        onChange: (event)=>{
-            props.onChange?.(event.target.value);
-        }
-    });
-};
-const FormItemString = (props)=>{
-    const rules = props.required ? [
-        {
-            required: props.required,
-            message: `${props.name}不能为空`
-        }
-    ] : [];
-    return /*#__PURE__*/ jsx(Form.Item, {
-        name: props.code,
-        label: props.name,
-        required: props.required,
-        rules: rules,
-        tooltip: props.tooltip,
-        help: props.help,
-        hidden: props.hidden,
-        children: /*#__PURE__*/ jsx($Input, {
-            defaultValue: props.defaultValue,
-            placeholder: props.placeholder,
-            readOnly: props.readOnly
-        })
-    });
-};
-export { FormItemString };

package/dist/hooks/register-form-types.d.ts

@@ -1 +0,0 @@
-export declare const registerFormTypes: () => void;

package/dist/hooks/register-form-types.js

@@ -1,44 +0,0 @@
-import react from "react";
-import { FormTypeContext } from "@coding-flow/flow-types";
-class RegisterRef {
-}
-const registerFormTypes = ()=>{
-    const ref = react.useRef(void 0);
-    if (!ref.current) {
-        ref.current = new RegisterRef();
-        const types = [
-            {
-                name: "字符串",
-                dataType: 'STRING',
-                type: 'string'
-            },
-            {
-                name: "布尔值",
-                dataType: 'BOOLEAN',
-                type: 'boolean'
-            },
-            {
-                name: "整数",
-                dataType: 'INTEGER',
-                type: 'integer'
-            },
-            {
-                name: "长整数",
-                dataType: 'LONG',
-                type: 'long'
-            },
-            {
-                name: "小数",
-                dataType: 'DOUBLE',
-                type: 'double'
-            },
-            {
-                name: "日期格式",
-                dataType: 'STRING',
-                type: 'date'
-            }
-        ];
-        FormTypeContext.getInstance().register(types);
-    }
-};
-export { registerFormTypes };

package/dist/type.d.ts

@@ -1,11 +0,0 @@
-import { FormField } from "@coding-flow/flow-types";
-export interface FormItemInputProps {
-    defaultValue?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    readOnly?: boolean;
-}
-export interface FormItemProps extends FormField {
-    readOnly?: boolean;
-}