@thienvu18/designable-formily-setters 2.0.0 → 2.0.2

package/esm/components/ReactionsSetter/properties.d.ts

@@ -1,11 +1,14 @@
-export declare const FieldProperties: ({
-    key: string;
-    type: string;
-    helpCode: string;
-    token?: undefined;
-} | {
-    key: string;
-    token: string;
-    type: string;
-    helpCode: string;
-})[];
+export declare const FieldProperties: (
+  | {
+      key: string
+      type: string
+      helpCode: string
+      token?: undefined
+    }
+  | {
+      key: string
+      token: string
+      type: string
+      helpCode: string
+    }
+)[]

package/esm/components/ReactionsSetter/properties.js

@@ -1,41 +1,50 @@
-import { BooleanHelper, PatternHelper, StringHelper, AnyHelper, DataSourceHelper, DecoratorPropsHelper, DisplayHelper, ComponentPropsHelper, } from './helpers';
+import {
+  AnyHelper,
+  BooleanHelper,
+  ComponentPropsHelper,
+  DataSourceHelper,
+  DecoratorPropsHelper,
+  DisplayHelper,
+  PatternHelper,
+  StringHelper,
+} from './helpers'
 export const FieldProperties = [
-    {
-        key: 'visible',
-        type: 'boolean',
-        helpCode: BooleanHelper,
-    },
-    { key: 'hidden', type: 'boolean', helpCode: BooleanHelper },
-    {
-        key: 'display',
-        type: '"visible" | "hidden" | "none"',
-        helpCode: DisplayHelper,
-    },
-    {
-        key: 'pattern',
-        type: '"editable" | "disabled" | "readOnly" | "readPretty"',
-        helpCode: PatternHelper,
-    },
-    { key: 'title', type: 'string', helpCode: StringHelper },
-    { key: 'description', type: 'string', helpCode: StringHelper },
-    { key: 'value', type: 'any', helpCode: AnyHelper },
-    { key: 'initialValue', type: 'any', helpCode: AnyHelper },
-    { key: 'required', type: 'boolean', helpCode: BooleanHelper },
-    {
-        key: 'dataSource',
-        type: 'Array<{label?:string,value?:any}>',
-        helpCode: DataSourceHelper,
-    },
-    {
-        key: 'componentProps',
-        token: 'componentProps',
-        type: 'object',
-        helpCode: ComponentPropsHelper,
-    },
-    {
-        key: 'decoratorProps',
-        token: 'decoratorProps',
-        type: 'object',
-        helpCode: DecoratorPropsHelper,
-    },
-];
+  {
+    key: 'visible',
+    type: 'boolean',
+    helpCode: BooleanHelper,
+  },
+  { key: 'hidden', type: 'boolean', helpCode: BooleanHelper },
+  {
+    key: 'display',
+    type: '"visible" | "hidden" | "none"',
+    helpCode: DisplayHelper,
+  },
+  {
+    key: 'pattern',
+    type: '"editable" | "disabled" | "readOnly" | "readPretty"',
+    helpCode: PatternHelper,
+  },
+  { key: 'title', type: 'string', helpCode: StringHelper },
+  { key: 'description', type: 'string', helpCode: StringHelper },
+  { key: 'value', type: 'any', helpCode: AnyHelper },
+  { key: 'initialValue', type: 'any', helpCode: AnyHelper },
+  { key: 'required', type: 'boolean', helpCode: BooleanHelper },
+  {
+    key: 'dataSource',
+    type: 'Array<{label?:string,value?:any}>',
+    helpCode: DataSourceHelper,
+  },
+  {
+    key: 'componentProps',
+    token: 'componentProps',
+    type: 'object',
+    helpCode: ComponentPropsHelper,
+  },
+  {
+    key: 'decoratorProps',
+    token: 'decoratorProps',
+    type: 'object',
+    helpCode: DecoratorPropsHelper,
+  },
+]

package/esm/components/ReactionsSetter/styles.less

@@ -1,4 +1,3 @@
-
 .dn-reactions-setter {
   width: 100%;
   min-height: 623px;
@@ -25,7 +24,8 @@
     &-header {
       padding: 8px 10px !important;
       background-color: var(--dn-color-bg-container, #fff) !important;
-      border-bottom: 1px solid var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06)) !important;
+      border-bottom: 1px solid
+        var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06)) !important;
       font-weight: 500 !important;
 
       .@{ant-prefix}-collapse-arrow {

package/esm/components/ReactionsSetter/types.d.ts

@@ -1,13 +1,13 @@
 export interface IReaction {
-    dependencies?: {
-        [key: string]: string;
-    };
-    fulfill?: {
-        state?: {
-            [key: string]: string;
-        };
-        schema?: {
-            [key: string]: string;
-        };
-    };
+  dependencies?: {
+    [key: string]: string
+  }
+  fulfill?: {
+    state?: {
+      [key: string]: string
+    }
+    schema?: {
+      [key: string]: string
+    }
+  }
 }

package/esm/components/ReactionsSetter/types.js

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

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

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

package/esm/components/ValidatorSetter/index.js

@@ -1,135 +1,158 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { observer, useField, SchemaContext, Schema, } from '@formily/react';
-import { GlobalRegistry } from '@thienvu18/designable-core';
-import { ArrayItems } from '@thienvu18/formily-antd-v6';
-import { FoldItem } from '@thienvu18/designable-react-settings-form';
-import { Select } from 'antd';
+import { Schema, SchemaContext, observer, useField } from '@formily/react'
+import { GlobalRegistry } from '@thienvu18/designable-core'
+import { FoldItem } from '@thienvu18/designable-react-settings-form'
+import { ArrayItems } from '@thienvu18/formily-antd-v6'
+import { Select } from 'antd'
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime'
 const ValidatorSchema = {
-    type: 'array',
-    items: {
-        type: 'object',
-        'x-decorator': 'ArrayItems.Item',
-        'x-decorator-props': {
-            style: {
-                alignItems: 'center',
-                borderRadius: 3,
-                paddingTop: 6,
-                paddingBottom: 6,
-            },
-        },
+  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: {
-            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 } },
+          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'],
             },
-            moveUp: {
-                type: 'void',
-                'x-component': 'ArrayItems.MoveUp',
-                'x-component-props': { style: { marginLeft: 5 } },
+          },
+          message: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input.TextArea',
+          },
+          format: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+              allowClear: true,
             },
-            remove: {
-                type: 'void',
-                'x-component': 'ArrayItems.Remove',
-                'x-component-props': { style: { marginLeft: 5 } },
+          },
+          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,
-                },
-            },
+  },
+  properties: {
+    addValidatorRules: {
+      type: 'void',
+      'x-component': 'ArrayItems.Addition',
+      'x-component-props': {
+        style: {
+          marginBottom: 10,
         },
+      },
     },
-};
+  },
+}
 export const ValidatorSetter = observer((props) => {
-    const field = useField();
-    return (_jsxs(FoldItem, { label: field.title, children: [_jsx(FoldItem.Base, { children: _jsx(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') }) }), _jsx(FoldItem.Extra, { children: _jsx(SchemaContext.Provider, { value: new Schema(ValidatorSchema), children: _jsx(ArrayItems, {}) }) })] }));
-});
+  const field = useField()
+  return _jsxs(FoldItem, {
+    label: field.title,
+    children: [
+      _jsx(FoldItem.Base, {
+        children: _jsx(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'
+          ),
+        }),
+      }),
+      _jsx(FoldItem.Extra, {
+        children: _jsx(SchemaContext.Provider, {
+          value: new Schema(ValidatorSchema),
+          children: _jsx(ArrayItems, {}),
+        }),
+      }),
+    ],
+  })
+})

package/esm/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DataSourceSetter';
-export * from './ReactionsSetter';
-export * from './ValidatorSetter';
+export * from './DataSourceSetter'
+export * from './ReactionsSetter'
+export * from './ValidatorSetter'

package/esm/components/index.js

@@ -1,3 +1,3 @@
-export * from './DataSourceSetter';
-export * from './ReactionsSetter';
-export * from './ValidatorSetter';
+export * from './DataSourceSetter'
+export * from './ReactionsSetter'
+export * from './ValidatorSetter'

package/esm/index.d.ts

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

package/esm/index.js

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