@zhubangyun/lowcode-core 1.1.2 → 1.1.4

package/es/components/layout/index.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from "react";
 import "./index.less";
 export declare function Layout(props: {
+    className?: string;
     header?: ReactNode;
     footer?: ReactNode;
     left?: ReactNode;
@@ -15,6 +16,7 @@ export declare function Layout(props: {
     };
 }): import("react").JSX.Element;
 export declare function LayoutVertical(props: {
+    className?: string;
     header?: ReactNode;
     footer?: ReactNode;
     children?: ReactNode;
@@ -24,6 +26,7 @@ export declare function LayoutVertical(props: {
     };
 }): import("react").JSX.Element;
 export declare function LayoutHorizontal(props: {
+    className?: string;
     left?: ReactNode;
     right?: ReactNode;
     children?: ReactNode;

package/es/components/layout/index.js

@@ -2,16 +2,18 @@ import "./index.less";
 export function Layout(props) {
   var _props$styles;
   return /*#__PURE__*/React.createElement("main", {
-    className: "layout",
+    className: "layout " + (props.className || ""),
     style: {
       flexDirection: "column"
     }
   }, /*#__PURE__*/React.createElement(LayoutVertical, {
     footer: props.footer,
-    header: props.header
+    header: props.header,
+    styles: props.styles
   }, /*#__PURE__*/React.createElement(LayoutHorizontal, {
     left: props.left,
-    right: props.right
+    right: props.right,
+    styles: props.styles
   }, /*#__PURE__*/React.createElement("div", {
     style: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.content,
     className: "layout-content"
@@ -31,7 +33,7 @@ export function LayoutVertical(props) {
     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",
+    className: "layout-vertical " + (props.className || ""),
     style: {
       flexDirection: "column",
       overflow: "hidden"
@@ -51,7 +53,7 @@ export function LayoutHorizontal(props) {
     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",
+    className: "layout-horizontal " + (props.className || ""),
     style: {
       flexDirection: "row"
     }

package/es/components/layout/index.less

@@ -3,18 +3,11 @@
 .layout-horizontal {
   height: 100%;
   display: flex;
-
-  aside,
-  footer,
-  header {
-    padding: 12px;
-  }
-
 }
 
 .layout-content {
   height: 100%;
   overflow-y: auto;
   background: #f1f1f1;
-  padding: 12px;
+  border-radius: 6px;
 }

package/es/{pages → demo}/data/assets.d.ts

@@ -8,11 +8,11 @@ declare const _default: {
         description?: undefined;
     } | {
         title: string;
+        description: string;
         package: string;
         version: string;
-        description: string;
-        urls: string[];
         library: string;
+        urls: string[];
     })[];
     components: {
         exportName: string;

package/es/{pages → demo}/data/assets.js

@@ -9,18 +9,18 @@ export default {
     "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"]
+  }, {
+    "title": "fusion组件库",
+    "description": "不可删除否则会出问题",
+    "package": "@alifd/next",
+    "version": "1.26.4",
+    "library": "Next",
+    "urls": ["https://g.alicdn.com/code/lib/alifd__next/1.26.4/next-with-locales.min.js"]
   }],
   "components": [{
     "exportName": "RootMaterialMeta",

package/es/demo/index.js

@@ -0,0 +1,40 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { Fragment, useEffect, useRef } from "react";
+import ReactDOM from "react-dom";
+import utils from "../utils";
+import Schema from "./data/schema";
+console.log(utils);
+function App() {
+  var ref = useRef();
+  useEffect(function () {
+    utils.designer.initEngine().then( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(engine) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return engine.injectAssets(["antd"]);
+            case 2:
+              _context.next = 4;
+              return engine.init(ref.current, Schema);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+  }, []);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  }));
+}
+ReactDOM.render( /*#__PURE__*/React.createElement(App, null), document.getElementById('root'));

package/es/index.d.ts

@@ -1,7 +1,7 @@
 import * as utils from "./utils";
-export { RestApi } from "./utils";
-export { RestFormApi } from "./utils";
-export { ClientCache } from "./utils";
+export { RestApi } from "./utils/common/RestApi";
+export { RestFormApi } from "./utils/common/RestFormApi";
+export { ClientCache } from "./utils/common/ClientCache";
 export { Layout } from "./components/layout";
 export { SchemaRender } from "./components/schema-render";
 export { utils };

package/es/index.js

@@ -1,7 +1,7 @@
 import * as utils from "./utils";
-export { RestApi } from "./utils";
-export { RestFormApi } from "./utils";
-export { ClientCache } from "./utils";
+export { RestApi } from "./utils/common/RestApi";
+export { RestFormApi } from "./utils/common/RestFormApi";
+export { ClientCache } from "./utils/common/ClientCache";
 export { Layout } from "./components/layout";
 export { SchemaRender } from "./components/schema-render";
 export { utils };

package/es/utils/common/Request.js

@@ -2,19 +2,14 @@ export function onFulfilled(res) {
   return res.data;
 }
 export function onRejected(error) {
-  var _error$response, _window$antd;
-  var data = (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data;
-  var statusCode = data.statusCode,
-    message = data.message;
-  // @ts-ignore
-  var msg = (_window$antd = window.antd) === null || _window$antd === void 0 ? void 0 : _window$antd.message;
-  switch (statusCode) {
-    case 500:
-      msg === null || msg === void 0 ? void 0 : msg.error(message).then();
-      break;
-    case 400:
-      msg === null || msg === void 0 ? void 0 : msg.error(message).then();
-      break;
+  var _error$response = error.response,
+    status = _error$response.status,
+    statusText = _error$response.statusText;
+  if (status == 400) {
+    return error.response.data || {};
   }
-  return data;
+  return {
+    success: false,
+    message: statusText
+  };
 }

package/es/utils/common/RestApi.d.ts

@@ -33,7 +33,7 @@ export declare class RestApi<DataType> {
      * 通过id删除
      */
     deleteById(id: string, options?: BaseRequestOptions<DataType>): Promise<boolean>;
-    showError(msg?: string): Promise<void>;
+    showError(type?: string, msg?: string): Promise<void>;
 }
 export interface BaseType {
     /**

package/es/utils/common/RestApi.js

@@ -77,7 +77,7 @@ export var RestApi = /*#__PURE__*/function () {
               _context2.next = 7;
               break;
             }
-            this.showError("\u83B7\u53D6{" + id + "}\u5931\u8D25!" + res.message).then();
+            this.showError("\u83B7\u53D6{" + id + "}\u5931\u8D25!", res.message).then();
             _context2.next = 7;
             return options === null || options === void 0 ? void 0 : (_options$onError = options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call(options, res);
           case 7:
@@ -113,7 +113,7 @@ export var RestApi = /*#__PURE__*/function () {
               _context3.next = 7;
               break;
             }
-            this.showError("\u65B0\u589E\u5931\u8D25!" + res.message).then();
+            this.showError("\u65B0\u589E\u5931\u8D25!", res.message).then();
             _context3.next = 7;
             return options === null || options === void 0 ? void 0 : (_options$onError2 = options.onError) === null || _options$onError2 === void 0 ? void 0 : _options$onError2.call(options, res);
           case 7:
@@ -149,7 +149,7 @@ export var RestApi = /*#__PURE__*/function () {
               _context4.next = 7;
               break;
             }
-            this.showError("\u66F4\u65B0\u5931\u8D25!" + res.message).then();
+            this.showError("\u66F4\u65B0\u5931\u8D25!", res.message).then();
             _context4.next = 7;
             return options === null || options === void 0 ? void 0 : (_options$onError3 = options.onError) === null || _options$onError3 === void 0 ? void 0 : _options$onError3.call(options, res);
           case 7:
@@ -185,7 +185,7 @@ export var RestApi = /*#__PURE__*/function () {
               _context5.next = 7;
               break;
             }
-            this.showError("\u5220\u9664{" + id + "}\u5931\u8D25!" + res.message).then();
+            this.showError("\u5220\u9664{" + id + "}\u5931\u8D25!", res.message).then();
             _context5.next = 7;
             return options === null || options === void 0 ? void 0 : (_options$onError4 = options.onError) === null || _options$onError4 === void 0 ? void 0 : _options$onError4.call(options, res);
           case 7:
@@ -202,18 +202,18 @@ export var RestApi = /*#__PURE__*/function () {
     return deleteById;
   }();
   _proto.showError = /*#__PURE__*/function () {
-    var _showError = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(msg) {
+    var _showError = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(type, msg) {
       return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            _message === null || _message === void 0 ? void 0 : _message.error(this.title + ":" + msg).then();
+            _message === null || _message === void 0 ? void 0 : _message.error("{" + this.title + "}" + type + (msg || "")).then();
           case 1:
           case "end":
             return _context6.stop();
         }
       }, _callee6, this);
     }));
-    function showError(_x13) {
+    function showError(_x13, _x14) {
       return _showError.apply(this, arguments);
     }
     return showError;

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

@@ -1,7 +1,4 @@
 import { ClientCache } from "./ClientCache";
-export { RestApi } from "./RestApi";
-export { RestFormApi } from "./RestFormApi";
-export { ClientCache } from "./ClientCache";
 export { loadPlugins } from "./LoadPlugins";
 export declare function uuid(prefix?: string, separator?: string): string;
 export declare const schemaCache: ClientCache;

package/es/utils/common/index.js

@@ -3,9 +3,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { v4 } from "uuid";
 import { ClientCache } from "./ClientCache";
 import { request } from "../api";
-export { RestApi } from "./RestApi";
-export { RestFormApi } from "./RestFormApi";
-export { ClientCache } from "./ClientCache";
 export { loadPlugins } from "./LoadPlugins";
 export function uuid(prefix, separator) {
   return [prefix, separator, v4()].filter(function (v) {

package/es/utils/designer/assets/assets.data.antd.d.ts

@@ -0,0 +1,3 @@
+import { Assets } from "./assets.typing";
+export declare const AntdAssets: Assets;
+export default AntdAssets;

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

@@ -0,0 +1,29 @@
+export var AntdAssets = {
+  packages: [{
+    "package": "antd-material",
+    "version": "0.1.0",
+    "library": "AntdMaterial",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd/view.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd/view.css"]
+  }, {
+    "package": "antd-pro-material",
+    "version": "0.1.0",
+    "library": "AntdProMaterial",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd-pro/view.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd-pro/view.css"]
+  }],
+  components: [{
+    "exportName": "AntdMaterialMeta",
+    "npm": {
+      "package": "antd-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd/meta.js"
+  }, {
+    "exportName": "ZhubangyunAntdProMaterialMeta",
+    "npm": {
+      "package": "@zhubangyun/antd-pro-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/antd-pro/meta.js"
+  }]
+};
+export default AntdAssets;

package/es/utils/designer/assets/assets.data.base.d.ts

@@ -0,0 +1,3 @@
+import { Assets } from "./assets.typing";
+declare const BaseAssets: Assets;
+export default BaseAssets;

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

@@ -0,0 +1,41 @@
+var BaseAssets = {
+  "version": "0.1.0",
+  "packages": [{
+    "package": "dayjs",
+    "version": "1.11.10",
+    "library": "dayjs",
+    "external": true,
+    "urls": ["https://cdn.zhiyunhe.com/plugin/dayjs/dayjs.min.js"]
+  }, {
+    "package": "lodash",
+    "version": "4.6.1",
+    "library": "_",
+    "external": true,
+    "urls": ["https://cdn.zhiyunhe.com/plugin/lodash/4.6.1/lodash.min.js"]
+  }, {
+    "package": "antd",
+    "version": "5.16.4",
+    "library": "antd",
+    "id": "antd",
+    "external": true,
+    "urls": ["https://cdn.zhiyunhe.com/plugin/antd/5.17.0/antd.min.js", "https://cdn.zhiyunhe.com/plugin/antd/5.17.0/reset.min.css", "https://cdn.zhiyunhe.com/plugin/antdIcon/1.0.0/antdIcon.min.js"]
+  }, {
+    "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"]
+  }],
+  "components": [{
+    "exportName": "RootMaterialMeta",
+    "npm": {
+      "package": "root-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/root/meta.js"
+  }],
+  "sort": {
+    "categoryList": ["布局", "通用", "导航", "数据录入", "数据展示", "反馈", "大屏组件", "图表", "基础元素", "表格类", "表单详情类", "帮助类", "对话框类", "业务类", "引导", "信息输入", "信息展示", "信息反馈", "布局容器类", "增强组件", "工具组件"],
+    "groupList": ["", "原子组件", "精选组件", "增强分组", "图表组件", "默认分组"]
+  }
+};
+export default BaseAssets;

package/es/utils/designer/assets/assets.data.chart.d.ts

@@ -0,0 +1,3 @@
+import { Assets } from "./assets.typing";
+declare const ChartAssets: Assets;
+export default ChartAssets;

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

@@ -0,0 +1,27 @@
+var ChartAssets = {
+  packages: [{
+    "package": "g2",
+    "version": "5.1.19",
+    "library": "G2",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/antv/g2/5.1.19/g2.min.js"]
+  }, {
+    "package": "datav",
+    "version": "1.2.5",
+    "library": "datav",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/datav/1.2.5/datav.min.js"]
+  }, {
+    "package": "chart-material",
+    "version": "0.1.0",
+    "library": "ChartMaterial",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/lowcode/materials/chart/view.js", "https://cdn.zhiyunhe.com/plugin/lowcode/materials/chart/view.css"]
+  }],
+  components: [{
+    "exportName": "ChartMaterialMeta",
+    "npm": {
+      "package": "chart-material",
+      "version": "1.0.0"
+    },
+    "url": "https://cdn.zhiyunhe.com/plugin/lowcode/materials/chart/meta.js"
+  }]
+};
+export default ChartAssets;

package/es/utils/designer/assets/assets.data.design.d.ts

@@ -0,0 +1,3 @@
+import { Assets } from "./assets.typing";
+declare const DesignAssets: Assets;
+export default DesignAssets;

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

@@ -0,0 +1,10 @@
+var DesignAssets = {
+  packages: [{
+    "package": "@alifd/next",
+    "version": "1.26.4",
+    "library": "Next",
+    "urls": ["https://cdn.zhiyunhe.com/plugin/lowcode/materials/next-with-locales.min.js"]
+  }],
+  components: []
+};
+export default DesignAssets;

package/es/utils/designer/assets/assets.parse.d.ts

@@ -0,0 +1,3 @@
+export declare function assetsParse(assets: any): Promise<{
+    components: any;
+}>;

package/es/utils/{lowcode/parseAssets.js → designer/assets/assets.parse.js}

@@ -22,11 +22,11 @@ function genLowcodeComp(schema, components) {
     return LowcodeComp;
   }(React.Component);
 }
-export function parseAssets(_x) {
-  return _parseAssets.apply(this, arguments);
+export function assetsParse(_x) {
+  return _assetsParse.apply(this, arguments);
 }
-function _parseAssets() {
-  _parseAssets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(assets) {
+function _assetsParse() {
+  _assetsParse = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(assets) {
     var rawComponents, packages, libraryAsset, libraryMap, packagesMap, assetLoader, newComponents, componentDescriptions, remoteComponentDescriptions, lowcodeComponentsArray, proCodeComponentsMap, genLowCodeComponentsMap, components, lowCodeComponents;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -181,5 +181,5 @@ function _parseAssets() {
       }
     }, _callee2);
   }));
-  return _parseAssets.apply(this, arguments);
+  return _assetsParse.apply(this, arguments);
 }