@zhubangyun/lowcode-core 5.4.21 → 5.4.102

package/es/utils/designer/assets/assets.data.base.js

@@ -38,7 +38,7 @@ var BaseAssets = {
   utils: [],
   "components": [],
   "sort": {
-    "categoryList": ["布局", "通用", "导航", "数据录入", "数据展示", "反馈", "大屏组件", "图表", "基础元素", "表格类", "表单详情类", "帮助类", "对话框类", "业务类", "引导", "信息输入", "信息展示", "信息反馈", "布局容器类", "增强组件", "工具组件"],
+    "categoryList": ["布局", "通用", "导航", "数据录入", "数据展示", "反馈", "大屏组件", "图表", "基础元素", "表格类", "表单详情类", "帮助类", "对话框类", "业务类", "引导", "信息输入", "信息展示", "信息反馈", "布局容器类", "增强组件", "工具组件", "普通", "范围", "高级"],
     "groupList": ["", "原子组件", "精选组件", "增强分组", "图表组件", "默认分组"]
   }
 };

package/es/utils/form/form.api.d.ts

@@ -1,17 +1,12 @@
-import { BaseRequestOptions, RestApi } from "../api/RestApi";
+import { RestApi } from "../api/RestApi";
 import { AxiosRequestConfig } from "axios";
 export declare class RestFormApi<DataType> extends RestApi<DataType> {
     private readonly formId;
+    private readonly fieldId;
     private readonly mock;
     private initialized;
     private schema;
-    constructor(formId: string, mock?: boolean);
+    constructor(formId: string, fieldId?: string, mock?: boolean);
     initialize(): Promise<boolean>;
-    search(params?: Record<string, any>, page?: number, pageSize?: number): Promise<import("../api/RestApi").ManyResult<DataType>>;
-    getById(id: string, options?: BaseRequestOptions<DataType>): Promise<any>;
-    save(data: DataType, options?: BaseRequestOptions<DataType>): Promise<any>;
-    create(data: DataType, options?: BaseRequestOptions<DataType>): Promise<any>;
-    update(id: string, data: DataType, options?: BaseRequestOptions<DataType>): Promise<any>;
-    deleteById(id: string, options?: BaseRequestOptions<DataType>): Promise<any>;
-    handleRequestConfig(config: AxiosRequestConfig): void;
+    handleRequestConfig(config: AxiosRequestConfig): Promise<void>;
 }

package/es/utils/form/form.api.js

@@ -4,14 +4,16 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { RestApi } from "../api/RestApi";
 import { getSchema } from "../api";
 export var RestFormApi = /*#__PURE__*/function (_RestApi) {
-  function RestFormApi(formId, mock) {
+  function RestFormApi(formId, fieldId, mock) {
     var _this;
     _this = _RestApi.call(this, "forms", {}) || this;
     _this.formId = void 0;
+    _this.fieldId = void 0;
     _this.mock = void 0;
     _this.initialized = false;
     _this.schema = void 0;
     _this.formId = formId;
+    _this.fieldId = formId;
     _this.mock = !!mock;
     return _this;
   }
@@ -59,151 +61,28 @@ export var RestFormApi = /*#__PURE__*/function (_RestApi) {
     }
     return initialize;
   }();
-  _proto.search = /*#__PURE__*/function () {
-    var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(params, page, pageSize) {
+  _proto.handleRequestConfig = /*#__PURE__*/function () {
+    var _handleRequestConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(config) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (params === void 0) {
-              params = {};
-            }
-            if (page === void 0) {
-              page = 1;
-            }
-            if (pageSize === void 0) {
-              pageSize = 20;
-            }
-            _context2.next = 5;
+            _context2.next = 2;
             return this.initialize();
-          case 5:
-            return _context2.abrupt("return", _RestApi.prototype.search.call(this, params, page, pageSize));
+          case 2:
+            config.params = config.params || {};
+            config.params.formId = this.formId;
+            config.params.fieldId = this.fieldId;
+            config.params.mock = this.mock;
           case 6:
           case "end":
             return _context2.stop();
         }
       }, _callee2, this);
     }));
-    function search(_x, _x2, _x3) {
-      return _search.apply(this, arguments);
-    }
-    return search;
-  }();
-  _proto.getById = /*#__PURE__*/function () {
-    var _getById = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(id, options) {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.next = 2;
-            return this.initialize();
-          case 2:
-            return _context3.abrupt("return", _RestApi.prototype.getById.call(this, id, options));
-          case 3:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3, this);
-    }));
-    function getById(_x4, _x5) {
-      return _getById.apply(this, arguments);
-    }
-    return getById;
-  }();
-  _proto.save = /*#__PURE__*/function () {
-    var _save = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data, options) {
-      var config;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            _context4.next = 2;
-            return this.initialize();
-          case 2:
-            config = {};
-            this.handleRequestConfig(config);
-            return _context4.abrupt("return", _RestApi.prototype.save.call(this, data, options));
-          case 5:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4, this);
-    }));
-    function save(_x6, _x7) {
-      return _save.apply(this, arguments);
-    }
-    return save;
-  }();
-  _proto.create = /*#__PURE__*/function () {
-    var _create = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data, options) {
-      var config;
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            _context5.next = 2;
-            return this.initialize();
-          case 2:
-            config = {};
-            this.handleRequestConfig(config);
-            return _context5.abrupt("return", _RestApi.prototype.create.call(this, data, options));
-          case 5:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5, this);
-    }));
-    function create(_x8, _x9) {
-      return _create.apply(this, arguments);
-    }
-    return create;
-  }();
-  _proto.update = /*#__PURE__*/function () {
-    var _update = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id, data, options) {
-      var config;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            _context6.next = 2;
-            return this.initialize();
-          case 2:
-            config = {};
-            this.handleRequestConfig(config);
-            return _context6.abrupt("return", _RestApi.prototype.update.call(this, id, data, options));
-          case 5:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, this);
-    }));
-    function update(_x10, _x11, _x12) {
-      return _update.apply(this, arguments);
-    }
-    return update;
-  }();
-  _proto.deleteById = /*#__PURE__*/function () {
-    var _deleteById = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(id, options) {
-      var config;
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            _context7.next = 2;
-            return this.initialize();
-          case 2:
-            config = {};
-            this.handleRequestConfig(config);
-            return _context7.abrupt("return", _RestApi.prototype.deleteById.call(this, id, options));
-          case 5:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7, this);
-    }));
-    function deleteById(_x13, _x14) {
-      return _deleteById.apply(this, arguments);
+    function handleRequestConfig(_x) {
+      return _handleRequestConfig.apply(this, arguments);
     }
-    return deleteById;
+    return handleRequestConfig;
   }();
-  _proto.handleRequestConfig = function handleRequestConfig(config) {
-    config.params = config.params || {};
-    config.params.formId = this.formId;
-    config.params.mock = this.mock;
-  };
   return RestFormApi;
 }(RestApi);

package/es/utils/index.d.ts

@@ -2,9 +2,11 @@ import * as cache from "./cache";
 import * as common from "./common";
 import * as api from "./api";
 import * as designer from "./designer";
+import * as page from "./page";
 declare const _default: {
     api: typeof api;
     cache: typeof cache;
+    page: typeof page;
     designer: typeof designer;
     common: typeof common;
 };

package/es/utils/index.js

@@ -2,9 +2,11 @@ import * as cache from "./cache";
 import * as common from "./common";
 import * as api from "./api";
 import * as designer from "./designer";
+import * as page from "./page";
 export default {
   api: api,
   cache: cache,
+  page: page,
   designer: designer,
   common: common
 };

package/es/utils/page/index.d.ts

@@ -0,0 +1 @@
+export { showForm } from "./page.form";

package/es/utils/page/index.js

@@ -0,0 +1 @@
+export { showForm } from "./page.form";

package/es/utils/page/page.form.d.ts

@@ -0,0 +1,14 @@
+import { PageLayoutType } from "./page.layout";
+interface ShowFormOptions {
+    container?: HTMLDivElement;
+    layout?: PageLayoutType;
+    form: {
+        id: string;
+        fieldId?: string;
+    };
+    mode?: "add" | "edit" | "copy" | "detail";
+    dataId?: string;
+    onClose?: (data: any) => void | Promise<void>;
+}
+export declare function showForm(options: ShowFormOptions): void;
+export {};

package/es/utils/page/page.form.js

@@ -0,0 +1,66 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["container", "onClose"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { PageLayout } from "./page.layout";
+import ReactDOM from "react-dom";
+import { Component } from "react";
+import { PageLoadSchema } from "./page.load-schema";
+import { ReactRender } from "../../components/react-render";
+export function showForm(options) {
+  var container = options.container,
+    onClose = options.onClose,
+    restProps = _objectWithoutPropertiesLoose(options, _excluded);
+  //容器不存在需要手动取消挂载
+  var unmount = !container;
+  if (!container) {
+    container = document.createElement("div");
+    document.body.append(container);
+  }
+  ReactDOM.render( /*#__PURE__*/React.createElement(FormRender, _extends({}, restProps, {
+    onClose: ( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+        var _container;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (unmount) {
+                //取消挂载
+                ReactDOM.unmountComponentAtNode(container);
+                //移除
+                (_container = container) === null || _container === void 0 ? void 0 : _container.remove();
+              }
+              onClose === null || onClose === void 0 ? void 0 : onClose(data);
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }())
+  })), container);
+}
+var FormRender = /*#__PURE__*/function (_Component) {
+  function FormRender() {
+    return _Component.apply(this, arguments) || this;
+  }
+  _inheritsLoose(FormRender, _Component);
+  var _proto = FormRender.prototype;
+  _proto.render = function render() {
+    var _this = this;
+    return /*#__PURE__*/React.createElement(PageLayout, null, /*#__PURE__*/React.createElement(PageLoadSchema, {
+      pageId: this.props.form.id
+    }, function (schema) {
+      return /*#__PURE__*/React.createElement(ReactRender, _extends({
+        schema: schema,
+        components: window.__components
+      }, _this.props));
+    }));
+  };
+  return FormRender;
+}(Component);

package/es/utils/page/page.layout.d.ts

@@ -0,0 +1,15 @@
+import { Component } from "react";
+export declare type PageLayoutType = "page" | "modal" | "drawer";
+interface PageLayoutProps {
+    layout?: PageLayoutType;
+    children: any;
+}
+interface PageLayoutState {
+    open: boolean;
+}
+export declare class PageLayout extends Component<PageLayoutProps, PageLayoutState> {
+    state: PageLayoutState;
+    close: () => void;
+    render(): any;
+}
+export {};

package/es/utils/page/page.layout.js

@@ -0,0 +1,56 @@
+import _Drawer from "antd/es/drawer";
+import _Modal from "antd/es/modal";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { Component } from "react";
+export var PageLayout = /*#__PURE__*/function (_Component) {
+  function PageLayout() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+    _this.state = {
+      open: true
+    };
+    _this.close = function () {
+      _this.setState({
+        open: false
+      });
+    };
+    return _this;
+  }
+  _inheritsLoose(PageLayout, _Component);
+  var _proto = PageLayout.prototype;
+  _proto.render = function render() {
+    var _this$props = this.props,
+      layout = _this$props.layout,
+      children = _this$props.children;
+    var state = this.state;
+    var restProps = {
+      open: state.open,
+      footer: false,
+      closable: false,
+      styles: {
+        header: {
+          display: "none"
+        },
+        body: {
+          padding: 0
+        },
+        content: {
+          padding: 0
+        }
+      },
+      onClose: this.close,
+      keyboard: false,
+      maskClosable: false
+    };
+    if (layout == "modal") {
+      return /*#__PURE__*/React.createElement(_Modal, restProps, children);
+    } else if (layout == "drawer") {
+      return /*#__PURE__*/React.createElement(_Drawer, restProps, children);
+    }
+    return children;
+  };
+  return PageLayout;
+}(Component);

package/es/utils/page/page.load-schema.d.ts

@@ -0,0 +1,4 @@
+export declare function PageLoadSchema(props: {
+    pageId: string;
+    children: (schema: any) => any;
+}): any;

package/es/utils/page/page.load-schema.js

@@ -0,0 +1,37 @@
+import _Result from "antd/es/result";
+import _Spin from "antd/es/spin";
+import { useEffect, useState } from "react";
+import { getSchema } from "../api";
+export function PageLoadSchema(props) {
+  var _useState = useState(true),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState(),
+    schema = _useState2[0],
+    setSchema = _useState2[1];
+  var _useState3 = useState(),
+    errorMsg = _useState3[0],
+    setErrorMsg = _useState3[1];
+  useEffect(function () {
+    getSchema(props.pageId).then(function (res) {
+      if (res.success) {
+        setLoading(false);
+        setSchema(res.data);
+      } else {
+        setErrorMsg(res.message);
+      }
+    });
+  }, []);
+  if (loading) {
+    return /*#__PURE__*/React.createElement(_Spin, {
+      spinning: true
+    });
+  }
+  if (!schema) {
+    return /*#__PURE__*/React.createElement(_Result, {
+      status: 500,
+      title: errorMsg
+    });
+  }
+  return props.children(schema);
+}

package/es/utils/page/page.render.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function f(): import("react").JSX.Element;

package/es/utils/page/page.render.js

@@ -0,0 +1,6 @@
+import { SchemaRender } from "../../components/schema-render";
+export function f() {
+  return /*#__PURE__*/React.createElement(SchemaRender, {
+    schemaId: ""
+  });
+}

package/lib/index.d.ts

@@ -2,6 +2,5 @@ import utils from "./utils";
 export { RestApi } from "./utils/api/RestApi";
 export { RestFormApi } from "./utils/form/form.api";
 export { Layout } from "./components/layout";
-export { SchemaRender } from "./components/schema-render";
 export { ReactRender } from "./components/react-render";
 export { utils };

package/lib/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.SchemaRender = exports.RestFormApi = exports.RestApi = exports.ReactRender = exports.Layout = void 0;
+exports.RestFormApi = exports.RestApi = exports.ReactRender = exports.Layout = void 0;
 var _utils = _interopRequireDefault(require("./utils"));
 exports.utils = _utils["default"];
 var _RestApi = require("./utils/api/RestApi");
@@ -11,8 +11,6 @@ var _form = require("./utils/form/form.api");
 exports.RestFormApi = _form.RestFormApi;
 var _layout = require("./components/layout");
 exports.Layout = _layout.Layout;
-var _schemaRender = require("./components/schema-render");
-exports.SchemaRender = _schemaRender.SchemaRender;
 var _reactRender = require("./components/react-render");
 exports.ReactRender = _reactRender.ReactRender;
 // @ts-ignore

package/lib/style.js

@@ -1,5 +1,5 @@
-require('antd/lib/result/style');
-require('antd/lib/config-provider/style');
-
 require('antd/lib/drawer/style');
-require('antd/lib/modal/style');
+require('antd/lib/modal/style');
+require('antd/lib/result/style');
+require('antd/lib/spin/style');
+require('antd/lib/config-provider/style');

package/lib/utils/api/RestApi.d.ts

@@ -39,7 +39,7 @@ export declare abstract class BaseRestApi<DataType> {
 }
 export declare class RestApi<DataType> extends BaseRestApi<DataType> {
     constructor(uri: string, options?: RestApiOptions);
-    handleRequestConfig(config: AxiosRequestConfig): void;
+    handleRequestConfig(config: AxiosRequestConfig): Promise<void>;
 }
 export interface BaseType {
     /**