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

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.d.ts

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

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'
+      }
+    }
+  }]
+});

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

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

package/es/settings/meta/treeSelect.js

@@ -0,0 +1,85 @@
+import { createMeta, getInputPropsBasic } from '../utils';
+export default createMeta('TreeSelect', {
+  title: '树选择',
+  category: '其他',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: 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/es/settings/meta/urlInput.d.ts

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

package/es/settings/meta/urlInput.js

@@ -0,0 +1,34 @@
+import { createMeta, inputPropsBasic } from '../utils';
+export default createMeta('UrlInput', {
+  title: '链接输入框',
+  category: '其他',
+  props: [{
+    title: '基础配置',
+    type: 'group',
+    display: 'accordion',
+    items: 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/es/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;

package/es/settings/utils.js

@@ -0,0 +1,251 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import cloneDeep from 'lodash/cloneDeep';
+export var inputPropsBasic = [{
+  name: 'title',
+  title: {
+    label: '标题',
+    tip: 'title | 标题'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'code',
+  title: {
+    label: '字段名',
+    tip: 'key | 字段名'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'defaultValue',
+  title: {
+    label: '默认值',
+    tip: 'defaultValue | 默认值'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'props.placeholder',
+  title: {
+    label: '提示文案',
+    tip: 'placeholder | 提示文案'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'description',
+  title: {
+    label: '补充说明',
+    tip: 'description | 补充说明'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'tooltip.title',
+  title: {
+    label: '气泡提示',
+    tip: 'tooltip.title | 气泡提示文案'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'extra',
+  title: {
+    label: '额外提示',
+    tip: 'extra | 额外的提示信息'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'disabled',
+  title: {
+    label: '禁用',
+    tip: 'disabled | 禁用'
+  },
+  setter: 'FrExpressionSetter'
+}, {
+  name: 'hidden',
+  title: {
+    label: '隐藏',
+    tip: 'hidden | 隐藏'
+  },
+  setter: 'FrExpressionSetter'
+}, {
+  name: 'readOnly',
+  title: {
+    label: '只读',
+    tip: 'readOnly | 只读'
+  },
+  setter: 'FrExpressionSetter'
+}, {
+  name: 'readOnlyWidget',
+  title: {
+    label: '只读组件',
+    tip: 'readOnlyWidget | 只读组件'
+  },
+  setter: 'StringSetter',
+  condition: function condition(target) {
+    return !!target.getProps().getPropValue('readOnly');
+  }
+}];
+export var notInputPropsBasic = [{
+  name: 'title',
+  title: {
+    label: '标题',
+    tip: 'title | 标题'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'code',
+  title: {
+    label: '字段名',
+    tip: 'key | 字段名'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'defaultValue',
+  title: {
+    label: '默认值',
+    tip: 'defaultValue | 默认值'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'description',
+  title: {
+    label: '补充说明',
+    tip: 'description | 补充说明'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'tooltip',
+  title: {
+    label: '气泡提示',
+    tip: 'tooltip | 气泡提示文案'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'extra',
+  title: {
+    label: '额外提示',
+    tip: 'extra | 额外的提示信息'
+  },
+  setter: 'StringSetter'
+}, {
+  name: 'disabled',
+  title: {
+    label: '禁用',
+    tip: 'disabled | 禁用'
+  },
+  setter: 'FrExpressionSetter'
+}, {
+  name: 'hidden',
+  title: {
+    label: '隐藏',
+    tip: 'hidden | 隐藏'
+  },
+  setter: 'FrExpressionSetter'
+}, {
+  name: 'readOnly',
+  title: {
+    label: '只读',
+    tip: 'readOnly | 只读'
+  },
+  setter: 'FrExpressionSetter'
+}, {
+  name: 'readOnlyWidget',
+  title: {
+    label: '只读组件',
+    tip: 'readOnlyWidget | 只读组件'
+  },
+  setter: 'StringSetter',
+  condition: function condition(target) {
+    return !!target.getProps().getPropValue('readOnly');
+  }
+}];
+export var optionsProp = {
+  display: 'accordion',
+  name: 'props.options',
+  title: {
+    label: '选项配置',
+    tip: 'options ｜ 选项配置'
+  },
+  setter: {
+    componentName: 'ArraySetter',
+    props: {
+      itemSetter: {
+        componentName: 'ObjectSetter',
+        initialValue: function initialValue() {
+          return {
+            label: '选项名',
+            value: uuid()
+          };
+        },
+        props: {
+          config: {
+            items: [{
+              name: 'label',
+              title: '选项名',
+              important: true,
+              setter: 'StringSetter'
+            }, {
+              name: 'value',
+              title: '选项值',
+              setter: ['StringSetter', 'NumberSetter'],
+              important: true
+            }, {
+              name: 'disabled',
+              title: '禁用',
+              setter: 'JsonSetter'
+            }]
+          }
+        }
+      }
+    }
+  }
+};
+export var getInputPropsBasic = function getInputPropsBasic(defaultValueProp, placeholder) {
+  var result = cloneDeep(inputPropsBasic);
+  result.splice(2, 0, defaultValueProp);
+  if (placeholder) {
+    result.splice(3, 0, defaultValueProp);
+  }
+  return result;
+};
+export var getNotInputPropsBasic = function getNotInputPropsBasic(defaultValueProp) {
+  var result = cloneDeep(notInputPropsBasic);
+  result.splice(2, 0, defaultValueProp);
+  return result;
+};
+export var uuid = function uuid() {
+  return (Math.random() * 1e6 >> 0).toString(36);
+};
+export var createMeta = function createMeta(componentName, params) {
+  return _objectSpread({
+    componentName: componentName,
+    docUrl: '',
+    screenshot: '',
+    devMode: 'proCode',
+    npm: {
+      package: '@ali/form-render-material',
+      version: '1.0.0',
+      exportName: componentName,
+      main: 'src/index.tsx',
+      destructuring: true,
+      subName: ''
+    },
+    configure: {
+      supports: {
+        loop: false,
+        condition: false
+      },
+      component: {
+        isContainer: false,
+        isModal: false,
+        nestingRule: {
+          parentWhitelist: ['FormRender', 'Card', 'CardList', 'TableList']
+        }
+      }
+    },
+    group: '基础组件',
+    category: '常用',
+    icon: 'https://img.alicdn.com/imgextra/i4/O1CN01gxzRdT1hm9KXRbZkU_!!6000000004319-2-tps-200-200.png'
+  }, params);
+};

package/es/type.d.ts

@@ -0,0 +1,33 @@
+interface TProperties {
+    [key: string]: any;
+}
+interface TLogo {
+    title?: string;
+    image?: string;
+    href?: string;
+}
+interface TSchema {
+    "type": "object";
+    "properties": TProperties;
+}
+interface TToolBtn {
+    text: string;
+    order: number;
+    onClick: (schema: TSchema) => void;
+}
+export interface TSchemaBuilder {
+    logo?: TLogo;
+    importBtn?: boolean;
+    exportBtn?: boolean;
+    clearBtn?: boolean | TToolBtn;
+    saveBtn?: boolean | TToolBtn;
+    pubBtn?: boolean | TToolBtn;
+    extraBtns?: TToolBtn[];
+    defaultValue?: TSchema;
+    widgets?: any;
+    settings?: any;
+    editorWidgets?: any;
+    onMount?: () => void;
+    [key: string]: any;
+}
+export {};

package/es/type.js

@@ -0,0 +1 @@
+export {};

package/lib/createIframe.js

@@ -5,15 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var createIframeContent = function createIframeContent() {
-  var html = "\n    <html>\n      <head>\n        <meta charset=\"UTF-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n        <title>XRender</title>\n        <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css\" rel=\"stylesheet\" />\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css\" rel=\"stylesheet\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.1.5/dist/css/engine-core.css\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.5/dist/css/engine-ext.css\" />\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.0.5/css/index.css\" />\n\n        <script>\n          window.React = window.parent.React;\n          window.ReactDOM = window.parent.ReactDOM;\n        </script>\n        \n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.1.5/dist/js/engine-core.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.5/dist/js/engine-ext.js\"></script>\n\n      </head>\n\n      <body>\n        <div id=\"lce-container\"></div>\n        <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.0.5/js/index.js\"></script>\n      </body>\n    </html>\n  ";
+  var html = "\n    <html>\n      <head>\n        <meta charset=\"UTF-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n        <title>XRender</title>\n        <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css\" rel=\"stylesheet\" />\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css\" rel=\"stylesheet\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css\" />\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css\" />\n\n        <script>\n          window.React = window.parent.React;\n          window.ReactDOM = window.parent.ReactDOM;\n        </script>\n        \n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js\"></script>\n      </head>\n\n      <body>\n        <div id=\"lce-container\"></div>\n        <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/js/index.js\"></script>\n      </body>\n    </html>\n  ";
   return html;
 };
-var _default = function _default() {
+var _default = exports.default = function _default() {
   var iframe = document.createElement('iframe');
   iframe.width = '100%';
   iframe.height = '100%';
   iframe.frameBorder = '0';
   iframe.srcdoc = createIframeContent();
   return iframe;
-};
-exports.default = _default;
+};

package/lib/index.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _main = _interopRequireDefault(require("./main"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _main.default;
-exports.default = _default;
+var _default = exports.default = _main.default;

package/lib/main.d.ts

@@ -1,6 +1,4 @@
-interface IProps {
-    widgets: any;
-    settings: any;
-}
-declare const Design: (props: IProps) => JSX.Element;
-export default Design;
+import React from 'react';
+import { TSchemaBuilder } from './type';
+declare const _default: React.ForwardRefExoticComponent<Pick<TSchemaBuilder, keyof TSchemaBuilder> & React.RefAttributes<unknown>>;
+export default _default;