@pisell/materials 6.2.39 → 6.2.41

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

@@ -11,7 +11,8 @@ import {
   fields2TableFilterOptions,
   filterTypes,
   setDefaultSearchFilter,
-  setDefaultSort, getFieldComponent,
+  setDefaultSort,
+  getFieldComponent,
 } from './utils';
 import { getVariable, setBatchVariables } from '../data-source-form/utils';
 import { uuid } from '../_utils/utils';
@@ -21,12 +22,12 @@ import { getFormItemGeneralInfoGroup } from '../_utils/defaultSchema';
 const getI18n = (
   item:
     | {
-      type: string;
-      key: string;
-      en: string;
-      'zh-CN': string;
-      'zh-HK': string;
-    }
+        type: string;
+        key: string;
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+      }
     | string
 ) => {
   if (typeof item === 'string') {
@@ -144,9 +145,9 @@ const dataSourceTable = {
             props: {
               filters: {
                 tables: 'all',
-                variables: {}
+                variables: {},
               },
-            }
+            },
           },
         },
         {
@@ -159,7 +160,8 @@ const dataSourceTable = {
             },
             tip: {
               type: 'i18n',
-              'en-US': 'Table columns configuration description, see below for details',
+              'en-US':
+                'Table columns configuration description, see below for details',
               'zh-CN': '表格列的配置描述，具体项见下表',
             },
           },
@@ -341,8 +343,14 @@ const dataSourceTable = {
                             );
                             // 设置label
                             if (field) {
-                              target.parent.setPropValue('title', field.uiSchema.title);
-                              target.parent.setPropValue('fieldComponent', getFieldComponent(field));
+                              target.parent.setPropValue(
+                                'title',
+                                field.uiSchema.title
+                              );
+                              target.parent.setPropValue(
+                                'fieldComponent',
+                                getFieldComponent(field)
+                              );
                               // target.node.children.importSchema([createFormItemChildren(field)])
                               // 插入schema后 有概率不生效，所以这里手动rerender
                               // setTimeout(() => {
@@ -366,7 +374,8 @@ const dataSourceTable = {
                           },
                           tip: {
                             type: 'i18n',
-                            'en-US': 'hidden | Whether to hide the current column',
+                            'en-US':
+                              'hidden | Whether to hide the current column',
                             'zh-CN': 'hidden | 是否隐藏当前列',
                           },
                         },
@@ -472,7 +481,7 @@ const dataSourceTable = {
                 'en-US': 'List Params',
                 'zh-CN': '列表参数',
               },
-              setter: 'JsonSetter'
+              setter: 'JsonSetter',
             },
             {
               name: 'extraParams.get',
@@ -481,7 +490,7 @@ const dataSourceTable = {
                 'en-US': 'Get Params',
                 'zh-CN': '获取参数',
               },
-              setter: 'JsonSetter'
+              setter: 'JsonSetter',
             },
             {
               name: 'extraParams.update',
@@ -490,7 +499,7 @@ const dataSourceTable = {
                 'en-US': 'Update Params',
                 'zh-CN': '更新参数',
               },
-              setter: 'JsonSetter'
+              setter: 'JsonSetter',
             },
             // {
             //   name: 'extraParams.create',
@@ -510,8 +519,8 @@ const dataSourceTable = {
             //   },
             //   setter: 'StringSetter'
             // }
-          ]
-        }
+          ],
+        },
       ],
     },
 
@@ -643,7 +652,7 @@ const dataSourceTable = {
       //   defaultValue: false,
       // },
       {
-        title: "标题按钮",
+        title: '标题按钮',
         display: 'entry',
         type: 'group',
         name: '_buttons',
@@ -658,7 +667,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'titleButtons.show | Whether to display the title button group',
+                'en-US':
+                  'titleButtons.show | Whether to display the title button group',
                 'zh-CN': 'titleButtons.show | 是否显示标题按钮组',
               },
             },
@@ -884,8 +894,10 @@ const dataSourceTable = {
                             },
                             tip: {
                               type: 'i18n',
-                              'en-US': 'beforeOpen | Function to validate before opening',
-                              'zh-CN': 'beforeOpen | 打开前的校验函数，返回 true 才会打开',
+                              'en-US':
+                                'beforeOpen | Function to validate before opening',
+                              'zh-CN':
+                                'beforeOpen | 打开前的校验函数，返回 true 才会打开',
                             },
                           },
                           propType: 'func',
@@ -893,7 +905,7 @@ const dataSourceTable = {
                             componentName: 'FunctionSetter',
                             props: {
                               template:
-                                "beforeOpen(values,${extParams}){\n// 校验数据\nreturn true}",
+                                'beforeOpen(values,${extParams}){\n// 校验数据\nreturn true}',
                             },
                           },
                         },
@@ -901,9 +913,9 @@ const dataSourceTable = {
                           name: 'afterClose',
                           title: { label: '关闭后' },
                           setter: {
-                            componentName: 'FunctionSetter'
-                          }
-                        }
+                            componentName: 'FunctionSetter',
+                          },
+                        },
                       ],
                     },
                   },
@@ -942,7 +954,7 @@ const dataSourceTable = {
         ],
       },
       {
-        title: "表格按钮",
+        title: '表格按钮',
         display: 'entry',
         type: 'group',
         name: '_tableButtons',
@@ -957,7 +969,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'tableButtons.show | Whether to display the table button group',
+                'en-US':
+                  'tableButtons.show | Whether to display the table button group',
                 'zh-CN': 'tableButtons.show | 是否显示表格按钮组',
               },
             },
@@ -1219,11 +1232,11 @@ const dataSourceTable = {
                 'target => !!target.getProps().getPropValue("tableButtons.show")',
             },
             setter: 'NumberSetter',
-          }
+          },
         ],
       },
       {
-        title: "标签页",
+        title: '标签页',
         display: 'entry',
         type: 'group',
         name: '_tabs',
@@ -1380,8 +1393,8 @@ const dataSourceTable = {
                           },
                           propType: 'bool',
                           defaultValue: false,
-                          setter: 'BoolSetter'
-                        }
+                          setter: 'BoolSetter',
+                        },
                       ],
                     },
                   },
@@ -1399,7 +1412,7 @@ const dataSourceTable = {
         ],
       },
       {
-        title: "搜索条",
+        title: '搜索条',
         display: 'entry',
         type: 'group',
         name: '_search',
@@ -1465,12 +1478,12 @@ const dataSourceTable = {
               type: 'JSFunction',
               value:
                 'target => !!target.getProps().getPropValue("search.show") && ["pisell2-api","mypisell-api"].includes(target.getProps().getPropValue("dataSource").headerDataSource)',
-            }
-          }
+            },
+          },
         ],
       },
       {
-        title: "筛选",
+        title: '筛选',
         display: 'entry',
         type: 'group',
         name: '_filter',
@@ -1543,7 +1556,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'filter.quickFilterMaxLength | Quick filter max length',
+                'en-US':
+                  'filter.quickFilterMaxLength | Quick filter max length',
                 'zh-CN': 'filter.quickFilterMaxLength | 快捷筛选最大长度',
               },
             },
@@ -1752,17 +1766,17 @@ const dataSourceTable = {
                             label: {
                               type: 'i18n',
                               'en-US': 'Other Properties',
-                              'zh-CN': '其他拓展属性'
+                              'zh-CN': '其他拓展属性',
                             },
                             tip: {
                               type: 'i18n',
                               'en-US': 'Other extended properties',
-                              'zh-CN': '其他拓展属性'
-                            }
+                              'zh-CN': '其他拓展属性',
+                            },
                           },
                           propType: 'object',
-                          setter: 'JsonSetter'
-                        }
+                          setter: 'JsonSetter',
+                        },
                       ],
                     },
                   },
@@ -1778,7 +1792,7 @@ const dataSourceTable = {
         ],
       },
       {
-        title: "排序",
+        title: '排序',
         display: 'entry',
         type: 'group',
         name: '_sort',
@@ -1811,7 +1825,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'Sort type | Simple sort(simple)、Complex sort(complex)',
+                'en-US':
+                  'Sort type | Simple sort(simple)、Complex sort(complex)',
                 'zh-CN': '排序类型 | 简单排序(simple)、复合排序(complex)',
               },
             },
@@ -2146,7 +2161,7 @@ const dataSourceTable = {
       //   ],
       // },
       {
-        title: "多视图",
+        title: '多视图',
         display: 'entry',
         type: 'group',
         name: '_view',
@@ -2161,7 +2176,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'view.multiple | Whether to display multiple view switching',
+                'en-US':
+                  'view.multiple | Whether to display multiple view switching',
                 'zh-CN': 'view.multiple | 是否显示多视图切换',
               },
             },
@@ -2212,7 +2228,7 @@ const dataSourceTable = {
         ],
       },
       {
-        title: "操作列",
+        title: '操作列',
         display: 'entry',
         type: 'group',
         name: '_operation',
@@ -2227,7 +2243,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'operation.show | Whether to display the operation column',
+                'en-US':
+                  'operation.show | Whether to display the operation column',
                 'zh-CN': 'operation.show | 是否显示操作列',
               },
             },
@@ -2252,7 +2269,7 @@ const dataSourceTable = {
             propType: 'string',
             setter: 'PisellI18nSetter',
             defaultValue: {
-              'en': 'Operation',
+              en: 'Operation',
               'zh-CN': '操作',
               'zh-HK': '操作',
               type: 'i18n',
@@ -2463,8 +2480,10 @@ const dataSourceTable = {
                             },
                             tip: {
                               type: 'i18n',
-                              'en-US': 'Open mode | Dialog(modal)、Drawer(drawer) | Custom(custom)',
-                              'zh-CN': '打开方式 | 对话框(modal)、抽屉(drawer) | 自定义(custom)',
+                              'en-US':
+                                'Open mode | Dialog(modal)、Drawer(drawer) | Custom(custom)',
+                              'zh-CN':
+                                '打开方式 | 对话框(modal)、抽屉(drawer) | 自定义(custom)',
                             },
                           },
                           propType: {
@@ -2511,7 +2530,8 @@ const dataSourceTable = {
                             {
                               componentName: 'FunctionSetter',
                               props: {
-                                template: 'onClick(record,${extParams}){\n// 点击按钮时的回调\nconsole.log("onClick", record);\n}',
+                                template:
+                                  'onClick(record,${extParams}){\n// 点击按钮时的回调\nconsole.log("onClick", record);\n}',
                               },
                             },
                             'VariableSetter',
@@ -2527,8 +2547,10 @@ const dataSourceTable = {
                             },
                             tip: {
                               type: 'i18n',
-                              'en-US': 'Open content size | Narrow(small)、Medium(middle)、Wide(large)',
-                              'zh-CN': '弹窗尺寸 | 较窄(small)、中等(middle)、较宽(large)',
+                              'en-US':
+                                'Open content size | Narrow(small)、Medium(middle)、Wide(large)',
+                              'zh-CN':
+                                '弹窗尺寸 | 较窄(small)、中等(middle)、较宽(large)',
                             },
                           },
                           propType: {
@@ -2663,7 +2685,34 @@ const dataSourceTable = {
                           defaultValue: false,
                           condition: {
                             type: 'JSFunction',
-                            value: "target => target.parent.getPropValue('actionType') === 'delete'",
+                            value:
+                              "target => target.parent.getPropValue('actionType') === 'delete'",
+                          },
+                        },
+                        {
+                          name: 'customDeleteAction',
+                          title: {
+                            label: {
+                              type: 'i18n',
+                              'en-US': 'Custom Delete',
+                              'zh-CN': '自定义删除',
+                            },
+                          },
+                          propType: 'func',
+                          setter: [
+                            {
+                              componentName: 'FunctionSetter',
+                              props: {
+                                template:
+                                  'customDeleteAction(record,${extParams}){\n// 自定义删除的回调\nconsole.log("customDeleteAction", record);\n}',
+                              },
+                            },
+                            'VariableSetter',
+                          ],
+                          condition: {
+                            type: 'JSFunction',
+                            value:
+                              "target => target.parent.getPropValue('actionType') === 'delete'",
                           },
                         },
                         {
@@ -2682,18 +2731,18 @@ const dataSourceTable = {
                           },
                           propType: {
                             type: 'oneOfType',
-                            value: ['JSFunction', 'bool',]
+                            value: ['JSFunction', 'bool'],
                           },
                           setter: [
                             {
                               componentName: 'FunctionSetter',
                               props: {
                                 template:
-                                  "show(record,${extParams}){\n// 校验数据\nreturn true}",
+                                  'show(record,${extParams}){\n// 校验数据\nreturn true}',
                               },
                             },
                             {
-                              componentName: 'BoolSetter'
+                              componentName: 'BoolSetter',
                             },
                           ],
                         },
@@ -2701,9 +2750,9 @@ const dataSourceTable = {
                           name: 'afterClose',
                           title: { label: '关闭后' },
                           setter: {
-                            componentName: 'FunctionSetter'
-                          }
-                        }
+                            componentName: 'FunctionSetter',
+                          },
+                        },
                       ],
                     },
                   },
@@ -2727,7 +2776,7 @@ const dataSourceTable = {
         ],
       },
       {
-        title: "点击进入详情",
+        title: '点击进入详情',
         display: 'entry',
         type: 'group',
         name: '_clickToDetail',
@@ -2808,7 +2857,10 @@ const dataSourceTable = {
                 const items = operation?.items || [];
                 return {
                   options: items.map((item: any) => ({
-                    title: typeof item.label === 'string' ? item.label : item.label['zh-CN'],
+                    title:
+                      typeof item.label === 'string'
+                        ? item.label
+                        : item.label['zh-CN'],
                     value: item.key || item.actionType,
                   })),
                 };
@@ -2870,7 +2922,8 @@ const dataSourceTable = {
               },
               tip: {
                 type: 'i18n',
-                'en-US': 'Open content size | Narrow(small)、Medium(middle)、Wide(large)',
+                'en-US':
+                  'Open content size | Narrow(small)、Medium(middle)、Wide(large)',
                 'zh-CN': '弹窗尺寸 | 较窄(small)、中等(middle)、较宽(large)',
               },
             },
@@ -2999,7 +3052,7 @@ const dataSourceTable = {
       display: 'accordion',
       items: [
         {
-          title: "风格和样式",
+          title: '风格和样式',
           display: 'entry',
           type: 'group',
           name: '_style',
@@ -5082,7 +5135,7 @@ const dataSourceTable = {
                                   target.parent.parent.parent,
                                   this,
                                   'target.parent.parent.parent\n' +
-                                  '                                  .getPropValue("columns")'
+                                    '                                  .getPropValue("columns")'
                                 );
                                 const fieldsKey =
                                   target.parent.parent.parent

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

@@ -176,6 +176,28 @@ export default {
       title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
       propType: 'func',
     },
+    {
+      name: "returnFormat",
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Return format',
+          'zh-CN': '返回格式',
+        },
+        tip: {  
+          type: 'i18n',
+          'en-US': 'Return format',
+          'zh-CN': '返回格式',
+        }
+      },
+      propType: { type: 'oneOf', value: ['string', 'object'] },
+      defaultValue: 'string',
+    },
+    {
+      name: "inputRef",
+      title: { label: '输入框实例', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
     {
       name: 'onPressEnter',
       title: { label: '按下回车的回调', tip: '按下回车的回调' },

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

@@ -181,6 +181,28 @@ export default {
       title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
       propType: 'func',
     },
+    {
+      name: "returnFormat",
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Return format',
+          'zh-CN': '返回格式',
+        },
+        tip: {  
+          type: 'i18n',
+          'en-US': 'Return format',
+          'zh-CN': '返回格式',
+        }
+      },
+      propType: { type: 'oneOf', value: ['string', 'object'] },
+      defaultValue: 'string',
+    },
+    {
+      name: "inputRef",
+      title: { label: '输入框实例', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
     {
       name: 'onPressEnter',
       title: { label: '按下回车的回调', tip: '按下回车的回调' },

package/lowcode/form-item-switch/meta.ts

@@ -0,0 +1,145 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemSwitch',
+  title: '开关(高级)',
+  category: '无代码表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemSwitch',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    // 数据分组
+    formItemGeneralDataGroup,
+    // 信息分组
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+    ]),
+    // 校验分组
+    getFormItemValidateGroup([generalItemMap['requiredobj']]),
+  ],
+  configure: {
+    props: [
+      {
+        name: 'checkedChildren',
+        title: { label: '选中时内容', tip: '选中时的内容' },
+        propType: 'string',
+        setter: 'PisellI18nSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'unCheckedChildren',
+        title: { label: '非选中时内容', tip: '非选中时的内容' },
+        propType: 'string',
+        setter: 'PisellI18nSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'autoFocus',
+        title: { label: '自动聚焦', tip: '自动获取焦点' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'checked',
+        title: { label: '当前值', tip: '指定当前是否选中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'defaultChecked',
+        title: { label: '默认值', tip: '初始是否选中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'disabled',
+        title: { label: '是否禁用', tip: '是否为禁用状态' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'loading',
+        title: { label: '加载中', tip: '加载中' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'size',
+        title: { label: '尺寸', tip: '开关大小' },
+        propType: { type: 'oneOf', value: ['default', 'small'] },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '默认',
+                value: 'default',
+              },
+              {
+                title: '小',
+                value: 'small',
+              },
+            ],
+          },
+        },
+        defaultValue: 'default',
+      },
+      {
+        name: 'onChange',
+        title: { label: '变化时回调函数', tip: '变化时回调函数' },
+        propType: 'func',
+      },
+      {
+        name: 'onClick',
+        title: { label: '点击时回调函数', tip: '点击时回调函数' },
+        propType: 'func',
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(checked,event,${extParams}){\n// 变化时回调函数\nconsole.log('onChange', checked, event);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(checked,event,${extParams}){\n// 点击时回调函数\nconsole.log('onClick', checked, event);}",
+        },
+      ],
+    },
+  },
+};
+