@xrenders/schema-builder 1.0.0-alpha.2 → 1.0.0-alpha.21

package/lib/settings/meta/select.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('Select', {
+  title: '下拉选择',
+  priority: 998,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.getInputPropsBasic)({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'JsonSetter'
+    })
+  }, _utils.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/lib/settings/meta/slider.d.ts

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

package/lib/settings/meta/slider.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('Slider', {
+  title: '滑动条',
+  priority: 991,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.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/lib/settings/meta/switch.d.ts

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

package/lib/settings/meta/switch.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('Switch', {
+  title: '开关',
+  priority: 993,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.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/lib/settings/meta/textarea.d.ts

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

package/lib/settings/meta/textarea.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('TextArea', {
+  title: '多行文本',
+  priority: 995,
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: _utils.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/lib/settings/meta/time.d.ts

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

package/lib/settings/meta/time.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)('TimePicker', {
+  title: '时间选择',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.getInputPropsBasic)({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'default | 默认值'
+      },
+      setter: 'CustomTimeSetter'
+    })
+  }],
+  snippets: [{
+    title: '时间选择',
+    screenshot: 'icon-time',
+    schema: {
+      componentName: 'TimePicker',
+      props: {
+        title: '时间选择',
+        type: 'string',
+        format: 'time'
+      }
+    }
+  }]
+});

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

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

package/lib/settings/meta/timeRange.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('TimeRange', {
+  title: '时间区间选择',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.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'
+      }
+    }
+  }]
+});

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

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

package/lib/settings/meta/treeSelect.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('TreeSelect', {
+  title: '树选择',
+  category: '其他',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: (0, _utils.getInputPropsBasic)({
+      name: 'defaultValue',
+      title: {
+        label: '默认值',
+        tip: 'defaultValue | 默认值'
+      },
+      setter: 'JsonSetter'
+    })
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.treeData',
+      title: {
+        label: '数据源',
+        tip: '数据源'
+      },
+      setter: 'JsonSetter'
+    }, {
+      name: 'props.multiple',
+      title: {
+        label: '支持多选',
+        tip: '支持多选（当设置 treeCheckable 时自动变为 true）'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.allowClear',
+      title: {
+        label: '支持清除',
+        tip: '是否允许清除'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.treeCheckable',
+      title: {
+        label: '显示勾选框',
+        tip: '显示勾选框'
+      },
+      setter: 'BoolSetter'
+    }, {
+      name: 'props.treeDefaultExpandAll',
+      title: {
+        label: '默认展开所有树节点',
+        tip: '默认展开所有树节点'
+      },
+      setter: 'BoolSetter'
+    }]
+  }],
+  snippets: [{
+    label: '树选择',
+    screenshot: 'icon-tree',
+    schema: {
+      componentName: 'TreeSelect',
+      props: {
+        title: '树选择',
+        props: {
+          treeData: [{
+            value: 'parent 1',
+            title: 'parent 1',
+            children: [{
+              value: 'parent 1-0',
+              title: 'parent 1-0',
+              children: [{
+                value: 'leaf1',
+                title: 'leaf1'
+              }, {
+                value: 'leaf2',
+                title: 'leaf2'
+              }]
+            }]
+          }]
+        }
+      }
+    }
+  }]
+});

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

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

package/lib/settings/meta/urlInput.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("../utils");
+var _default = exports.default = (0, _utils.createMeta)('UrlInput', {
+  title: '链接输入框',
+  category: '其他',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: _utils.inputPropsBasic
+  }, {
+    title: '其他配置',
+    display: 'accordion',
+    type: 'group',
+    items: [{
+      name: 'props.addonText',
+      title: {
+        label: '按钮文案',
+        tip: '跳转按钮的文案配置'
+      },
+      defaultValue: '测试链接',
+      setter: 'StringSetter'
+    }]
+  }],
+  snippets: [{
+    title: '链接输入框',
+    screenshot: 'icon-link',
+    schema: {
+      componentName: 'UrlInput',
+      props: {
+        title: '链接输入框'
+      }
+    }
+  }]
+});

package/lib/settings/utils.d.ts

@@ -0,0 +1,110 @@
+export declare const inputPropsBasic: ({
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition?: undefined;
+} | {
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition: (target: any) => boolean;
+})[];
+export declare const notInputPropsBasic: ({
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition?: undefined;
+} | {
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition: (target: any) => boolean;
+})[];
+export declare const optionsProp: {
+    display: string;
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: {
+        componentName: string;
+        props: {
+            itemSetter: {
+                componentName: string;
+                initialValue: () => {
+                    label: string;
+                    value: string;
+                };
+                props: {
+                    config: {
+                        items: ({
+                            name: string;
+                            title: string;
+                            important: boolean;
+                            setter: string;
+                        } | {
+                            name: string;
+                            title: string;
+                            setter: string[];
+                            important: boolean;
+                        } | {
+                            name: string;
+                            title: string;
+                            setter: string;
+                            important?: undefined;
+                        })[];
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const getInputPropsBasic: (defaultValueProp: any, placeholder?: any) => ({
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition?: undefined;
+} | {
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition: (target: any) => boolean;
+})[];
+export declare const getNotInputPropsBasic: (defaultValueProp: any) => ({
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition?: undefined;
+} | {
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    setter: string;
+    condition: (target: any) => boolean;
+})[];
+export declare const uuid: () => string;
+export declare const createMeta: (componentName: string, params: any) => any;