@thienvu18/designable-formily-setters 2.0.1 → 2.0.2

package/lib/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/lib/components/ReactionsSetter/properties.js

@@ -1,44 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldProperties = void 0;
-const helpers_1 = require("./helpers");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.FieldProperties = void 0
+const helpers_1 = require('./helpers')
 exports.FieldProperties = [
-    {
-        key: 'visible',
-        type: 'boolean',
-        helpCode: helpers_1.BooleanHelper,
-    },
-    { key: 'hidden', type: 'boolean', helpCode: helpers_1.BooleanHelper },
-    {
-        key: 'display',
-        type: '"visible" | "hidden" | "none"',
-        helpCode: helpers_1.DisplayHelper,
-    },
-    {
-        key: 'pattern',
-        type: '"editable" | "disabled" | "readOnly" | "readPretty"',
-        helpCode: helpers_1.PatternHelper,
-    },
-    { key: 'title', type: 'string', helpCode: helpers_1.StringHelper },
-    { key: 'description', type: 'string', helpCode: helpers_1.StringHelper },
-    { key: 'value', type: 'any', helpCode: helpers_1.AnyHelper },
-    { key: 'initialValue', type: 'any', helpCode: helpers_1.AnyHelper },
-    { key: 'required', type: 'boolean', helpCode: helpers_1.BooleanHelper },
-    {
-        key: 'dataSource',
-        type: 'Array<{label?:string,value?:any}>',
-        helpCode: helpers_1.DataSourceHelper,
-    },
-    {
-        key: 'componentProps',
-        token: 'componentProps',
-        type: 'object',
-        helpCode: helpers_1.ComponentPropsHelper,
-    },
-    {
-        key: 'decoratorProps',
-        token: 'decoratorProps',
-        type: 'object',
-        helpCode: helpers_1.DecoratorPropsHelper,
-    },
-];
+  {
+    key: 'visible',
+    type: 'boolean',
+    helpCode: helpers_1.BooleanHelper,
+  },
+  { key: 'hidden', type: 'boolean', helpCode: helpers_1.BooleanHelper },
+  {
+    key: 'display',
+    type: '"visible" | "hidden" | "none"',
+    helpCode: helpers_1.DisplayHelper,
+  },
+  {
+    key: 'pattern',
+    type: '"editable" | "disabled" | "readOnly" | "readPretty"',
+    helpCode: helpers_1.PatternHelper,
+  },
+  { key: 'title', type: 'string', helpCode: helpers_1.StringHelper },
+  { key: 'description', type: 'string', helpCode: helpers_1.StringHelper },
+  { key: 'value', type: 'any', helpCode: helpers_1.AnyHelper },
+  { key: 'initialValue', type: 'any', helpCode: helpers_1.AnyHelper },
+  { key: 'required', type: 'boolean', helpCode: helpers_1.BooleanHelper },
+  {
+    key: 'dataSource',
+    type: 'Array<{label?:string,value?:any}>',
+    helpCode: helpers_1.DataSourceHelper,
+  },
+  {
+    key: 'componentProps',
+    token: 'componentProps',
+    type: 'object',
+    helpCode: helpers_1.ComponentPropsHelper,
+  },
+  {
+    key: 'decoratorProps',
+    token: 'decoratorProps',
+    type: 'object',
+    helpCode: helpers_1.DecoratorPropsHelper,
+  },
+]

package/lib/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/lib/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/lib/components/ReactionsSetter/types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })

package/lib/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/lib/components/ValidatorSetter/index.js

@@ -1,138 +1,161 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ValidatorSetter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@formily/react");
-const designable_core_1 = require("@thienvu18/designable-core");
-const formily_antd_v6_1 = require("@thienvu18/formily-antd-v6");
-const designable_react_settings_form_1 = require("@thienvu18/designable-react-settings-form");
-const antd_1 = require("antd");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.ValidatorSetter = void 0
+const jsx_runtime_1 = require('react/jsx-runtime')
+const react_1 = require('@formily/react')
+const designable_core_1 = require('@thienvu18/designable-core')
+const formily_antd_v6_1 = require('@thienvu18/formily-antd-v6')
+const designable_react_settings_form_1 = require('@thienvu18/designable-react-settings-form')
+const antd_1 = require('antd')
 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,
         },
+      },
     },
-};
+  },
+}
 exports.ValidatorSetter = (0, react_1.observer)((props) => {
-    const field = (0, react_1.useField)();
-    return ((0, jsx_runtime_1.jsxs)(designable_react_settings_form_1.FoldItem, { label: field.title, children: [(0, jsx_runtime_1.jsx)(designable_react_settings_form_1.FoldItem.Base, { children: (0, jsx_runtime_1.jsx)(antd_1.Select, { value: Array.isArray(props.value) ? undefined : props.value, onChange: props.onChange, allowClear: true, placeholder: designable_core_1.GlobalRegistry.getDesignerMessage('SettingComponents.ValidatorSetter.pleaseSelect'), options: designable_core_1.GlobalRegistry.getDesignerMessage('SettingComponents.ValidatorSetter.formats') }) }), (0, jsx_runtime_1.jsx)(designable_react_settings_form_1.FoldItem.Extra, { children: (0, jsx_runtime_1.jsx)(react_1.SchemaContext.Provider, { value: new react_1.Schema(ValidatorSchema), children: (0, jsx_runtime_1.jsx)(formily_antd_v6_1.ArrayItems, {}) }) })] }));
-});
+  const field = (0, react_1.useField)()
+  return (0, jsx_runtime_1.jsxs)(designable_react_settings_form_1.FoldItem, {
+    label: field.title,
+    children: [
+      (0, jsx_runtime_1.jsx)(designable_react_settings_form_1.FoldItem.Base, {
+        children: (0, jsx_runtime_1.jsx)(antd_1.Select, {
+          value: Array.isArray(props.value) ? undefined : props.value,
+          onChange: props.onChange,
+          allowClear: true,
+          placeholder: designable_core_1.GlobalRegistry.getDesignerMessage(
+            'SettingComponents.ValidatorSetter.pleaseSelect'
+          ),
+          options: designable_core_1.GlobalRegistry.getDesignerMessage(
+            'SettingComponents.ValidatorSetter.formats'
+          ),
+        }),
+      }),
+      (0, jsx_runtime_1.jsx)(designable_react_settings_form_1.FoldItem.Extra, {
+        children: (0, jsx_runtime_1.jsx)(react_1.SchemaContext.Provider, {
+          value: new react_1.Schema(ValidatorSchema),
+          children: (0, jsx_runtime_1.jsx)(formily_antd_v6_1.ArrayItems, {}),
+        }),
+      }),
+    ],
+  })
+})

package/lib/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/lib/components/index.js

@@ -1,19 +1,35 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DataSourceSetter"), exports);
-__exportStar(require("./ReactionsSetter"), exports);
-__exportStar(require("./ValidatorSetter"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+__exportStar(require('./DataSourceSetter'), exports)
+__exportStar(require('./ReactionsSetter'), exports)
+__exportStar(require('./ValidatorSetter'), exports)

package/lib/index.d.ts

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

package/lib/index.js

@@ -1,18 +1,34 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./locales");
-__exportStar(require("./components"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+require('./locales')
+__exportStar(require('./components'), exports)