@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode/pro-next-text/meta.ts

@@ -0,0 +1,182 @@
+import snippets from './snippets'
+
+export default {
+  componentName: 'ProNextText',
+  title: '文本',
+  category: '基础元素',
+  group: '精选组件',
+  npm: {
+    package: 'lowcode-edit-pro-table',
+    version: '{{version}}',
+    exportName: 'ProNextText',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'style',
+      propType: 'object',
+    },
+    {
+      name: 'prefix',
+      propType: 'string',
+      defaultValue: 'next-',
+    },
+    {
+      name: 'classname',
+      propType: 'bool',
+      defaultValue: true,
+    },
+    {
+      name: 'type',
+      title: '字体大小',
+      extraProps: {
+        defaultValue: 'body2',
+      },
+      defaultValue: 'body2',
+      initialValue: 'body2',
+      setter: {
+        componentName: 'SelectSetter',
+        initialValue: 'body2',
+        props: {
+          defaultValue: 'body2',
+          options: [
+            {
+              title: '默认',
+              value: 'inherit',
+            },
+            {
+              title: 'h1',
+              value: 'h1',
+            },
+            {
+              title: 'h2',
+              value: 'h2',
+            },
+            {
+              title: 'h3',
+              value: 'h3',
+            },
+            {
+              title: 'h4',
+              value: 'h4',
+            },
+            {
+              title: 'h5',
+              value: 'h5',
+            },
+            {
+              title: 'h6',
+              value: 'h6',
+            },
+            {
+              title: 'body1',
+              value: 'body1',
+            },
+            {
+              title: 'body2',
+              value: 'body2',
+            },
+            {
+              title: 'caption',
+              value: 'caption',
+            },
+            {
+              title: 'overline',
+              value: 'overline',
+            },
+          ],
+        },
+      },
+    },
+    {
+      name: 'children',
+      propType: 'string',
+    },
+    {
+      name: 'required',
+      title: '添加*',
+      propType: 'bool',
+      description: '添加*',
+      defaultValue: false,
+    },
+    {
+      name: 'mark',
+      title: '标记',
+      propType: 'bool',
+      description: '添加标记样式',
+      defaultValue: false,
+    },
+    {
+      name: 'code',
+      title: '代码',
+      propType: 'bool',
+      description: '添加代码样式',
+      defaultValue: false,
+    },
+    {
+      name: 'delete',
+      title: '删除线',
+      propType: 'bool',
+      description: '添加删除线样式',
+      defaultValue: false,
+    },
+    {
+      name: 'underline',
+      title: '下划线',
+      propType: 'bool',
+      description: '添加下划线样式',
+      defaultValue: false,
+    },
+    {
+      name: 'strong',
+      propType: 'bool',
+      description: '是否加粗',
+      defaultValue: false,
+    },
+    {
+      name: 'onClick',
+      propType: 'func',
+      description: '鼠标点击',
+    },
+    {
+      name: 'style',
+      propType: 'object',
+    },
+  ],
+  configure: {
+    props: {
+      isExtends: true,
+      override: [
+        {
+          name: 'prefix',
+          condition: () => false,
+        },
+        {
+          name: 'classname',
+          condition: () => false,
+        },
+        {
+          name: 'children',
+          supportVariable: true,
+          title: {
+            label: {
+              type: 'i18n',
+              zh_CN: '文本内容',
+              en_US: 'Text',
+            },
+            tip: {
+              type: 'i18n',
+              zh_CN: '属性：children | 说明：文本内容',
+              en_US: 'prop: children | description: text of the content',
+            },
+          },
+          setter: 'TextAreaSetter',
+          supportVariable: true,
+        },
+      ],
+    },
+  },
+  snippets,
+}

package/lowcode/pro-next-text/snippets.ts

@@ -0,0 +1,27 @@
+export default [
+  {
+    title: '标题',
+    screenshot:
+      'https://img.alicdn.com/imgextra/i4/O1CN01E2PcPW1bKJV5QUVMg_!!6000000003446-55-tps-50-50.svg',
+    schema: {
+      componentName: 'ProNextText',
+      props: {
+        type: 'h5',
+        children: '标题标题',
+      },
+    },
+  },
+  // {
+  //   title: '正文',
+  //   screenshot:
+  //     'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+  //   schema: {
+  //     componentName: 'ProNextText',
+  //     props: {
+  //       type: 'inherit',
+  //       children:
+  //         '基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
+  //     },
+  //   },
+  // },
+];

package/lowcode/pro-radio/meta.ts

@@ -0,0 +1,105 @@
+import snippets from './snippets';
+
+export default {
+  componentName: 'ProRadio',
+  title: '单选框',
+  group: '精选组件',
+  category: '基础元素',
+  docUrl: '',
+  screenshot: '',
+  npm: {
+    package: 'lowcode-edit-pro-table',
+    version: '{{version}}',
+    exportName: 'ProRadio',
+    main: '',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'className',
+      propType: 'string',
+      description: '自定义类名',
+    },
+    {
+      name: 'style',
+      propType: 'object',
+      description: '自定义内敛样式',
+    },
+    {
+      name: 'id',
+      propType: 'string',
+      description: 'input元素id',
+    },
+    {
+      name: 'name',
+      propType: 'string',
+      description: 'name',
+    },
+    {
+      name: 'checked',
+      propType: 'bool',
+      description: '是否选中',
+    },
+    {
+      name: 'defaultChecked',
+      propType: 'bool',
+      description: '是否默认选中',
+    },
+    {
+      name: 'label',
+      propType: 'string',
+      description: '通过属性配置label',
+    },
+    {
+      name: 'disabled',
+      propType: 'bool',
+      description: '是否被禁用',
+    },
+    {
+      name: 'value',
+      propType: {
+        type: 'oneOfType',
+        value: ['string', 'number', 'bool'],
+      },
+      description: '值',
+    },
+    {
+      name: 'defaultValue',
+      propType: {
+        type: 'oneOfType',
+        value: ['string', 'number', 'bool'],
+      },
+      description: '默认值',
+    },
+    {
+      name: 'isPreview',
+      propType: 'bool',
+      description: '是否为预览态',
+      defaultValue: false,
+    },
+    {
+      name: 'renderPreview',
+      propType: 'func',
+      description: '预览态模式下渲染的内容',
+    },
+    {
+      name: 'onChange',
+      propType: 'func',
+      description:
+        '状态变化时触发的事件\n@param {Boolean} checked 是否选中\n@param {Event} e Dom 事件对象',
+    },
+    {
+      name: 'onMouseEnter',
+      propType: 'func',
+      description: '鼠标进入enter事件\n@param {Event} e Dom 事件对象',
+    },
+    {
+      name: 'onMouseLeave',
+      propType: 'func',
+      description: '鼠标离开事件\n@param {Event} e Dom 事件对象',
+    },
+  ],
+  icon: '',
+  snippets,
+};

package/lowcode/pro-radio/snippets.ts

@@ -0,0 +1,42 @@
+import radioGroup from './radio-group.png'
+
+export default [
+  // {
+  //   title: '单选按钮',
+  //   screenshot:
+  //     'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png',
+  //   schema: {
+  //     componentName: 'ProRadio',
+  //     props: {
+  //       label: '选项一',
+  //       value: '1',
+  //     },
+  //   },
+  // },
+  {
+    title: '单选按钮组',
+    screenshot:
+      radioGroup,
+      // 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/radio-group-1.png',
+      // 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png',
+    schema: {
+      componentName: 'ProRadio.Group',
+      props: {
+        dataSource: [
+          {
+            label: '选项一',
+            value: '1',
+          },
+          {
+            label: '选项二',
+            value: '2',
+          },
+          {
+            label: '选项三',
+            value: '3',
+          },
+        ],
+      },
+    },
+  },
+];

package/lowcode/pro-radio-group/meta.ts

@@ -0,0 +1,291 @@
+export default {
+  componentName: 'ProRadio.Group',
+  title: '单选框组',
+  group: '精选组件',
+  category: '基础元素',
+  docUrl: '',
+  screenshot: '',
+  npm: {
+    package: 'lowcode-edit-pro-table',
+    version: '{{version}}',
+    exportName: 'ProRadio',
+    main: '',
+    destructuring: true,
+    subName: 'Group',
+  },
+  props: [
+    {
+      name: 'className',
+      propType: 'string',
+      description: '自定义类名',
+    },
+    {
+      name: 'style',
+      propType: 'object',
+      description: '自定义内敛样式',
+    },
+    {
+      name: 'name',
+      propType: 'string',
+      description: 'name',
+    },
+    {
+      name: 'size',
+      propType: {
+        type: 'oneOf',
+        value: ['large', 'medium', 'small'],
+      },
+      description: '尺寸',
+      defaultValue: 'medium',
+    },
+    {
+      name: 'shape',
+      propType: {
+        type: 'oneOf',
+        value: ['normal', 'button'],
+      },
+      description: '展示形态',
+    },
+    {
+      name: 'defaultValue',
+      propType: {
+        type: 'oneOfType',
+        value: ['string'],
+      },
+      description: '默认值',
+    },
+    {
+      name: 'component',
+      propType: 'string',
+      description: '设置标签类型',
+      defaultValue: 'div',
+    },
+    {
+      name: 'disabled',
+      propType: 'bool',
+      description: '是否被禁用',
+    },
+    {
+      name: 'required',
+      propType: 'bool',
+      description: '是否必填',
+    },
+    {
+      name: 'disableEdit',
+      propType: 'bool',
+      description: '禁止编辑',
+    },
+    {
+      name: 'dataSource',
+      propType: 'object',
+      description: '可选项列表',
+    },
+    {
+      name: 'itemDirection',
+      propType: {
+        type: 'oneOf',
+        value: ['hoz', 'ver'],
+      },
+      description: '子项目的排列方式',
+      defaultValue: 'hoz',
+    },
+    {
+      name: 'isPreview',
+      propType: 'bool',
+      description: '是否为预览态',
+      defaultValue: false,
+    },
+    {
+      name: 'renderPreview',
+      propType: 'func',
+      description: '预览态模式下渲染的内容\n@param {number} value 评分值',
+    },
+    {
+      name: 'onChange',
+      propType: 'func',
+      description:
+        '选中值改变时的事件\n@param {String/Number} value 选中项的值\n@param {Event} e Dom 事件对象',
+    },
+  ],
+  configure: {
+    props: [
+      {
+        name: 'shape',
+        title: '展示形状',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { title: '默认', value: 'normal' },
+              { title: '按钮', value: 'button' },
+            ],
+          },
+        },
+        defaultValue: 'normal',
+      },
+      {
+        name: 'itemDirection',
+        title: '排列方式',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              { title: '水平排列', value: 'hoz' },
+              { title: '垂直排列', value: 'ver' },
+            ],
+          },
+        },
+        defaultValue: 'hoz',
+      },
+      {
+        name: 'disabled',
+        title: '禁止编辑',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['BoolSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'required',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '是否必填',
+            en_US: 'Required',
+          }
+        },
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['BoolSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      // {
+      //   name: 'disableEdit',
+      //   title: {
+      //     label: {
+      //       type: 'i18n',
+      //       zh_CN: '禁止编辑',
+      //       en_US: 'Disable Edit',
+      //     },
+      //   },
+      //   setter: {
+      //     componentName: 'MixedSetter',
+      //     props: {
+      //       setters: ['BoolSetter', 'ExpressionSetter'],
+      //     },
+      //   },
+      // },
+      {
+        name: 'isPreview',
+        title: '预览态',
+        setter: {
+          componentName: 'BoolSetter',
+        },
+      },
+      {
+        name: 'defaultValue',
+        title: '默认值',
+        defaultValue: '',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['StringSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'dataSource',
+        display: 'block',
+        title: '选项',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: [
+              {
+                componentName: 'ArraySetter',
+                props: {
+                  itemSetter: {
+                    componentName: 'ObjectSetter',
+                    props: {
+                      config: {
+                        items: [
+                          {
+                            name: 'label',
+                            title: 'label',
+                            setter: 'StringSetter',
+                            supportVariable: true,
+                          },
+                          {
+                            name: 'value',
+                            title: 'value',
+                            setter: 'StringSetter',
+                            supportVariable: true,
+                          },
+                        ],
+                      },
+                    },
+                    initialValue: {
+                      label: '选项一',
+                      value: '1',
+                    },
+                  },
+                },
+              },
+              'ExpressionSetter',
+            ],
+          },
+        },
+      },
+      {
+        type: 'group',
+        title: '高级',
+        display: 'block',
+        items: [
+          {
+            name: 'id',
+            title: {
+              label: {
+                type: 'i18n',
+                zh_CN: '唯一标识',
+                en_US: 'ID',
+              },
+              tip: {
+                type: 'i18n',
+                zh_CN: '属性: id | 说明: 唯一标识',
+                en_US: 'prop: id | description: switch id',
+              },
+            },
+            setter: 'StringSetter',
+            supportVariable: true,
+          },
+          {
+            name: 'name',
+            title: {
+              label: {
+                type: 'i18n',
+                zh_CN: '表单标识',
+                en_US: 'Name',
+              },
+              tip: {
+                type: 'i18n',
+                zh_CN: '属性: name | 说明: 表单标识',
+                en_US: 'prop: name | description: switch name',
+              },
+            },
+            setter: 'StringSetter',
+            supportVariable: true,
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: ['onChange'],
+    },
+  },
+  icon: '',
+}