@pisell/materials 6.0.10 → 6.0.12

package/lowcode/data-source-table/utils.tsx

@@ -79,6 +79,10 @@ const createRenderSchema = (field: any) => {
   };
 };
 
+export const getFieldComponent = (field: any) => {
+  return createFormItemSchema(field, 'edit').componentName === 'JsonWrapper' ? 'FormItemInput.JSON' : createFormItemSchema(field, 'edit').componentName
+}
+
 export const fields2Columns = (fields: any[]) => {
   if (!fields || !fields.length) return [];
 
@@ -96,7 +100,7 @@ export const fields2Columns = (fields: any[]) => {
       //   value: [createRenderSchema(field)],
       //   id: 'node_ocm49b0bm71',
       // },
-      fieldComponent: createFormItemSchema(field, 'edit').componentName === 'JsonWrapper' ? 'FormItemInput.JSON' : createFormItemSchema(field, 'edit').componentName,
+      fieldComponent: getFieldComponent(field)
       // fieldProps
     }));
 };
@@ -272,6 +276,34 @@ export const getFormContent = (target: any, mode: 'add' | 'edit' | 'view') => {
             mode !== 'add'
               ? genDataSourceValueKey(target, 'currentRecord')
               : undefined,
+          leaveConfirmConfig: mode !== 'view' ? {
+            enable: true,
+            title: {
+              type: 'i18n',
+              en: 'Unsaved changes',
+              'zh-CN': '未保存的更改',
+              'zh-HK': '未保存的更改',
+            },
+            content: {
+              type: 'i18n',
+              en: 'You have unsaved changes. Leave anyway?',
+              'zh-CN': '您有未保存的更改，确定要离开？',
+              'zh-HK': '您有未保存的更改，確定要離開？',
+            },
+            okText: {
+              type: 'i18n',
+              en: 'Leave',
+              'zh-CN': '离开',
+              'zh-HK': '離開',
+            },
+            cancelText: {
+              type: 'i18n',
+              en: 'Stay',
+              'zh-CN': '返回',
+              'zh-HK': '返回',
+              },
+            }
+          : undefined,
         },
         children: childrenSchemas,
       },

package/lowcode/data-source-wrapper/meta.ts

@@ -72,7 +72,7 @@ const dataSourceWrapper: MetaType = {
                 target.getProps().setPropValue('title', '');
                 target.node.children.importSchema([]);
               }
-              
+
               const dataSource = value.isVariable ? value.value : value.item;
 
               setBatchVariables(target, [
@@ -102,6 +102,10 @@ const dataSourceWrapper: MetaType = {
             componentName: 'PisellDataSourceSetter',
             props: (target: any) => {
               return {
+                filters: {
+                  tables: 'all',
+                  variables: {}
+                },
                 variables: getDataSourceVariables(target),
               };
             },
@@ -163,7 +167,7 @@ const dataSourceWrapper: MetaType = {
           name: 'autoRun.get',
           title: {
             type: 'i18n',
-            'en-US': 'Get Auto Run', 
+            'en-US': 'Get Auto Run',
             'zh-CN': '详情自动运行',
           },
           setter: 'BoolSetter',

package/lowcode/form-group/meta.ts

@@ -84,6 +84,10 @@ export default {
             componentName: 'PisellDataSourceSetter',
             props: {
               disabled: true,
+              filters: {
+                tables: 'all',
+                variables: {}
+              },
             },
           },
         },
@@ -134,7 +138,7 @@ export default {
                     appendContainer = lastGroup || appendContainer;
                     // 全部字段
                     const allFields = getVariable(target.node.parent, 'currentFields');
-                    
+
                     const nocobaseField = allFields.find(
                       (item: any) => item.name === field
                     );

package/lowcode/form-item-input.mobile/meta.ts

@@ -0,0 +1,301 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemInput.Mobile',
+  title: '手机号码输入',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemInput',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: 'Mobile',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['placeholder'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+      {
+        name: 'defaultValue',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Default value',
+            'zh-CN': '默认值',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Default value',
+            'zh-CN': '默认值',
+          },
+        },
+        propType: 'string',
+        setter: 'NumberSetter',
+      }
+    ]),
+    getFormItemValidateGroup([
+      generalItemMap['requiredobj'],
+      {
+        ...generalItemMap['typeobj'],
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Mobile format',
+            'zh-CN': '手机格式 ',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Mobile format',
+            'zh-CN': '手机格式 ',
+          },
+        },
+      },
+    ]),
+  ],
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认内容' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'allowClear',
+      title: { label: '支持清除', tip: '是否允许清除' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'readOnly',
+      title: { label: '是否只读', tip: '是否为只读状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'placeholder',
+      title: { label: '占位提示', tip: '占位提示' },
+      propType: 'string',
+      defaultValue: '请输入',
+      setter: 'PisellI18nSetter',
+    },
+    {
+      name: 'maxLength',
+      title: { label: '最大长度', tip: '最大长度' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'size',
+      title: { label: '控件大小', tip: '控件大小' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '大',
+              value: 'large',
+            },
+            {
+              title: '中',
+              value: 'middle',
+            },
+            {
+              title: '小',
+              value: 'small',
+            },
+          ],
+        },
+      },
+      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+      defaultValue: 'middle',
+    },
+    {
+      name: 'addonAfter',
+      title: { label: '后置标签', tip: '后置标签' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'addonBefore',
+      title: { label: '前置标签', tip: '前置标签' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'prefix',
+      title: { label: '前缀', tip: '前缀' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'suffix',
+      title: { label: '后缀', tip: '后缀' },
+      propType: { type: 'oneOfType', value: ['string', 'node'] },
+      setter: ['PisellI18nSetter', 'SlotSetter'],
+    },
+    {
+      name: 'onChange',
+      title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onPressEnter',
+      title: { label: '按下回车的回调', tip: '按下回车的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onFocus',
+      title: { label: '获取焦点回调', tip: '获取焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyDown',
+      title: { label: '按键按下时的回调', tip: '按键按下时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyPress',
+      title: { label: '按键按下后的回调', tip: '按键按下之后释放之前的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onKeyUp',
+      title: { label: '按键释放回调', tip: '按键释放之后的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onBlur',
+      title: { label: '失去焦点回调', tip: '失去焦点回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClick',
+      title: { label: '点击回调', tip: '点击回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClear',
+      title: { label: '按下清除按钮的回调', tip: '按下清除按钮的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'typeobj',
+      title: '验证规则',
+      setter: {
+        componentName: 'ObjectSetter',
+        props: {
+          config: {
+            items: [
+              {
+                name: 'type',
+                title: '类型',
+                setter: {
+                  componentName: 'StringSetter',
+                  initialValue: 'mobile'
+                }
+              },
+              {
+                name: 'enabled',
+                title: '启用',
+                setter: {
+                  componentName: 'BoolSetter',
+                  initialValue: true
+                }
+              }
+            ]
+          }
+        }
+      }
+    }
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 输入框内容变化时的回调\nconsole.log('onChange',event);}",
+        },
+        {
+          name: 'onPressEnter',
+          template:
+            "onPressEnter(event,${extParams}){\n// 按下回车的回调\nconsole.log('onPressEnter',event);}",
+        },
+        {
+          name: 'onFocus',
+          template:
+            "onFocus(event,${extParams}){\n// 获取焦点回调\nconsole.log('onFocus',event);}",
+        },
+        {
+          name: 'onKeyDown',
+          template:
+            "onKeyDown(event,${extParams}){\n// 按键按下时的回调\nconsole.log('onKeyDown',event);}",
+        },
+        {
+          name: 'onKeyPress',
+          template:
+            "onKeyPress(event,${extParams}){\n// 按键按下后的回调\nconsole.log('onKeyPress',event);}",
+        },
+        {
+          name: 'onKeyUp',
+          template:
+            "onKeyUp(event,${extParams}){\n// 按键释放回调\nconsole.log('onKeyUp',event);}",
+        },
+        {
+          name: 'onBlur',
+          template:
+            "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(event,${extParams}){\n// 点击回调\nconsole.log('onClick',event);}",
+        },
+        {
+          name: 'onClear',
+          template:
+            "onClear(event,${extParams}){\n// 按下清除按钮的回调\nconsole.log('onClear',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-input.mobile/snippets.ts

@@ -0,0 +1,27 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
+export default [
+  {
+    title: '手机号码输入',
+    screenshot: require('./__screenshots__/mobile.png'),
+    schema: {
+      title: '手机号码输入',
+      componentName: 'FormItemInput.Mobile',
+      props: {
+        placeholder: inputPlaceholder,
+        type: 'tel',
+        allowClear: true,
+        typeobj: {
+          type: 'mobile',
+          enabled: true,
+          message:{
+            type: 'i18n',
+            en: 'Please enter a valid mobile number',
+            'zh-CN': '请输入正确的手机号码 ',
+            'zh-HK': '請輸入正確的手機號碼',
+          }
+        },
+      },
+    },
+  },
+];

package/lowcode/form-item-input.phone/meta.ts

@@ -9,7 +9,7 @@ import {
 export default {
   snippets,
   componentName: 'FormItemInput.Phone',
-  title: '手机号码输入',
+  title: '电话号码输入',
   category: '表单',
   group: '无代码组件',
   docUrl: '',
@@ -53,54 +53,20 @@ export default {
     getFormItemValidateGroup([
       generalItemMap['requiredobj'],
       {
-        name: 'typeobj',
+        ...generalItemMap['typeobj'],
         title: {
           label: {
             type: 'i18n',
-            'en-US': 'Enable validation',
-            'zh-CN': '开启验证',
+            'en-US': 'Phone format',
+            'zh-CN': '电话格式 ',
           },
-          tip: '开启验证',
-        },
-        setter: {
-          componentName: 'ObjectSetter',
-          props: {
-            config: {
-              items: [
-                {
-                  name: 'enabled',
-                  title: {
-                    type: 'i18n',
-                    'en-US': 'Enabled',
-                    'zh-CN': '是否启用',
-                  },
-                  propType: 'bool',
-                  setter: 'BoolSetter',
-                  isRequired: true,
-                  extraProps: {
-                    setValue: (target: any, value: any) => {
-                      return target.parent.setPropValue('type', 'phone');
-                    },
-                  },
-                },
-                {
-                  name: 'message',
-                  title: {
-                    type: 'i18n',
-                    'en-US': 'Error message',
-                    'zh-CN': '错误信息提示',
-                  },
-                  propType: 'string',
-                  setter: 'PisellI18nSetter',
-                },
-              ],
-            },
-            columns: 1,
-            forceInline: 1,
-            mode: 'popup',
+          tip:  {
+            type: 'i18n',
+            'en-US': 'Phone format',
+            'zh-CN': '电话格式 ',
           },
         },
-      },
+    }
     ]),
   ],
   props: [

package/lowcode/form-item-input.phone/snippets.ts

@@ -2,10 +2,10 @@ import { inputPlaceholder } from "../_utils/defaultSchema";
 
 export default [
   {
-    title: '手机号码输入',
+    title: '电话号码输入',
     screenshot: require('./__screenshots__/phone.png'),
     schema: {
-      title: '手机号码输入',
+      title: '电话号码输入',
       componentName: 'FormItemInput.Phone',
       props: {
         placeholder: inputPlaceholder,
@@ -14,6 +14,12 @@ export default [
         typeobj: {
           type: 'phone',
           enabled: true,
+          message:{
+            type: 'i18n',
+            en: 'Please enter a valid phone number',
+            'zh-CN': '请输入正确的电话号码 ',
+            'zh-HK': '請輸入正確的電話號碼',
+          }
         },
       },
     },