@pisell/materials 6.0.10 → 6.0.12

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

@@ -0,0 +1,318 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  getFormItemValidateGroup,
+  generalItemMap,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemInput.Subdomain',
+  title: '子域名输入',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemInput',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: 'Subdomain',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['placeholder'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+      {
+        name: 'rootDomain',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Root domain',
+            'zh-CN': '根域名',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Root domain',
+            'zh-CN': '根域名',
+          },
+        },
+        isRequired: true,
+        propType: 'string',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              {
+                title: 'xZero',
+                value: 'xzero',
+              },
+              {
+                title: 'SaaS platform',
+                value: 'saas',
+              },
+              {
+                title: 'Custom',
+                value: 'custom',
+              },
+            ],
+          },
+        },
+        defaultValue: 'xzero',
+      },
+      {
+        name: 'customDomain',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Custom domain',
+            'zh-CN': '自定义域名',
+          },
+        },
+        propType: 'string',
+        setter: {
+          componentName: 'StringSetter',
+          props: {
+            validate: (value) => {
+              if (value && value[0] !== '.') {
+                return '自定义域名必须以 "." 开头';
+              }
+              const isValidCustomDomain = /^\.[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*$/.test(value);
+              if (!isValidCustomDomain) {
+                return '自定义域名格式不正确';
+              }
+              return true;
+            },
+          },
+        },
+        condition: (target) => {
+          return target.getProps().getPropValue('rootDomain') === 'custom';
+        },
+      },
+      generalItemMap['defaultValue'],
+    ]),
+    getFormItemValidateGroup([
+      generalItemMap['requiredobj'],
+      generalItemMap['minLengthobj'],
+      generalItemMap['maxLengthobj'],
+      {
+        ...generalItemMap['typeobj'],
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Subdomain format',
+            'zh-CN': '子域名格式 ',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Subdomain format',
+            'zh-CN': '子域名格式 ',
+          },
+        },
+      },
+    ]),
+  ],
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认内容' },
+      propType: 'string',
+      setter: 'TextAreaSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: 'string',
+      setter: 'TextAreaSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'placeholder',
+      title: { label: '占位提示', tip: '占位提示' },
+      propType: 'string',
+      defaultValue: '请输入',
+      setter: 'PisellI18nSetter',
+    },
+    {
+      name: 'showCount',
+      title: { label: '展示字数', tip: '是否展示字数' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'id',
+      title: { label: '输入框ID', tip: '输入框的ID' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'maxLength',
+      title: { label: '最大长度', tip: '最大长度' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'size',
+      title: { label: '控件大小', tip: '控件大小' },
+      propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '大',
+              value: 'large',
+            },
+            {
+              title: '中',
+              value: 'middle',
+            },
+            {
+              title: '小',
+              value: 'small',
+            },
+          ],
+        },
+      },
+      defaultValue: 'middle',
+    },
+    {
+      name: 'autoSize',
+      title: { label: '高度自适应设置', tip: '高度自适应设置' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'bool',
+          {
+            type: 'shape',
+            value: [
+              {
+                name: 'minRows',
+                title: '最小行数',
+                setter: 'NumberSetter',
+                defaultValue: 3,
+              },
+              {
+                name: 'maxRows',
+                title: '最大行数',
+                setter: 'NumberSetter',
+                defaultValue: 3,
+              },
+            ],
+          },
+        ],
+      },
+      defaultValue: false,
+    },
+    {
+      name: 'onChange',
+      title: { label: '输入框内容变化时的回调', tip: '输入框内容变化时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onPressEnter',
+      title: { label: '按下回车的回调', tip: '按下回车的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onResize',
+      title: { label: 'resize 回调', tip: 'resize 回调' },
+      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',
+    },
+  ],
+  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: 'onResize',
+          template:
+            "onResize({width,height},${extParams}){\n// resize 回调\nconsole.log('onResize',width,height);}",
+        },
+        {
+          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);}",
+        },
+      ],
+    },
+  },
+};

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

@@ -0,0 +1,27 @@
+import { inputPlaceholder } from "../_utils/defaultSchema";
+
+export default [
+  {
+    title: '子域名输入',
+    screenshot: require('./__screenshots__/subdomain.png'),
+    schema: {
+      componentName: 'FormItemInput.Subdomain',
+      title: '子域名输入',
+      props: {
+        placeholder: inputPlaceholder,
+        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: 'subdomain',
+          enabled: true,
+        },
+        allowClear: true,
+      },
+    },
+  },
+];

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

@@ -0,0 +1,86 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellContentMeta: ComponentMetadata = {
+  componentName: 'PisellContent',
+  title: 'PisellContent',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellContent',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'Other content',
+          'zh-CN': '额外内容',
+        },
+      },
+      name: 'children',
+      setter: ['SlotSetter'],
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellContent',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellContent',
+      props: {
+        style: {
+          backgroundColor: '#7dbcea',
+          color: '#fff',
+          minHeight: 120,
+          lineHeight: '120px',
+          textAlign: 'center',
+        },
+
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellContentMeta,
+  snippets,
+}; 

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,
+};