@xrenders/schema-builder 1.0.0-alpha.16 → 1.0.0-alpha.18

package/lib/settings/index.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CardList", {
+  enumerable: true,
+  get: function get() {
+    return _cardList.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.default;
+  }
+});
+Object.defineProperty(exports, "Checkboxes", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxes.default;
+  }
+});
+Object.defineProperty(exports, "Color", {
+  enumerable: true,
+  get: function get() {
+    return _color.default;
+  }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _date.default;
+  }
+});
+Object.defineProperty(exports, "DateRange", {
+  enumerable: true,
+  get: function get() {
+    return _dateRange.default;
+  }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _form.default;
+  }
+});
+Object.defineProperty(exports, "ImageInput", {
+  enumerable: true,
+  get: function get() {
+    return _imageInput.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input.default;
+  }
+});
+Object.defineProperty(exports, "Number", {
+  enumerable: true,
+  get: function get() {
+    return _number.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radio.default;
+  }
+});
+Object.defineProperty(exports, "Rate", {
+  enumerable: true,
+  get: function get() {
+    return _rate.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _select.default;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _slider.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _switch.default;
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _textarea.default;
+  }
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function get() {
+    return _time.default;
+  }
+});
+Object.defineProperty(exports, "TimeRange", {
+  enumerable: true,
+  get: function get() {
+    return _timeRange.default;
+  }
+});
+Object.defineProperty(exports, "TreeSelect", {
+  enumerable: true,
+  get: function get() {
+    return _treeSelect.default;
+  }
+});
+Object.defineProperty(exports, "UrlInput", {
+  enumerable: true,
+  get: function get() {
+    return _urlInput.default;
+  }
+});
+Object.defineProperty(exports, "card", {
+  enumerable: true,
+  get: function get() {
+    return _card.default;
+  }
+});
+var _input = _interopRequireDefault(require("./meta/input"));
+var _number = _interopRequireDefault(require("./meta/number"));
+var _select = _interopRequireDefault(require("./meta/select"));
+var _radio = _interopRequireDefault(require("./meta/radio"));
+var _checkbox = _interopRequireDefault(require("./meta/checkbox"));
+var _checkboxes = _interopRequireDefault(require("./meta/checkboxes"));
+var _textarea = _interopRequireDefault(require("./meta/textarea"));
+var _date = _interopRequireDefault(require("./meta/date"));
+var _dateRange = _interopRequireDefault(require("./meta/dateRange"));
+var _time = _interopRequireDefault(require("./meta/time"));
+var _timeRange = _interopRequireDefault(require("./meta/timeRange"));
+var _rate = _interopRequireDefault(require("./meta/rate"));
+var _switch = _interopRequireDefault(require("./meta/switch"));
+var _slider = _interopRequireDefault(require("./meta/slider"));
+var _color = _interopRequireDefault(require("./meta/color"));
+var _imageInput = _interopRequireDefault(require("./meta/imageInput"));
+var _urlInput = _interopRequireDefault(require("./meta/urlInput"));
+var _treeSelect = _interopRequireDefault(require("./meta/treeSelect"));
+var _form = _interopRequireDefault(require("./meta/form"));
+var _card = _interopRequireDefault(require("./meta/card"));
+var _cardList = _interopRequireDefault(require("./meta/cardList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/settings/meta/card.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/settings/meta/card.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var props = [{
+  name: 'title',
+  title: {
+    label: '标题',
+    tip: 'title | 卡片主题'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'code',
+  title: {
+    label: '字段名',
+    tip: 'key | 字段名'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'description',
+  title: {
+    label: '描述',
+    tip: 'description ｜ 卡片的描述'
+  },
+  setter: 'StringSetter'
+}, {
+  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: 'widget',
+  title: {
+    label: '类型',
+    tip: 'widget ｜ 类型'
+  },
+  defaultValue: 1,
+  setter: {
+    componentName: 'RadioGroupSetter',
+    props: {
+      options: [{
+        title: '卡片',
+        value: 'card'
+      }, {
+        title: '折叠面板',
+        value: 'collapse'
+      }, {
+        title: '标题线',
+        value: 'lineTitle'
+      }, {
+        title: '内联',
+        value: 'subInline'
+      }]
+    }
+  }
+}];
+var snippets = [{
+  title: '对象',
+  screenshot: 'icon-object',
+  schema: {
+    componentName: 'Card',
+    props: {
+      title: '卡片主题',
+      description: '这是一个对象类型',
+      column: 3,
+      type: 'object',
+      widget: 'collapse'
+    }
+  }
+}];
+var _default = exports.default = (0, _utils.createMeta)('Card', {
+  title: '对象',
+  category: '布局',
+  group: '基础组件',
+  priority: 1,
+  props: props,
+  snippets: snippets,
+  configure: {
+    supports: {
+      loop: false,
+      condition: false
+    },
+    component: {
+      isContainer: true,
+      isModal: false,
+      nestingRule: {
+        parentWhitelist: ['FormRender', 'Card', 'CardList']
+      }
+    }
+  }
+});

package/lib/settings/meta/cardList.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/settings/meta/cardList.js

@@ -0,0 +1,209 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var props = [{
+  name: 'title',
+  title: {
+    label: '标题',
+    tip: 'title | 卡片主题'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'code',
+  title: {
+    label: '字段名',
+    tip: 'key | 字段名'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'description',
+  title: {
+    label: '描述',
+    tip: 'description ｜ 卡片的描述'
+  },
+  setter: 'StringSetter'
+}, {
+  title: '模版配置',
+  display: 'block',
+  type: 'group',
+  items: [{
+    name: 'widget',
+    title: {
+      label: '类型',
+      tip: 'widget ｜ 类型'
+    },
+    setter: {
+      componentName: 'SelectSetter',
+      props: {
+        options: [{
+          title: 'SimpleList',
+          value: 'simpleList'
+        }, {
+          title: 'CardList',
+          value: 'cardList'
+        }, {
+          title: 'DrawerList',
+          value: 'drawerList'
+        }, {
+          title: 'TableList',
+          value: 'tableList'
+        }, {
+          title: 'VirtualList',
+          value: 'virtualList'
+        }, {
+          title: 'TabList',
+          value: 'tabList'
+        }]
+      }
+    },
+    extraProps: {
+      setValue: function setValue(target, value) {
+        var node = target.getNode();
+        if (value !== 'cardList') {
+          node.setPropValue('items.widget', undefined);
+          node.setPropValue('items.title', undefined);
+          node.setPropValue('items.description', undefined);
+          node.setPropValue('items.column', undefined);
+        }
+      }
+    }
+  }, {
+    name: 'items.widget',
+    title: {
+      label: '样式类型',
+      tip: '样式类型'
+    },
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [{
+          title: '卡片',
+          value: 'card'
+        }, {
+          title: '折叠面板',
+          value: 'collapse'
+        }, {
+          title: '标题线',
+          value: 'lineTitle'
+        }, {
+          title: '内联',
+          value: 'subInline'
+        }]
+      }
+    },
+    condition: function condition(target) {
+      return target.getProps().getPropValue('widget') === 'cardList';
+    }
+  }, {
+    name: 'items.title',
+    title: {
+      label: '标题',
+      tip: 'title | 卡片主题'
+    },
+    setter: 'StringSetter',
+    condition: function condition(target) {
+      return target.getProps().getPropValue('widget') === 'cardList';
+    }
+  }, {
+    name: 'items.description',
+    title: {
+      label: '描述',
+      tip: 'description ｜ 卡片的描述'
+    },
+    setter: 'StringSetter',
+    condition: function condition(target) {
+      return target.getProps().getPropValue('widget') === 'cardList';
+    }
+  }, {
+    name: 'items.column',
+    title: {
+      label: '一行多列',
+      tip: 'column ｜ 表单内容分成几列展示'
+    },
+    defaultValue: 1,
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [{
+          title: '一列',
+          value: 1
+        }, {
+          title: '两列',
+          value: 2
+        }, {
+          title: '三列',
+          value: 3
+        }, {
+          title: '四列',
+          value: 4
+        }]
+      }
+    },
+    condition: function condition(target) {
+      return target.getProps().getPropValue('widget') === 'cardList';
+    },
+    extraProps: {
+      setValue: function setValue(target, value) {
+        var node = target.getNode();
+        var labelSpan = 8;
+        var wrapperColSpan = 16;
+        if (value === 1) {
+          labelSpan = 4;
+          wrapperColSpan = 6;
+        } else if (value === 2) {
+          wrapperColSpan = 10;
+        }
+        node.setPropValue('labelCol.span', labelSpan);
+        node.setPropValue('wrapperCol.span', wrapperColSpan);
+        node.mergeChildren(function (child) {
+          var span = 24 / value;
+          child.setPropValue('span', span);
+          return false;
+        }, function () {}, function () {});
+      }
+    }
+  }]
+}];
+var snippets = [{
+  title: '列表',
+  screenshot: 'icon-list',
+  schema: {
+    componentName: 'CardList',
+    props: {
+      title: '列表',
+      description: '这是一个列表',
+      type: 'array',
+      items: {
+        title: '卡片主题',
+        description: '这是一个对象类型',
+        column: 3,
+        type: 'object'
+      }
+    }
+  }
+}];
+var _default = exports.default = (0, _utils.createMeta)('CardList', {
+  title: '列表',
+  category: '布局',
+  group: '基础组件',
+  priority: 1,
+  props: props,
+  snippets: snippets,
+  configure: {
+    supports: {
+      loop: false,
+      condition: false
+    },
+    component: {
+      isContainer: true,
+      isModal: false,
+      nestingRule: {
+        parentWhitelist: ['FormRender', 'Card']
+      }
+    }
+  }
+});

package/lib/settings/meta/checkbox.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/settings/meta/checkbox.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('Checkbox', {
+  title: '是否选择',
+  priority: 994,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.getNotInputPropsBasic)({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'BoolSetter'
+    })
+  }],
+  snippets: [{
+    title: '是否选择',
+    screenshot: 'icon-isNot',
+    schema: {
+      componentName: 'Checkbox',
+      props: {
+        title: '是否选择',
+        type: 'boolean'
+      }
+    }
+  }]
+});

package/lib/settings/meta/checkboxes.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/settings/meta/checkboxes.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('Checkboxes', {
+  title: '点击多选框',
+  // priority: 996,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.getNotInputPropsBasic)({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'JsonSetter'
+    })
+  }, _utils.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-checkbox',
+    schema: {
+      componentName: 'Checkboxes',
+      props: {
+        title: '点击多选',
+        type: 'array',
+        props: {
+          options: [{
+            label: 'A',
+            value: 'A'
+          }, {
+            label: 'B',
+            value: 'B'
+          }, {
+            label: 'C',
+            value: 'C'
+          }],
+          direction: 'row'
+        }
+      }
+    }
+  }]
+});

package/lib/settings/meta/color.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/settings/meta/color.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('Color', {
+  title: '颜色选择',
+  category: '其他',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: _utils.notInputPropsBasic
+  }],
+  snippets: [{
+    title: '颜色选择',
+    screenshot: 'icon-color',
+    schema: {
+      componentName: 'Color',
+      props: {
+        title: '颜色选择'
+      }
+    }
+  }]
+});

package/lib/settings/meta/date.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/settings/meta/date.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('DatePicker', {
+  title: '日期选择',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.getInputPropsBasic)({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'CustomDateSetter'
+    })
+  }],
+  snippets: [{
+    title: '日期选择',
+    screenshot: 'icon-date',
+    schema: {
+      componentName: 'DatePicker',
+      props: {
+        title: '日期选择',
+        type: 'string'
+      }
+    }
+  }]
+});

package/lib/settings/meta/dateRange.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;