@formily-design/formily-setters 1.0.0

package/esm/components/ValidatorSetter/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IValidatorSetterProps {
+    value?: any;
+    onChange?: (value: any) => void;
+}
+export declare const ValidatorSetter: React.FC<IValidatorSetterProps>;

package/esm/components/ValidatorSetter/index.js

@@ -0,0 +1,140 @@
+import React from 'react';
+import { observer, useField, SchemaContext, Schema, } from '@formily/react';
+import { GlobalRegistry } from '@formily-design/core';
+import { ArrayItems } from '@formily/antd-v5';
+import { FoldItem } from '@formily-design/react-settings-form';
+import { Select } from 'antd';
+const ValidatorSchema = {
+    type: 'array',
+    items: {
+        type: 'object',
+        'x-decorator': 'ArrayItems.Item',
+        'x-decorator-props': {
+            style: {
+                alignItems: 'center',
+                borderRadius: 3,
+                paddingTop: 6,
+                paddingBottom: 6,
+            },
+        },
+        properties: {
+            sortable: {
+                type: 'void',
+                'x-component': 'ArrayItems.SortHandle',
+                'x-component-props': { style: { marginRight: 10 } },
+            },
+            drawer: {
+                type: 'void',
+                'x-component': 'DrawerSetter',
+                properties: {
+                    triggerType: {
+                        type: 'string',
+                        enum: ['onInput', 'onFocus', 'onBlur'],
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Select',
+                    },
+                    validator: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'ValueInput',
+                        'x-component-props': {
+                            include: ['EXPRESSION'],
+                        },
+                    },
+                    message: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Input.TextArea',
+                    },
+                    format: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Select',
+                        'x-component-props': {
+                            allowClear: true,
+                        },
+                    },
+                    pattern: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Input',
+                        'x-component-props': {
+                            prefix: '/',
+                            suffix: '/',
+                        },
+                    },
+                    len: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'NumberPicker',
+                    },
+                    max: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'NumberPicker',
+                    },
+                    min: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'NumberPicker',
+                    },
+                    exclusiveMaximum: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'NumberPicker',
+                    },
+                    exclusiveMinimum: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'NumberPicker',
+                    },
+                    whitespace: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Switch',
+                    },
+                    required: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Switch',
+                    },
+                },
+            },
+            moveDown: {
+                type: 'void',
+                'x-component': 'ArrayItems.MoveDown',
+                'x-component-props': { style: { marginLeft: 10 } },
+            },
+            moveUp: {
+                type: 'void',
+                'x-component': 'ArrayItems.MoveUp',
+                'x-component-props': { style: { marginLeft: 5 } },
+            },
+            remove: {
+                type: 'void',
+                'x-component': 'ArrayItems.Remove',
+                'x-component-props': { style: { marginLeft: 5 } },
+            },
+        },
+    },
+    properties: {
+        addValidatorRules: {
+            type: 'void',
+            'x-component': 'ArrayItems.Addition',
+            'x-component-props': {
+                style: {
+                    marginBottom: 10,
+                },
+            },
+        },
+    },
+};
+export const ValidatorSetter = observer((props) => {
+    const field = useField();
+    return (React.createElement(FoldItem, { label: field.title },
+        React.createElement(FoldItem.Base, null,
+            React.createElement(Select, { value: Array.isArray(props.value) ? undefined : props.value, onChange: props.onChange, allowClear: true, placeholder: GlobalRegistry.getDesignerMessage('SettingComponents.ValidatorSetter.pleaseSelect'), options: GlobalRegistry.getDesignerMessage('SettingComponents.ValidatorSetter.formats') })),
+        React.createElement(FoldItem.Extra, null,
+            React.createElement(SchemaContext.Provider, { value: new Schema(ValidatorSchema) },
+                React.createElement(ArrayItems, null)))));
+});

package/esm/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DataSourceSetter';
+export * from './ReactionsSetter';
+export * from './ValidatorSetter';
+export * from './RemoteDataSourceSetter';

package/esm/components/index.js

@@ -0,0 +1,4 @@
+export * from './DataSourceSetter';
+export * from './ReactionsSetter';
+export * from './ValidatorSetter';
+export * from './RemoteDataSourceSetter';

package/esm/index.d.ts

@@ -0,0 +1,2 @@
+import './locales';
+export * from './components';

package/esm/index.js

@@ -0,0 +1,2 @@
+import './locales';
+export * from './components';

package/esm/locales/en-US.d.ts

@@ -0,0 +1,110 @@
+declare const _default: {
+    'en-US': {
+        settings: {
+            'x-validator': {
+                title: string;
+                addValidatorRules: string;
+                drawer: string;
+                triggerType: {
+                    title: string;
+                    placeholder: string;
+                    dataSource: string[];
+                };
+                format: {
+                    title: string;
+                    placeholder: string;
+                    dataSource: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                validator: {
+                    title: string;
+                    tooltip: string;
+                };
+                pattern: string;
+                len: string;
+                max: string;
+                min: string;
+                exclusiveMaximum: string;
+                exclusiveMinimum: string;
+                whitespace: string;
+                required: string;
+                message: {
+                    title: string;
+                    tooltip: string;
+                };
+            };
+        };
+        SettingComponents: {
+            DataSourceSetter: {
+                nodeProperty: string;
+                pleaseSelectNode: string;
+                addKeyValuePair: string;
+                configureDataSource: string;
+                dataSource: string;
+                defaultTitle: string;
+                dataSourceTree: string;
+                addNode: string;
+                label: string;
+                value: string;
+                item: string;
+                staticData: string;
+                remoteData: string;
+                confirm: string;
+                cancel: string;
+                editConfigure: string;
+            };
+            RemoteDataSource: {
+                basic: string;
+                url: string;
+                method: string;
+                headers: string;
+                params: string;
+                handlers: string;
+                beforeRequest: string;
+                dataHandler: string;
+                addHeader: string;
+                addParam: string;
+            };
+            ReactionsSetter: {
+                configureReactions: string;
+                relationsFields: string;
+                variableName: string;
+                variableNameValidateMessage: string;
+                pleaseInput: string;
+                sourceField: string;
+                sourceProperty: string;
+                variableType: string;
+                operations: string;
+                addRelationField: string;
+                propertyReactions: string;
+                actionReactions: string;
+                visible: string;
+                hidden: string;
+                display: string;
+                pattern: string;
+                title: string;
+                description: string;
+                value: string;
+                initialValue: string;
+                dataSource: string;
+                required: string;
+                component: string;
+                componentProps: string;
+                decorator: string;
+                decoratorProps: string;
+                pleaseSelect: string;
+                expressionValueTypeIs: string;
+            };
+            ValidatorSetter: {
+                pleaseSelect: string;
+                formats: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+        };
+    };
+};
+export default _default;

package/esm/locales/en-US.js

@@ -0,0 +1,115 @@
+const ValidatorFormats = [
+    { label: 'URL', value: 'url' },
+    { label: 'Email', value: 'email' },
+    { label: 'Number', value: 'number' },
+    { label: 'Integer', value: 'integer' },
+    { label: 'ID', value: 'idcard' },
+    { label: 'Phone Number', value: 'phone' },
+    { label: 'Currency', value: 'money' },
+    { label: 'Chinese', value: 'zh' },
+    { label: 'Date', value: 'date' },
+    { label: 'Zip', value: 'zip' },
+];
+export default {
+    'en-US': {
+        settings: {
+            'x-validator': {
+                title: 'Validator',
+                addValidatorRules: 'Add Validator Rules',
+                drawer: 'Edit Rules',
+                triggerType: {
+                    title: 'Trigger Type',
+                    placeholder: 'Please Select',
+                    dataSource: ['onInput', 'onFocus', 'onBlur'],
+                },
+                format: {
+                    title: 'Format',
+                    placeholder: 'Please Select',
+                    dataSource: ValidatorFormats,
+                },
+                validator: {
+                    title: 'Custom Validator',
+                    tooltip: 'Format: function (value){ return "Error Message"}',
+                },
+                pattern: 'RegExp',
+                len: 'Length Limit',
+                max: 'Length/Value Lt',
+                min: 'Length/Value Gt',
+                exclusiveMaximum: 'Length/Value Lte',
+                exclusiveMinimum: 'Length/Value Gte',
+                whitespace: 'No Whitespace',
+                required: 'Required',
+                message: {
+                    title: 'Error Message',
+                    tooltip: 'The error message is only effective for one built-in rule of the current rule set. If you need to customize the error message for different built-in rules, please split into multiple rules',
+                },
+            },
+        },
+        SettingComponents: {
+            DataSourceSetter: {
+                nodeProperty: 'Node Property',
+                pleaseSelectNode: 'please select node from the tree on the left',
+                addKeyValuePair: 'Add Key Value Pair',
+                configureDataSource: 'Configure',
+                dataSource: 'Options',
+                defaultTitle: 'Default Title',
+                dataSourceTree: 'Options Tree',
+                addNode: 'Add Node',
+                label: 'label',
+                value: 'value',
+                item: 'Item',
+                staticData: 'Static Data',
+                remoteData: 'Remote Data',
+                confirm: 'Confirm',
+                cancel: 'Cancel',
+                editConfigure: 'Edit Configure',
+            },
+            RemoteDataSource: {
+                basic: 'Basic',
+                url: 'Request URL',
+                method: 'Method',
+                headers: 'Headers',
+                params: 'Parameters',
+                handlers: 'Data Processing',
+                beforeRequest: 'Before Request',
+                dataHandler: 'Data Handler',
+                addHeader: 'Add Header',
+                addParam: 'Add Parameter',
+            },
+            ReactionsSetter: {
+                configureReactions: 'Configure',
+                relationsFields: 'Associated Fields',
+                variableName: 'Variable Name',
+                variableNameValidateMessage: 'This is not a standard variable name',
+                pleaseInput: 'Please Input',
+                sourceField: 'Source Field',
+                sourceProperty: 'Field Property',
+                variableType: 'Variable Type',
+                operations: 'Operations',
+                addRelationField: 'Add Associated Field',
+                propertyReactions: 'Property Reactions(Only Support Javascript Expression)',
+                actionReactions: 'Action Reactions(Optional, Support Javascript Statement)',
+                visible: 'Show/None',
+                hidden: 'Show/UI Hidden',
+                display: 'Display',
+                pattern: 'Pattern',
+                title: 'Title',
+                description: 'Description',
+                value: 'Value',
+                initialValue: 'InitialValue',
+                dataSource: 'Options',
+                required: 'Required',
+                component: 'Component',
+                componentProps: 'Component Props',
+                decorator: 'Decorator',
+                decoratorProps: 'Decorator Props',
+                pleaseSelect: 'Please Select',
+                expressionValueTypeIs: 'Expression value type is',
+            },
+            ValidatorSetter: {
+                pleaseSelect: 'Please Select',
+                formats: ValidatorFormats,
+            },
+        },
+    },
+};

package/esm/locales/index.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/locales/index.js

@@ -0,0 +1,5 @@
+import { GlobalRegistry } from '@formily-design/core';
+import zhCN from './zh-CN';
+import enUS from './en-US';
+import koKR from './ko-KR';
+GlobalRegistry.registerDesignerLocales(zhCN, enUS, koKR);

package/esm/locales/ko-KR.d.ts

@@ -0,0 +1,110 @@
+declare const _default: {
+    'ko-KR': {
+        settings: {
+            'x-validator': {
+                title: string;
+                addValidatorRules: string;
+                drawer: string;
+                triggerType: {
+                    title: string;
+                    placeholder: string;
+                    dataSource: string[];
+                };
+                format: {
+                    title: string;
+                    placeholder: string;
+                    dataSource: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                validator: {
+                    title: string;
+                    tooltip: string;
+                };
+                pattern: string;
+                len: string;
+                max: string;
+                min: string;
+                exclusiveMaximum: string;
+                exclusiveMinimum: string;
+                whitespace: string;
+                required: string;
+                message: {
+                    title: string;
+                    tooltip: string;
+                };
+            };
+        };
+        SettingComponents: {
+            DataSourceSetter: {
+                nodeProperty: string;
+                pleaseSelectNode: string;
+                addKeyValuePair: string;
+                configureDataSource: string;
+                dataSource: string;
+                defaultTitle: string;
+                dataSourceTree: string;
+                addNode: string;
+                label: string;
+                value: string;
+                item: string;
+                staticData: string;
+                remoteData: string;
+                confirm: string;
+                cancel: string;
+                editConfigure: string;
+            };
+            RemoteDataSource: {
+                basic: string;
+                url: string;
+                method: string;
+                headers: string;
+                params: string;
+                handlers: string;
+                beforeRequest: string;
+                dataHandler: string;
+                addHeader: string;
+                addParam: string;
+            };
+            ReactionsSetter: {
+                configureReactions: string;
+                relationsFields: string;
+                variableName: string;
+                variableNameValidateMessage: string;
+                pleaseInput: string;
+                sourceField: string;
+                sourceProperty: string;
+                variableType: string;
+                operations: string;
+                addRelationField: string;
+                propertyReactions: string;
+                actionReactions: string;
+                visible: string;
+                hidden: string;
+                display: string;
+                pattern: string;
+                title: string;
+                description: string;
+                value: string;
+                initialValue: string;
+                dataSource: string;
+                required: string;
+                component: string;
+                componentProps: string;
+                decorator: string;
+                decoratorProps: string;
+                pleaseSelect: string;
+                expressionValueTypeIs: string;
+            };
+            ValidatorSetter: {
+                pleaseSelect: string;
+                formats: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+        };
+    };
+};
+export default _default;

package/esm/locales/ko-KR.js

@@ -0,0 +1,115 @@
+const ValidatorFormats = [
+    { label: 'URL', value: 'url' },
+    { label: '이메일', value: 'email' },
+    { label: '숫자', value: 'number' },
+    { label: '상수', value: 'integer' },
+    { label: 'ID', value: 'idcard' },
+    { label: '휴대폰 번호', value: 'phone' },
+    { label: '통화', value: 'money' },
+    { label: '중국', value: 'zh' },
+    { label: '날짜', value: 'date' },
+    { label: 'Zip', value: 'zip' },
+];
+export default {
+    'ko-KR': {
+        settings: {
+            'x-validator': {
+                title: '유효성 검사 도구',
+                addValidatorRules: '유효성 검사 규칙 추가',
+                drawer: '규칙 수정',
+                triggerType: {
+                    title: '트리거 타입',
+                    placeholder: '선택하세요',
+                    dataSource: ['onInput', 'onFocus', 'onBlur'],
+                },
+                format: {
+                    title: '포맷',
+                    placeholder: '선택하세요',
+                    dataSource: ValidatorFormats,
+                },
+                validator: {
+                    title: '사용자 정의 유효성 검사 도구',
+                    tooltip: '형식: function (value){ return "Error Message"}',
+                },
+                pattern: 'RegExp',
+                len: '길이 제한',
+                max: '길이/값 Lt',
+                min: '길이/값 Gt',
+                exclusiveMaximum: '길이/값 Lte',
+                exclusiveMinimum: '길이/값 Gte',
+                whitespace: '공백 없음',
+                required: '필수 항목',
+                message: {
+                    title: '오류 메시지',
+                    tooltip: '오류 메시지는 현재의 규칙 셋의 하나의 빌트인 규칙에 대해서만 적용됩니다. 여러 빌트인 규칙에 대한 오류 메시지를 사용자 정의해야 하는 경우 여러 규칙으로 분할하세요.',
+                },
+            },
+        },
+        SettingComponents: {
+            DataSourceSetter: {
+                nodeProperty: '노드 속성',
+                pleaseSelectNode: '왼쪽에 있는 트리에서 노드를 선택하세요.',
+                addKeyValuePair: '키/값 쌍 추가',
+                configureDataSource: '구성',
+                dataSource: 'Options',
+                defaultTitle: '기본 제목',
+                dataSourceTree: 'Options 트리',
+                addNode: '노드 추가',
+                label: '레이블',
+                value: '값',
+                item: '아이템',
+                staticData: '정적 데이터',
+                remoteData: '원격 데이터',
+                confirm: '확인',
+                cancel: '취소',
+                editConfigure: '구성 수정',
+            },
+            RemoteDataSource: {
+                basic: '기본',
+                url: '요청 URL',
+                method: '방식',
+                headers: '헤더',
+                params: '매개변수',
+                handlers: '데이터 처리',
+                beforeRequest: '사전 요청 처리',
+                dataHandler: '데이터 핸들러',
+                addHeader: '헤더 추가',
+                addParam: '매개변수 추가',
+            },
+            ReactionsSetter: {
+                configureReactions: '구성',
+                relationsFields: '관련 필드',
+                variableName: '변수 이름',
+                variableNameValidateMessage: '표준 변수 이름이 아닙니다.',
+                pleaseInput: '입력해주세요',
+                sourceField: 'Source Field',
+                sourceProperty: '필드 속성',
+                variableType: '변수 타입',
+                operations: '작업',
+                addRelationField: '관련 필드 추가',
+                propertyReactions: '구성 리엑션(자바스크립트 표현식만 지원함)',
+                actionReactions: '액션 리엑션(선택사항, 자바스크립트 구문을 지원함)',
+                visible: '보기/없음',
+                hidden: '보기/UI 숨기기',
+                display: '디스플레이',
+                pattern: '패턴',
+                title: '제목',
+                description: '설명',
+                value: '값',
+                initialValue: '초기값',
+                dataSource: 'Options',
+                required: '필수 항목',
+                component: '컴포넌트',
+                componentProps: '컴포넌트 속성',
+                decorator: '테코레이터',
+                decoratorProps: '테코레이터 속성',
+                pleaseSelect: '선택하세요',
+                expressionValueTypeIs: '표현식 값 타입은',
+            },
+            ValidatorSetter: {
+                pleaseSelect: '선택하세요',
+                formats: ValidatorFormats,
+            },
+        },
+    },
+};