@pisell/materials 6.0.11 → 6.0.13

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

@@ -53,51 +53,17 @@ export default {
     getFormItemValidateGroup([
       generalItemMap['requiredobj'],
       {
-        name: 'typeobj',
+        ...generalItemMap['typeobj'],
         title: {
           label: {
             type: 'i18n',
-            'en-US': 'Enable validation',
-            'zh-CN': '开启验证',
+            'en-US': 'Mobile 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': 'Mobile format',
+            'zh-CN': '手机格式 ',
           },
         },
       },
@@ -150,11 +116,6 @@ export default {
       defaultValue: '请输入',
       setter: 'PisellI18nSetter',
     },
-    // {
-    //   name: 'id',
-    //   title: { label: '输入框ID', tip: '输入框的ID' },
-    //   propType: 'string',
-    // },
     {
       name: 'maxLength',
       title: { label: '最大长度', tip: '最大长度' },
@@ -255,6 +216,35 @@ export default {
       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: {

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

@@ -3,7 +3,7 @@ import { inputPlaceholder } from "../_utils/defaultSchema";
 export default [
   {
     title: '手机号码输入',
-    screenshot: require('./__screenshots__/phone.png'),
+    screenshot: require('./__screenshots__/mobile.png'),
     schema: {
       title: '手机号码输入',
       componentName: 'FormItemInput.Mobile',
@@ -12,8 +12,14 @@ export default [
         type: 'tel',
         allowClear: true,
         typeobj: {
-          type: 'phone',
+          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

@@ -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

@@ -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': '請輸入正確的電話號碼',
+          }
         },
       },
     },

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

@@ -54,20 +54,20 @@ export default {
             options: [
               {
                 title: 'xZero',
-                value: '1',
+                value: 'xzero',
               },
               {
                 title: 'SaaS platform',
-                value: '2',
+                value: 'saas',
               },
               {
                 title: 'Custom',
-                value: '3',
+                value: 'custom',
               },
             ],
           },
         },
-        defaultValue: '1',
+        defaultValue: 'xzero',
       },
       {
         name: 'customDomain',
@@ -95,7 +95,7 @@ export default {
           },
         },
         condition: (target) => {
-          return target.getProps().getPropValue('rootDomain') === '3';
+          return target.getProps().getPropValue('rootDomain') === 'custom';
         },
       },
       generalItemMap['defaultValue'],
@@ -104,7 +104,21 @@ export default {
       generalItemMap['requiredobj'],
       generalItemMap['minLengthobj'],
       generalItemMap['maxLengthobj'],
-      generalItemMap['typeobj'],
+      {
+        ...generalItemMap['typeobj'],
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Subdomain format',
+            'zh-CN': '子域名格式 ',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Subdomain format',
+            'zh-CN': '子域名格式 ',
+          },
+        },
+      },
     ]),
   ],
   props: [

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

@@ -3,23 +3,22 @@ import { inputPlaceholder } from "../_utils/defaultSchema";
 export default [
   {
     title: '子域名输入',
-    screenshot: '',
+    screenshot: require('./__screenshots__/subdomain.png'),
     schema: {
       componentName: 'FormItemInput.Subdomain',
       title: '子域名输入',
       props: {
         placeholder: inputPlaceholder,
-        rootDomain:'1',
+        rootDomain:'xzero',
+        extra:  {
+          type: 'i18n',
+          en: 'Can only contain lowercase letters (a-z), numbers (0-9) and hyphens (-)  ',
+          'zh-CN': '只能使用小写字母(a-z)、数字(0-9)和连字符(-) ',
+          'zh-HK': '只能使用小寫字母(a-z)、數字(0-9)和連字符(-) ',
+        },
         typeobj: {
-          type: 'pattern',
-          pattern:'^[a-z0-9]([a-z0-9-]*[a-z0-9])?$',
-          message:
-          {
-            type: 'i18n',
-            en: 'Please enter a valid domain name',
-            'zh-CN': '请输入正确的域名',
-          },
-          enabled: false,
+          type: 'subdomain',
+          enabled: true,
         },
         allowClear: true,
       },

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

@@ -35,7 +35,65 @@ export default {
       // generalItemMap['defaultValue'],
     ]),
     getFormItemValidateGroup([
-      generalItemMap['requiredobj'],
+      {
+        name: 'requiredobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'required',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Required',
+                    'zh-CN': '是否必填',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                  extraProps: {
+                    setValue(target: any, value: boolean) {
+                      target.parent.setPropValue('transform', {
+                        type: 'JSExpression',
+                        value:
+                          '(value) => return Object.values(value || {}).join("")',
+                      });
+                      target.node.getProps().setPropValue('required', value);
+                    },
+                  },
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      // generalItemMap['requiredobj'],
       generalItemMap['minLengthobj'],
       generalItemMap['maxLengthobj'],
       generalItemMap['typeobj'],

package/lowcode/form.item/meta.ts

@@ -397,6 +397,54 @@ export default {
         ],
       },
     },
+    {
+      name: 'subdomainobj',
+      title: { label: '子域名校验设置', tip: '子域名校验设置' },
+      propType: {
+        type: 'shape',
+        value: [
+          { name: 'subdomain', title: '子域名校验设置', propType: 'string' },
+          {
+            name: 'message',
+            title: '错误信息提示',
+            propType: 'string',
+            setter: 'PisellI18nSetter',
+          },
+        ],
+      },
+    },
+    {
+      name: 'phoneobj',
+      title: { label: '电话号码校验设置', tip: '电话号码校验设置' },
+      propType: {
+        type: 'shape',
+        value: [
+          { name: 'phone', title: '电话号码校验设置', propType: 'string' },
+          {
+            name: 'message',
+            title: '错误信息提示',
+            propType: 'string',
+            setter: 'PisellI18nSetter',
+          },
+        ],
+      },
+    },
+    {
+      name: 'mobileobj',
+      title: { label: '手机号码校验设置', tip: '手机号码校验设置' },
+      propType: {
+        type: 'shape',
+        value: [
+          { name: 'mobile', title: '手机号码校验设置', propType: 'string' },
+          {
+            name: 'message',
+            title: '错误信息提示',
+            propType: 'string',
+            setter: 'PisellI18nSetter',
+          },
+        ],
+      },
+    },
     {
       name: 'validator',
       title: {

package/lowcode/pisell-content/meta.ts

@@ -26,6 +26,17 @@ const PisellContentMeta: ComponentMetadata = {
       name: 'className',
       setter: 'StringSetter',
     },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Other content',
+          'zh-CN': '额外内容',
+        },
+      },
+      name: 'children',
+      setter: ['SlotSetter'],
+    },
     {
       title: {
         label: {
@@ -63,16 +74,8 @@ const snippets: Snippet[] = [
           lineHeight: '120px',
           textAlign: 'center',
         },
+
       },
-      children: [{
-        componentName: 'PisellText',
-        props: {
-          style: {
-            color: '#fff',
-          },
-        },
-        children: 'Content',
-      },],
     },
   },
 ];

package/lowcode/pisell-draggable/meta.ts

@@ -0,0 +1,190 @@
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const PisellDraggableMeta: IPublicTypeComponentMetadata = {
+  componentName: 'PisellDraggable',
+  title: 'PisellDraggable',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellDraggable',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'items',
+          'zh-CN': '拖拽项列表',
+        },
+      },
+      name: 'items',
+      description: '拖拽项数据列表',
+      setter: 'JsonSetter',
+      defaultValue: [],
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'direction',
+          'zh-CN': '排列方向',
+        },
+      },
+      name: 'direction',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { label: '垂直', value: 'vertical' },
+            { label: '水平', value: 'horizontal' },
+            { label: '网格', value: 'grid' },
+          ],
+        },
+      },
+      defaultValue: 'vertical',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'columns',
+          'zh-CN': '列数',
+        },
+      },
+      name: 'columns',
+      description: '网格布局时的列数',
+      setter: 'NumberSetter',
+      defaultValue: 3,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowCrossContainer',
+          'zh-CN': '允许跨容器',
+        },
+      },
+      name: 'allowCrossContainer',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'disabled',
+          'zh-CN': '禁用',
+        },
+      },
+      name: 'disabled',
+      setter: 'BoolSetter',
+      defaultValue: false,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'animationDuration',
+          'zh-CN': '动画时长',
+        },
+      },
+      name: 'animationDuration',
+      description: '动画持续时间（毫秒）',
+      setter: 'NumberSetter',
+      defaultValue: 250,
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'dragMode',
+          'zh-CN': '拖动方式',
+        },
+      },
+      name: 'dragMode',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            { label: '手柄拖动', value: 'handle' },
+            { label: '整体拖动', value: 'item' },
+          ],
+        },
+      },
+      defaultValue: 'handle',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onDragStart',
+          description: '拖拽开始时的回调',
+        },
+        {
+          name: 'onDragEnd',
+          description: '拖拽结束时的回调',
+        },
+        {
+          name: 'onChange',
+          description: '数据变化时的回调',
+        },
+      ],
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: 'PisellDraggable',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellDraggable',
+      props: {
+        items: [
+          { id: '1', content: '项目 1' },
+          { id: '2', content: '项目 2' },
+          { id: '3', content: '项目 3' },
+        ],
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellDraggableMeta,
+  snippets,
+}; 

package/lowcode/pisell-layout/meta.ts

@@ -132,15 +132,15 @@ const snippets: IPublicTypeSnippet[] = [
                   textAlign: 'center',
                 },
               },
-              children: [{
-                componentName: 'PisellText',
-                props: {
-                  style: {
-                    color: '#fff',
-                  },
-                },
-                children: 'Content',
-              },],
+              // children: [{
+              //   componentName: 'PisellText',
+              //   props: {
+              //     style: {
+              //       color: '#fff',
+              //     },
+              //   },
+              //   children: 'Content',
+              // },],
             },
           ],
         },