@zhubangyun/lowcode-core 1.1.0

package/lib/components/layout/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Layout = Layout;
+exports.LayoutHorizontal = LayoutHorizontal;
+exports.LayoutVertical = LayoutVertical;
+require("./index.less");
+function Layout(props) {
+  var _props$styles;
+  return /*#__PURE__*/React.createElement("main", {
+    className: "layout",
+    style: {
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement(LayoutVertical, {
+    footer: props.footer,
+    header: props.header
+  }, /*#__PURE__*/React.createElement(LayoutHorizontal, {
+    left: props.left,
+    right: props.right
+  }, /*#__PURE__*/React.createElement("div", {
+    style: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.content,
+    className: "layout-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: "100%",
+      background: "white"
+    }
+  }, props.children)))));
+}
+function LayoutVertical(props) {
+  var _props$styles2, _props$styles3;
+  var header = props.header ? /*#__PURE__*/React.createElement("header", {
+    style: (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.header
+  }, props.header) : undefined;
+  var footer = props.header ? /*#__PURE__*/React.createElement("footer", {
+    style: (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.footer
+  }, props.footer) : undefined;
+  return /*#__PURE__*/React.createElement("main", {
+    className: "layout-vertical",
+    style: {
+      flexDirection: "column",
+      overflow: "hidden"
+    }
+  }, header, /*#__PURE__*/React.createElement("main", {
+    style: {
+      flex: 1
+    }
+  }, props.children), footer);
+}
+function LayoutHorizontal(props) {
+  var _props$styles4, _props$styles5;
+  var left = props.left ? /*#__PURE__*/React.createElement("aside", {
+    style: (_props$styles4 = props.styles) === null || _props$styles4 === void 0 ? void 0 : _props$styles4.left
+  }, props.left) : undefined;
+  var right = props.right ? /*#__PURE__*/React.createElement("aside", {
+    style: (_props$styles5 = props.styles) === null || _props$styles5 === void 0 ? void 0 : _props$styles5.right
+  }, props.right) : undefined;
+  return /*#__PURE__*/React.createElement("main", {
+    className: "layout-horizontal",
+    style: {
+      flexDirection: "row"
+    }
+  }, left, /*#__PURE__*/React.createElement("main", {
+    style: {
+      flex: 1
+    }
+  }, props.children), right);
+}

package/lib/components/layout/index.less

@@ -0,0 +1,20 @@
+.layout,
+.layout-vertical,
+.layout-horizontal {
+  height: 100%;
+  display: flex;
+
+  aside,
+  footer,
+  header {
+    padding: 12px;
+  }
+
+}
+
+.layout-content {
+  height: 100%;
+  overflow-y: auto;
+  background: #f1f1f1;
+  padding: 12px;
+}

package/lib/components/schema-render/components/assets.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    packages: ({
+        package: string;
+        version: string;
+        library: string;
+        urls: string[];
+        title?: undefined;
+        description?: undefined;
+    } | {
+        title: string;
+        package: string;
+        version: string;
+        description: string;
+        urls: string[];
+        library: string;
+    })[];
+    components: {
+        exportName: string;
+        npm: {
+            package: string;
+            version: string;
+        };
+        url: string;
+    }[];
+    sort: {
+        groupList: string[];
+        categoryList: string[];
+    };
+    groupList: string[];
+    ignoreComponents: {};
+};
+export default _default;

package/lib/components/schema-render/components/assets.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _default = exports["default"] = {
+  "packages": [{
+    "package": "root-material",
+    "version": "0.1.0",
+    "library": "RootMaterial",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/lowcode/materials/root/view.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/root/view.css"]
+  }, {
+    "package": "antd-material",
+    "version": "0.1.0",
+    "library": "AntdMaterial",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/dayjs/dayjs.min.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd/view.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd/view.css"]
+  }, {
+    "title": "fusion组件库",
+    "package": "@alifd/next",
+    "version": "1.26.4",
+    "description": "不可删除否则会出问题",
+    "urls": ["https://g.alicdn.com/code/lib/alifd__next/1.26.4/next-with-locales.min.js"],
+    "library": "Next"
+  }, {
+    "package": "chart-material",
+    "version": "0.1.0",
+    "library": "ChartMaterial",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/antv/g2/5.1.19/g2.min.js", "https://cdn.zhiyunhe.com/plugin/datav/1.2.5/datav.min.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/chart/view.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/chart/view.css"]
+  }],
+  "components": [{
+    "exportName": "RootMaterialMeta",
+    "npm": {
+      "package": "root-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/root/meta.js"
+  }, {
+    "exportName": "AntdMaterialMeta",
+    "npm": {
+      "package": "antd-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd/meta.js"
+  }, {
+    "exportName": "ChartMaterialMeta",
+    "npm": {
+      "package": "chart-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/chart/meta.js"
+  }],
+  "sort": {
+    "groupList": ["", "默认分组", "原子组件", "精选组件", "图表组件"],
+    "categoryList": ["布局", "通用", "导航", "数据录入", "数据展示", "反馈", "大屏组件", "图表", "基础元素", "表格类", "表单详情类", "帮助类", "对话框类", "业务类", "引导", "信息输入", "信息展示", "信息反馈", "布局容器类"]
+  },
+  "groupList": ["默认分组", "原子组件", "精选组件", "图表组件"],
+  "ignoreComponents": {}
+};

package/lib/components/schema-render/components/demo-schema.d.ts

@@ -0,0 +1,85 @@
+declare const _default: {
+    componentName: string;
+    props: {
+        ref: string;
+        style: {
+            height: string;
+        };
+    };
+    dataSource: {
+        list: any[];
+    };
+    css: string;
+    hidden: boolean;
+    title: string;
+    isLocked: boolean;
+    condition: boolean;
+    conditionGroup: string;
+    state: {
+        isShowDialog: {
+            type: string;
+            value: string;
+        };
+    };
+    methods: {
+        openDialog: {
+            type: string;
+            value: string;
+            source: string;
+        };
+        closeDialog: {
+            type: string;
+            value: string;
+            source: string;
+        };
+    };
+    lifeCycles: {
+        componentDidMount: {
+            type: string;
+            value: string;
+            source: string;
+        };
+        componentWillUnmount: {
+            type: string;
+            value: string;
+            source: string;
+        };
+    };
+    children: {
+        componentName: string;
+        props: {};
+        hidden: boolean;
+        title: string;
+        isLocked: boolean;
+        condition: boolean;
+        conditionGroup: string;
+        children: ({
+            componentName: string;
+            props: {};
+            hidden: boolean;
+            title: string;
+            isLocked: boolean;
+            condition: boolean;
+            conditionGroup: string;
+            children?: undefined;
+        } | {
+            componentName: string;
+            props: {};
+            hidden: boolean;
+            title: string;
+            isLocked: boolean;
+            condition: boolean;
+            conditionGroup: string;
+            children: {
+                componentName: string;
+                props: {};
+                hidden: boolean;
+                title: string;
+                isLocked: boolean;
+                condition: boolean;
+                conditionGroup: string;
+            }[];
+        })[];
+    }[];
+};
+export default _default;

package/lib/components/schema-render/components/demo-schema.js

@@ -0,0 +1,111 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _default = exports["default"] = {
+  "componentName": "Page",
+  "props": {
+    "ref": "root",
+    "style": {
+      "height": "100%"
+    }
+  },
+  "dataSource": {
+    "list": []
+  },
+  "css": "",
+  "hidden": false,
+  "title": "",
+  "isLocked": false,
+  "condition": true,
+  "conditionGroup": "",
+  "state": {
+    "isShowDialog": {
+      "type": "JSExpression",
+      "value": "false"
+    }
+  },
+  "methods": {
+    "openDialog": {
+      "type": "JSFunction",
+      "value": "function openDialog() {\n  this.setState({\n    isShowDialog: true\n  });\n}",
+      "source": "function openDialog() {\n  this.setState({\n    isShowDialog: true\n  });\n}"
+    },
+    "closeDialog": {
+      "type": "JSFunction",
+      "value": "function closeDialog() {\n  this.setState({\n    isShowDialog: false\n  });\n}",
+      "source": "function closeDialog() {\n  this.setState({\n    isShowDialog: false\n  });\n}"
+    }
+  },
+  "lifeCycles": {
+    "componentDidMount": {
+      "type": "JSFunction",
+      "value": "function componentDidMount() {\n  console.log('did mount');\n}",
+      "source": "function componentDidMount() {\n  console.log('did mount');\n}"
+    },
+    "componentWillUnmount": {
+      "type": "JSFunction",
+      "value": "function componentWillUnmount() {\n  console.log('will unmount');\n}",
+      "source": "function componentWillUnmount() {\n  console.log('will unmount');\n}"
+    }
+  },
+  "children": [{
+    "componentName": "Layout",
+    "props": {},
+    "hidden": false,
+    "title": "",
+    "isLocked": false,
+    "condition": true,
+    "conditionGroup": "",
+    "children": [{
+      "componentName": "LayoutHeader",
+      "props": {},
+      "hidden": false,
+      "title": "",
+      "isLocked": false,
+      "condition": true,
+      "conditionGroup": ""
+    }, {
+      "componentName": "LayoutContent",
+      "props": {},
+      "hidden": false,
+      "title": "",
+      "isLocked": false,
+      "condition": true,
+      "conditionGroup": "",
+      "children": [{
+        "componentName": "LayoutLeft",
+        "props": {},
+        "hidden": false,
+        "title": "",
+        "isLocked": false,
+        "condition": true,
+        "conditionGroup": ""
+      }, {
+        "componentName": "LayoutMain",
+        "props": {},
+        "hidden": false,
+        "title": "",
+        "isLocked": false,
+        "condition": true,
+        "conditionGroup": ""
+      }, {
+        "componentName": "LayoutRight",
+        "props": {},
+        "hidden": false,
+        "title": "",
+        "isLocked": false,
+        "condition": true,
+        "conditionGroup": ""
+      }]
+    }, {
+      "componentName": "LayoutFooter",
+      "props": {},
+      "hidden": false,
+      "title": "",
+      "isLocked": false,
+      "condition": true,
+      "conditionGroup": ""
+    }]
+  }]
+};

package/lib/components/schema-render/components/schema-render-base.d.ts

@@ -0,0 +1,43 @@
+import { Component } from "react";
+import { ResultProps } from "antd";
+import { FormInstance } from "antd/lib";
+import { SchemaFormMode } from "../index";
+export interface FormProps {
+    mode: SchemaFormMode;
+    /**
+     * 继续提交按钮 新增模式有效
+     */
+    submitContinue?: boolean;
+    /**
+     * 数据id
+     */
+    dataId?: string;
+    /**
+     * 展示那些列
+     */
+    showFields?: "all" | string[];
+    /**
+     * 表单初期话回调
+     * @param values
+     */
+    onInit?: (values: any, form: FormInstance) => Promise<void>;
+}
+export interface SchemaBaseRenderProps {
+    schemaId: string;
+    params?: FormProps;
+}
+export interface SchemaBaseRenderState {
+    key?: string;
+    result?: ResultProps;
+    schema?: any;
+}
+export declare class SchemaRenderBase extends Component<SchemaBaseRenderProps, SchemaBaseRenderState> {
+    state: SchemaBaseRenderState;
+    constructor(props: Readonly<SchemaBaseRenderProps> | SchemaBaseRenderProps);
+    componentDidMount(): Promise<void>;
+    page: any;
+    loadSchema: () => Promise<void>;
+    components: any;
+    loadComponent: () => Promise<void>;
+    render(): JSX.Element;
+}

package/lib/components/schema-render/components/schema-render-base.js

@@ -0,0 +1,149 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SchemaRenderBase = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _result = _interopRequireDefault(require("antd/lib/result"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _configProvider = _interopRequireDefault(require("antd/lib/config-provider"));
+var _react = _interopRequireWildcard(require("react"));
+var _lowcodeRendererCore = _interopRequireWildcard(require("@zhubangyun/lowcode-renderer-core"));
+var _lowcodeDatasourceFetchHandler = require("@alilc/lowcode-datasource-fetch-handler");
+var _utils = _interopRequireDefault(require("../../../utils"));
+var _assets = _interopRequireDefault(require("./assets"));
+var _demoSchema = _interopRequireDefault(require("./demo-schema"));
+var _zh_CN = _interopRequireDefault(require("antd/locale/zh_CN"));
+var _window$antd, _window$antd2;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// @ts-ignore
+_lowcodeRendererCore.adapter.setConfigProvider(((_window$antd = window.antd) === null || _window$antd === void 0 ? void 0 : _window$antd.ConfigProvider) || _configProvider["default"]);
+// @ts-ignore
+var LocalConfig = ((_window$antd2 = window.antd) === null || _window$antd2 === void 0 ? void 0 : _window$antd2.ConfigProvider) || _configProvider["default"];
+var SchemaRenderBase = exports.SchemaRenderBase = /*#__PURE__*/function (_Component) {
+  function SchemaRenderBase(props) {
+    var _this;
+    _this = _Component.call(this, props) || this;
+    _this.state = {
+      result: undefined
+    };
+    _this.page = void 0;
+    _this.loadSchema = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var schemaId, schema;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return _this.loadComponent();
+          case 2:
+            schemaId = _this.props.schemaId;
+            if (!(schemaId == "test")) {
+              _context.next = 6;
+              break;
+            }
+            _this.setState({
+              schema: _demoSchema["default"]
+            });
+            return _context.abrupt("return");
+          case 6:
+            _context.next = 8;
+            return _utils["default"].schemaCache.get(schemaId);
+          case 8:
+            schema = _context.sent;
+            _this.setState({
+              schema: schema,
+              result: schema ? undefined : {
+                status: 404,
+                title: "404",
+                subTitle: "\u89C6\u56FE:" + schemaId + "\u4E0D\u5B58\u5728!"
+              }
+            });
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    _this.components = void 0;
+    _this.loadComponent = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var _yield$utils$lowcode$, components;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return _utils["default"].lowcode.parseAssets(_assets["default"]);
+          case 2:
+            _yield$utils$lowcode$ = _context2.sent;
+            components = _yield$utils$lowcode$.components;
+            _this.components = components;
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    _this.setState({
+      key: _utils["default"].uuid("key.")
+    });
+    return _this;
+  }
+  (0, _inheritsLoose2["default"])(SchemaRenderBase, _Component);
+  var _proto = SchemaRenderBase.prototype;
+  _proto.componentDidMount = /*#__PURE__*/function () {
+    var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return this.loadSchema();
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, this);
+    }));
+    function componentDidMount() {
+      return _componentDidMount.apply(this, arguments);
+    }
+    return componentDidMount;
+  }();
+  _proto.render = function render() {
+    var _this2 = this;
+    var components = this.components;
+    var _this$state = this.state,
+      key = _this$state.key,
+      result = _this$state.result,
+      schema = _this$state.schema;
+    var params = this.props.params;
+    if (result) {
+      return /*#__PURE__*/_react["default"].createElement(_result["default"], result);
+    }
+    if (schema) {
+      return /*#__PURE__*/_react["default"].createElement(LocalConfig, {
+        locale: _zh_CN["default"]
+      }, /*#__PURE__*/_react["default"].createElement(_lowcodeRendererCore["default"], {
+        key: key,
+        ref: function ref(page) {
+          _this2.page = page === null || page === void 0 ? void 0 : page.__ref;
+        }
+        // @ts-ignore
+        ,
+        params: params,
+        schema: schema,
+        thisRequiredInJSE: true,
+        className: "schema-render",
+        components: components,
+        appHelper: {
+          utils: _utils["default"],
+          requestHandlersMap: {
+            fetch: (0, _lowcodeDatasourceFetchHandler.createFetchHandler)()
+          }
+        }
+      }));
+    }
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null);
+  };
+  return SchemaRenderBase;
+}(_react.Component);

package/lib/components/schema-render/components/schema-render-layout.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SchemaRender } from "../index";
+export declare function SchemaRenderLayout(props: {
+    root: SchemaRender;
+    children: any;
+}): JSX.Element;

package/lib/components/schema-render/components/schema-render-layout.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SchemaRenderLayout = SchemaRenderLayout;
+var _drawer = _interopRequireDefault(require("antd/lib/drawer"));
+var _modal = _interopRequireDefault(require("antd/lib/modal"));
+var _react = _interopRequireDefault(require("react"));
+var _layout = require("../../layout");
+function SchemaRenderLayout(props) {
+  var root = props.root;
+  var state = root.state,
+    hidePage = root.hidePage;
+  var _root$props = root.props,
+    layout = _root$props.layout,
+    header = _root$props.header,
+    footer = _root$props.footer,
+    left = _root$props.left,
+    right = _root$props.right;
+  var children = /*#__PURE__*/_react["default"].createElement(_layout.Layout, {
+    header: header === null || header === void 0 ? void 0 : header(root),
+    footer: footer === null || footer === void 0 ? void 0 : footer(root),
+    left: left === null || left === void 0 ? void 0 : left(root),
+    right: right === null || right === void 0 ? void 0 : right(root)
+  }, props.children);
+  var restProps = {
+    open: state.show,
+    footer: false,
+    closable: false,
+    styles: {
+      header: {
+        display: "none"
+      },
+      body: {
+        padding: 0
+      },
+      content: {
+        padding: 0
+      }
+    },
+    onClose: hidePage,
+    keyboard: false,
+    maskClosable: false
+  };
+  if (layout == "modal") {
+    return /*#__PURE__*/_react["default"].createElement(_modal["default"], restProps, children);
+  } else if (layout == "drawer") {
+    return /*#__PURE__*/_react["default"].createElement(_drawer["default"], restProps, children);
+  }
+  return children;
+}

package/lib/components/schema-render/index.d.ts

@@ -0,0 +1,31 @@
+import { SchemaBaseRenderProps } from "./components/schema-render-base";
+import { Component, ReactNode } from "react";
+export declare type SchemaFormMode = "create" | "update" | "detail" | "copy";
+export declare type RenderLayout = "drawer" | "modal";
+export declare type RenderChild = (props: SchemaRender) => ReactNode;
+export interface SchemaRenderProps extends SchemaBaseRenderProps {
+    layout?: RenderLayout;
+    header?: RenderChild;
+    footer?: RenderChild;
+    left?: RenderChild;
+    right?: RenderChild;
+    defaultShow?: boolean;
+    width?: number;
+}
+export interface SchemaRenderState {
+    show: boolean;
+}
+export declare class SchemaRender extends Component<SchemaRenderProps, SchemaRenderState> {
+    state: SchemaRenderState;
+    page: any;
+    constructor(props: SchemaRenderProps);
+    /**
+     * 显示页面
+     */
+    showPage: () => void;
+    /**
+     * 隐藏页面
+     */
+    hidePage: () => void;
+    render(): JSX.Element;
+}