@zzdadelu/schema-builder 1.0.0-alpha.1

package/es/settings/meta/form.js

@@ -0,0 +1,115 @@
+import { createMeta } from '../utils';
+export default createMeta('FormRender', {
+  title: '表单',
+  group: '基础组件',
+  category: '表单',
+  props: [{
+    title: '表单布局',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'displayType',
+      title: {
+        label: '标签位置',
+        tip: 'displayType ｜ 标签的展示位置'
+      },
+      defaultValue: 'row',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [{
+            title: '水平居左',
+            value: 'row'
+          }, {
+            title: '垂直居上',
+            value: 'column'
+          }, {
+            title: '紧凑',
+            value: 'inline'
+          }]
+        }
+      }
+    }, {
+      name: 'column',
+      title: {
+        label: '一行多列',
+        tip: 'column ｜ 一行多列'
+      },
+      defaultValue: 1,
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [{
+            title: '一列',
+            value: 1
+          }, {
+            title: '两列',
+            value: 2
+          }, {
+            title: '三列',
+            value: 3
+          }, {
+            title: '四列',
+            value: 4
+          }]
+        }
+      }
+    }, {
+      name: 'labelWidth',
+      title: {
+        label: '标签宽度',
+        tip: 'labelWidth ｜ 标签宽度'
+      },
+      setter: 'NumberSetter'
+    }]
+  }, {
+    title: '标签和控件栅格总数不能超过24',
+    display: 'block',
+    type: 'group',
+    items: [{
+      name: 'labelCol',
+      title: {
+        label: '标签栅格数',
+        tip: 'labelCol | 栅格占位格数'
+      },
+      setter: {
+        componentName: 'NumberSetter',
+        props: {
+          min: 0,
+          max: 24
+        }
+      }
+    }, {
+      name: 'fieldCol',
+      title: {
+        label: '控件栅格数',
+        tip: 'fieldCol | 栅格占位格数'
+      },
+      setter: {
+        componentName: 'NumberSetter',
+        props: {
+          min: 0,
+          max: 24
+        }
+      }
+    }, {
+      name: 'maxWidth',
+      title: {
+        label: '最大宽度',
+        tip: 'maxWidth ｜ 最大宽度'
+      },
+      defaultValue: '340px',
+      setter: 'StringSetter'
+    }]
+  }],
+  configure: {
+    supports: {
+      loop: false,
+      condition: false
+    },
+    component: {
+      isContainer: true,
+      isModal: false
+    }
+  }
+});

package/es/settings/meta/imageInput.js

@@ -0,0 +1,21 @@
+import { createMeta, inputPropsBasic } from '../utils';
+export default createMeta('ImageInput', {
+  title: '图片 URL',
+  category: '其他',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: inputPropsBasic
+  }],
+  snippets: [{
+    title: '图片 URL',
+    screenshot: 'icon-image',
+    schema: {
+      componentName: 'ImageInput',
+      props: {
+        title: '图片 URL'
+      }
+    }
+  }]
+});

package/es/settings/meta/input.js

@@ -0,0 +1,62 @@
+import { createMeta, inputPropsBasic } from '../utils';
+export default createMeta('Input', {
+  title: '单行文本',
+  priority: 1000,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: inputPropsBasic
+  }, {
+    title: '其他配置',
+    type: 'group',
+    display: 'accordion',
+    items: [{
+      name: 'props.prefix',
+      title: {
+        label: '前缀',
+        tip: 'prefix | 前缀'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.suffix',
+      title: {
+        label: '后缀',
+        tip: 'suffix | 后缀'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.addonBefore',
+      title: {
+        label: '前置标签',
+        tip: 'addonBefore | 前置标签'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.addonAfter',
+      title: {
+        label: '后置标签',
+        tip: 'addonAfter | 后置标签'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.allowClear',
+      title: {
+        label: '支持清除',
+        tip: 'allowClear | 支持清除'
+      },
+      setter: 'BoolSetter'
+    }]
+  }],
+  snippets: [{
+    label: '单行文本',
+    screenshot: 'icon-input',
+    schema: {
+      componentName: 'Input',
+      props: {
+        title: '单行文本',
+        type: 'string'
+      }
+    }
+  }]
+});

package/es/settings/meta/number.js

@@ -0,0 +1,69 @@
+import { createMeta, getInputPropsBasic } from '../utils';
+export default createMeta('InputNumber', {
+  title: '数字输入框',
+  priority: 999,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'NumberSetter'
+    })
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.prefix',
+      title: {
+        label: '前缀',
+        tip: 'prefix ｜ 前缀'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.addonBefore',
+      title: {
+        label: '前置标签',
+        tip: 'addonBefore ｜ 前置标签'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.addonAfter',
+      title: {
+        label: '后置标签',
+        tip: 'addonAfter ｜ 后置标签'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.precision',
+      title: {
+        label: '数值精度',
+        tip: 'precision ｜ 数值精度'
+      },
+      setter: 'NumberSetter'
+    }, {
+      name: 'props.step',
+      title: {
+        label: '单步步长',
+        tip: 'step ｜ 每次改变步数，可以为小数'
+      },
+      setter: ['NumberSetter', 'StringSetter']
+    }]
+  }],
+  snippets: [{
+    label: '数字输入框',
+    screenshot: 'icon-inputNumber',
+    schema: {
+      componentName: 'InputNumber',
+      props: {
+        title: '数字输入框',
+        type: 'number'
+      }
+    }
+  }]
+});

package/es/settings/meta/radio.js

@@ -0,0 +1,65 @@
+import { getNotInputPropsBasic, createMeta, optionsProp } from '../utils';
+export default createMeta('Radio', {
+  title: '点击单选',
+  priority: 997,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getNotInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'JsonSetter'
+    })
+  }, optionsProp, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.direction',
+      title: {
+        label: '排列方向',
+        tip: '选项的排列方向'
+      },
+      defaultValue: 'row',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [{
+            title: '水平',
+            value: 'row'
+          }, {
+            title: '垂直',
+            value: 'column'
+          }]
+        }
+      }
+    }]
+  }],
+  snippets: [{
+    title: '点击单选',
+    screenshot: 'icon-radio',
+    schema: {
+      componentName: 'Radio',
+      props: {
+        title: '点击单选',
+        type: 'string',
+        props: {
+          options: [{
+            label: 'A',
+            value: 'A'
+          }, {
+            label: 'B',
+            value: 'B'
+          }, {
+            label: 'C',
+            value: 'C'
+          }]
+        }
+      }
+    }
+  }]
+});

package/es/settings/meta/rate.js

@@ -0,0 +1,56 @@
+import { createMeta, getNotInputPropsBasic } from '../utils';
+export default createMeta('Rate', {
+  title: '评分',
+  priority: 992,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getNotInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'NumberSetter'
+    })
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.allowClear',
+      title: {
+        label: '支持清除',
+        tip: '是否允许清除'
+      },
+      setter: 'BoolSetter',
+      defaultValue: true
+    }, {
+      name: 'props.allowHalf',
+      title: {
+        label: '支持半选',
+        tip: '支持半选'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.count',
+      title: {
+        label: '总数',
+        tip: 'star 总数'
+      },
+      setter: 'NumberSetter',
+      defaultValue: 5
+    }]
+  }],
+  snippets: [{
+    label: '评分',
+    screenshot: 'icon-rate',
+    schema: {
+      componentName: 'Rate',
+      props: {
+        title: '评分'
+      }
+    }
+  }]
+});

package/es/settings/meta/select.js

@@ -0,0 +1,58 @@
+import { createMeta, getInputPropsBasic, optionsProp } from '../utils';
+export default createMeta('Select', {
+  title: '下拉选择',
+  priority: 998,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'JsonSetter'
+    })
+  }, optionsProp],
+  snippets: [{
+    title: '下拉单选',
+    screenshot: 'icon-select',
+    schema: {
+      componentName: 'Select',
+      props: {
+        title: '下拉单选',
+        type: 'string',
+        props: {
+          options: [{
+            label: 'A',
+            value: 'A'
+          }, {
+            label: 'B',
+            value: 'B'
+          }]
+        }
+      }
+    }
+  }, {
+    title: '下拉多选',
+    screenshot: 'icon-multiSelect',
+    schema: {
+      componentName: 'Select',
+      props: {
+        title: '下拉多选',
+        type: 'array',
+        widget: 'multiSelect',
+        props: {
+          options: [{
+            label: 'A',
+            value: 'A'
+          }, {
+            label: 'B',
+            value: 'B'
+          }]
+        }
+      }
+    }
+  }]
+});

package/es/settings/meta/slider.js

@@ -0,0 +1,40 @@
+import { createMeta, getNotInputPropsBasic } from '../utils';
+export default createMeta('Slider', {
+  title: '滑动条',
+  priority: 991,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getNotInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'NumberSetter'
+    })
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.hideInput',
+      title: {
+        label: '隐藏输入框',
+        tip: '隐藏输入框'
+      },
+      setter: 'BoolSetter'
+    }]
+  }],
+  snippets: [{
+    label: '滑动条',
+    screenshot: 'icon-slider',
+    schema: {
+      componentName: 'Slider',
+      props: {
+        title: '滑动条'
+      }
+    }
+  }]
+});

package/es/settings/meta/switch.js

@@ -0,0 +1,48 @@
+import { createMeta, getNotInputPropsBasic } from '../utils';
+export default createMeta('Switch', {
+  title: '开关',
+  priority: 993,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getNotInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'BoolSetter'
+    })
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.checkedChildren',
+      title: {
+        label: '选中时内容',
+        tip: 'checkedChildren | 选中时内容'
+      },
+      setter: 'StringSetter'
+    }, {
+      name: 'props.unCheckedChildren',
+      title: {
+        label: '非选中时内容',
+        tip: 'unCheckedChildren | 非选中时内容'
+      },
+      setter: 'StringSetter'
+    }]
+  }],
+  snippets: [{
+    label: '开关',
+    screenshot: 'icon-switch',
+    schema: {
+      componentName: 'Switch',
+      props: {
+        title: '开关',
+        type: 'boolean'
+      }
+    }
+  }]
+});

package/es/settings/meta/textarea.js

@@ -0,0 +1,69 @@
+import { createMeta, inputPropsBasic } from '../utils';
+export default createMeta('TextArea', {
+  title: '多行文本',
+  priority: 995,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: inputPropsBasic
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.allowClear',
+      title: {
+        label: '支持清除',
+        tip: 'allowClear | 支持清除'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.showCount',
+      title: {
+        label: '展示字数',
+        tip: 'showCount ｜ 是否展示字数'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.autoSize',
+      title: {
+        label: '高度自动',
+        tip: 'autoSize ｜ 文本域高度自适应内容'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.rows',
+      title: {
+        label: '指定行数',
+        tip: 'minRows | 指定显示的行数'
+      },
+      setter: 'NumberSetter'
+    }, {
+      name: 'props.minLength',
+      title: {
+        label: '最小长度',
+        tip: 'minLength | 内容最小长度'
+      },
+      setter: 'NumberSetter'
+    }, {
+      name: 'props.maxLength',
+      title: {
+        label: '最大长度',
+        tip: 'maxLength | 内容最大长度'
+      },
+      setter: 'NumberSetter'
+    }]
+  }],
+  snippets: [{
+    label: '多行文本',
+    screenshot: 'icon-textarea',
+    schema: {
+      componentName: 'TextArea',
+      props: {
+        title: '多行文本',
+        type: 'string'
+      }
+    }
+  }]
+});

package/es/settings/meta/time.js

@@ -0,0 +1,29 @@
+import { createMeta, getInputPropsBasic } from '../utils';
+export default createMeta('TimePicker', {
+  title: '时间选择',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'default | 默认值'
+      },
+      setter: 'CustomTimeSetter'
+    })
+  }],
+  snippets: [{
+    title: '时间选择',
+    screenshot: 'icon-time',
+    schema: {
+      componentName: 'TimePicker',
+      props: {
+        title: '时间选择',
+        type: 'string',
+        format: 'time'
+      }
+    }
+  }]
+});

package/es/settings/meta/timeRange.js

@@ -0,0 +1,37 @@
+import { createMeta, getInputPropsBasic } from '../utils';
+export default createMeta('TimeRange', {
+  title: '时间区间选择',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: getInputPropsBasic({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'default | 默认值'
+      },
+      setter: 'CustomTimeRangeSetter'
+    }, {
+      name: 'props.placeholder',
+      title: {
+        label: '提示文字',
+        tip: 'placeholder | 输入框提示文字'
+      },
+      defaultValue: ['开始时间', '结束时间'],
+      setter: 'JsonSetter'
+    })
+  }],
+  snippets: [{
+    title: '时间区间选择',
+    screenshot: 'icon-time',
+    schema: {
+      componentName: 'TimeRange',
+      props: {
+        title: '时间区间',
+        type: 'range',
+        format: 'time'
+      }
+    }
+  }]
+});