@pisell/materials 3.0.62 → 6.0.2

package/lowcode/form-item-time-picker/meta.ts

@@ -0,0 +1,304 @@
+import snippets from './snippets';
+import {
+  generalItemMap,
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemTimePicker',
+  title: '时间录入',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemTimePicker',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  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': '默认值',
+          },
+        },
+        setter: 'PisellTimePickerSetter',
+        defaultValue: null,
+      },
+      {
+        name: 'format',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Format',
+            'zh-CN': '格式',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Date format',
+            'zh-CN': '日期格式',
+          },
+        },
+        propType: 'string',
+        setter: {
+          componentName: 'SelectSetter',
+          props: {
+            options: [
+              {
+                title: 'HH:mm:ss',
+                value: 'HH:mm:ss',
+              },
+              {
+                title: 'HH:mm',
+                value: 'HH:mm',
+              },
+             
+            ],
+          },
+        },
+        defaultValue: 'HH:mm',
+      },
+    ]),
+    getFormItemValidateGroup([generalItemMap['requiredobj']]),
+  ],
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认时间', tip: '默认时间' },
+      propType: 'date',
+      setter: 'DateSetter',
+    },
+    {
+      name: 'value',
+      title: { label: '当前时间', tip: '当前时间' },
+      propType: 'date',
+      setter: 'DateSetter',
+    },
+    {
+      name: 'allowClear',
+      title: { label: '支持清除', tip: '是否允许清除' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'autoFocus',
+      title: { label: '自动聚焦', tip: '自动获取焦点' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '显示边框', tip: '是否有边框' },
+      propType: 'bool',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'changeOnBlur',
+      title: {
+        label: '失去焦点触发onChange',
+        tip: '失去焦点时触发 change 事件，例如 datetime 下不再需要点击确认按钮',
+      },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'className',
+      title: { label: '选择器类名', tip: '选择器类名' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'clearText',
+      title: { label: '清除按钮的提示文案', tip: '清除按钮的提示文案' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'disabledHours',
+      title: { label: '禁止选择部分小时选项', tip: '禁止选择部分小时选项' },
+      propType: 'func',
+    },
+    {
+      name: 'disabledMinutes',
+      title: { label: '禁止选择部分分钟选项', tip: '禁止选择部分分钟选项' },
+      propType: 'func',
+    },
+    {
+      name: 'disabledSeconds',
+      title: { label: '禁止选择部分秒选项', tip: '禁止选择部分秒选项' },
+      propType: 'func',
+    },
+    {
+      name: 'format',
+      title: { label: '展示的时间格式', tip: '展示的时间格式' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    {
+      name: 'getPopupContainer',
+      title: {
+        label: '定义浮层的容器',
+        tip: '定义浮层的容器，默认为 body 上新建 div',
+      },
+      propType: 'func',
+    },
+    {
+      name: 'hideDisabledOptions',
+      title: { label: '隐藏禁止选择的选项', tip: '隐藏禁止选择的选项' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'hourStep',
+      title: { label: '小时选项间隔', tip: '小时选项间隔' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'inputReadOnly',
+      title: {
+        label: '只读',
+        tip: '设置输入框为只读（避免在移动设备上打开虚拟键盘）',
+      },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'minuteStep',
+      title: { label: '分钟选项间隔', tip: '分钟选项间隔' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    // {
+    //   name: 'open',
+    //   title: { label: '面板是否打开', tip: '面板是否打开' },
+    //   propType: 'bool',
+    //   // defaultValue: false,
+    //   setter: 'BoolSetter'
+    // },
+    {
+      name: 'placeholder',
+      title: { label: '空值提示', tip: '没有值的时候显示的内容' },
+      propType: {
+        type: 'oneOfType',
+        value: ['string', { type: 'arrayOf', value: 'string' }],
+      },
+      setter: 'PisellI18nSetter',
+    },
+    {
+      name: 'popupClassName',
+      title: { label: '弹出层类名', tip: '弹出层类名' },
+      propType: 'string',
+      setter: 'StringSetter',
+    },
+    // {
+    //   name: 'popupStyle',
+    //   title: { label: '弹出层样式对象', tip: '弹出层样式对象' },
+    //   propType: 'object',
+    // },
+    {
+      name: 'secondStep',
+      title: { label: '秒选项间隔', tip: '秒选项间隔' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    // {
+    //   name: 'suffixIcon',
+    //   title: { label: '自定义的选择框后缀图标', tip: '自定义的选择框后缀图标' },
+    //   propType: 'node',
+    // },
+    // {
+    //   name: 'clearIcon',
+    //   title: { label: '自定义的清除图标', tip: '自定义的清除图标' },
+    //   propType: 'node',
+    // },
+    // {
+    //   name: 'renderExtraFooter',
+    //   title: {
+    //     label: '选择框底部显示自定义的内容',
+    //     tip: '选择框底部显示自定义的内容',
+    //   },
+    //   propType: 'func',
+    // },
+    {
+      name: 'use12Hours',
+      title: {
+        label: '12小时制',
+        tip: '使用 12 小时制，为 true 时 `format` 默认为 `h:mm:ss a`',
+      },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'onChange',
+      title: { label: '时间发生变化的回调', tip: '时间发生变化的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onOpenChange',
+      title: { label: '面板打开/关闭时的回调', tip: '面板打开/关闭时的回调' },
+      propType: 'func',
+    },
+    {
+      name: 'showNow',
+      title: { label: '“此刻”按钮', tip: '面板是否显示“此刻”按钮' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(time,timeString,${extParams}){\n// 时间发生变化的回调\nconsole.log('onChange',time,timeString);}",
+        },
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 面板打开/关闭时的回调\nconsole.log('onOpenChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-time-picker/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: '时间录入',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/time-picker-1.png',
+    schema: {
+      title: '时间录入',
+      componentName: 'FormItemTimePicker',
+      props: {
+        format: 'HH:mm'
+      },
+    },
+  },
+];

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

@@ -0,0 +1,249 @@
+import snippets from './snippets';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemTranslation',
+  title: '多语言文本',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemTranslation',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['placeholder'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+      // generalItemMap['defaultValue'],
+    ]),
+    getFormItemValidateGroup([
+      generalItemMap['requiredobj'],
+      generalItemMap['minLengthobj'],
+      generalItemMap['maxLengthobj'],
+      generalItemMap['typeobj'],
+    ]),
+  ],
+  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: 'id',
+    //   title: { label: '输入框ID', tip: '输入框的ID' },
+    //   propType: 'string',
+    // },
+    {
+      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',
+    },
+  ],
+  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-translation/snippets.ts

@@ -0,0 +1,13 @@
+export default [
+  {
+    title: '多语言文本',
+    schema: {
+      componentName: 'FormItemTranslation',
+      title: '多语言文本',
+      props: {
+        placeholder: '请输入',
+        allowClear: true,
+      },
+    },
+  },
+];