@luck-design-biz/luckda 0.0.25-9 → 0.0.26

package/lib/lowcode/view/lc-components/ImEx/index.js

@@ -6,483 +6,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
-var _antd = require("luck-design/antd");
-var _luckDesign = require("luck-design");
-var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _index = _interopRequireDefault(require("./index.less"));
-var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _LdCom = require("../../../../components/LdCom");
-var _IconFont = _interopRequireDefault(require("../../../../components/IconFont"));
-var _utils = require("@luck-design-biz/base/utils");
-var _helper = require("../../../engine/tools/helper");
-var _apiUrl = require("../../../constants/api-url");
-var _imexPropsDefault = _interopRequireDefault(require("../../../engine/meta/imex.props.default.json"));
-var _lodash = require("lodash");
-var _excluded = ["id", "title", "type", "size", "iconFont", "block", "ghost", "css", "className", "onClick", "advance", "impexpSetting"];
-var StyledButton = (0, _styledComponents.default)(_LdCom.LdButton).withConfig({
-  displayName: "StyledButton",
-  componentId: "luckda-6530__sc-mil6cj-0"
-})(["", ""], function (props) {
-  return props.$css;
-});
-var DownloadLink = _styledComponents.default.div.withConfig({
-  displayName: "DownloadLink",
-  componentId: "luckda-6530__sc-mil6cj-1"
-})(["display:flex;align-items:center;justify-content:center;margin-top:-36px;"]);
-var UploadDoneWrap = _styledComponents.default.div.withConfig({
-  displayName: "UploadDoneWrap",
-  componentId: "luckda-6530__sc-mil6cj-2"
-})(["display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;"]);
-var LCButton = function LCButton(_ref) {
+var _excluded = ["id"];
+var LCImEx = function LCImEx(_ref) {
   var id = _ref.id,
-    title = _ref.title,
-    type = _ref.type,
-    size = _ref.size,
-    iconFont = _ref.iconFont,
-    block = _ref.block,
-    ghost = _ref.ghost,
-    css = _ref.css,
-    className = _ref.className,
-    onClick = _ref.onClick,
-    advance = _ref.advance,
-    impexpSetting = _ref.impexpSetting,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
-  var uploadRef = (0, _react.useRef)();
-  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    module = _useRemoteSource.module,
-    moduleCode = _useRemoteSource.moduleCode;
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
+    return ref.current;
   });
-
-  // ========= 导出 ==========
-
-  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.exportExcel, {
-      manual: true
-    }),
-    runAsync = _useRequest.runAsync;
-  var fecthExcelState = function fecthExcelState(_ref2, procress, resolve, reject) {
-    var strategy = _ref2.strategy,
-      batchNo = _ref2.batchNo,
-      moduleCode = _ref2.moduleCode,
-      behaviorKey = _ref2.behaviorKey;
-    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
-    var _fetchExcelStateParams = {
-      moduleCode: moduleCode,
-      behaviorKey: behaviorKey,
-      reportType: "export"
-    };
-    (0, _apiUrl.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
-      if (response.code === 1) {
-        var _response$data = response.data,
-          successCount = _response$data.successCount,
-          totalCount = _response$data.totalCount,
-          downloadUrl = _response$data.downloadUrl;
-        if (successCount >= totalCount) {
-          resolve(downloadUrl);
-        } else {
-          procress((successCount / totalCount * 100).toFixed(1));
-          setTimeout(function () {
-            fecthExcelState({
-              strategy: strategy,
-              batchNo: batchNo,
-              moduleCode: moduleCode,
-              behaviorKey: behaviorKey
-            }, procress, resolve, reject);
-          }, 500);
-        }
-      } else {
-        reject();
-      }
-    }).catch(function () {
-      reject();
-    });
-  };
-  var handleExportAll = function handleExportAll(procress) {
-    return new Promise( /*#__PURE__*/function () {
-      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(resolve, reject) {
-        var isBehavior, strategy, behaviorKey, _exportExcelParams, _exportExcelPrefix, exportExcelResponse;
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              isBehavior = (0, _lodash.isString)(impexpSetting.customParam);
-              strategy = isBehavior ? 'behavior' : 'report_server';
-              if (isBehavior) {
-                _context.next = 4;
-                break;
-              }
-              return _context.abrupt("return", _antd.message.info("\u672A\u914D\u7F6E\u81EA\u5B9A\u4E49\u884C\u4E3A\uFF01"));
-            case 4:
-              behaviorKey = impexpSetting.customParam;
-              _exportExcelParams = {
-                moduleCode: module.moduleCode,
-                behaviorKey: behaviorKey,
-                reportType: "export"
-              };
-              _exportExcelPrefix = "/".concat(strategy);
-              _context.next = 9;
-              return runAsync(_exportExcelPrefix, _exportExcelParams);
-            case 9:
-              exportExcelResponse = _context.sent;
-              if (exportExcelResponse.code === 1) {
-                fecthExcelState({
-                  strategy: strategy,
-                  batchNo: exportExcelResponse.data,
-                  moduleCode: module.moduleCode,
-                  behaviorKey: behaviorKey
-                }, procress, resolve, reject);
-              } else {
-                reject();
-              }
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x, _x2) {
-        return _ref3.apply(this, arguments);
-      };
-    }());
-  };
-  var doExportAll = function doExportAll(onExportAll) {
-    var key = 'exportAll';
-    var notificationConfig = {
-      key: key,
-      duration: null,
-      message: '正在导出数据...',
-      placement: 'bottomRight',
-      closeIcon: /*#__PURE__*/_react.default.createElement("div", null),
-      icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-        type: "cloud-download",
-        className: _index.default.exportTheme
-      })
-    };
-    var process = function process(i) {
-      _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-        description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
-          percent: i
-        })
-      }));
-    };
-    _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-      description: /*#__PURE__*/_react.default.createElement(_antd.Progress, {
-        percent: 0
-      })
-    }));
-    onExportAll(process).then(function (ret) {
-      if (ret) {
-        window.location.href = ret;
-      }
-      _antd.notification.close(key);
-    }).catch(function () {
-      return _antd.notification.open((0, _objectSpread2.default)((0, _objectSpread2.default)({}, notificationConfig), {}, {
-        icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-          type: "cloud-download",
-          className: _index.default.exportErrorTheme
-        }),
-        message: '导出失败',
-        duration: 4
-      }));
-    });
-  };
-
-  // ========= 导出 ==========
-
-  // ========= 导入 ==========
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)('undone'),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    actionStep = _useState4[0],
-    setActionStep = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    templateUrl = _useState6[0],
-    setTemplateUrl = _useState6[1];
-  var _useState7 = (0, _react.useState)({}),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    uploadResult = _useState8[0],
-    setUploadResult = _useState8[1];
-  var _useRequest2 = (0, _ahooks.useRequest)(_apiUrl.uploadTemplate, {
-      manual: true
-    }),
-    runAsyncImport = _useRequest2.runAsync;
-  var fecthFindExcelState = function fecthFindExcelState(_ref4, callback) {
-    var strategy = _ref4.strategy,
-      batchNo = _ref4.batchNo,
-      moduleCode = _ref4.moduleCode,
-      behaviorKey = _ref4.behaviorKey,
-      templateId = _ref4.templateId;
-    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
-    var _fetchExcelStateParams = {
-      moduleCode: moduleCode,
-      behaviorKey: behaviorKey,
-      templateId: templateId,
-      reportType: "import"
-    };
-    (0, _apiUrl.getFindexcelstate)(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
-      if (response.code === 1) {
-        var data = response.data;
-        callback(data);
-        if (data.state !== -1 && data.successCount < data.totalCount) {
-          setTimeout(function () {
-            fecthFindExcelState({
-              strategy: strategy,
-              batchNo: batchNo,
-              moduleCode: moduleCode,
-              behaviorKey: behaviorKey,
-              templateId: templateId
-            }, callback);
-          }, 500);
-        } else {
-          setActionStep('finish');
-        }
-      } else {
-        callback();
-        setActionStep('finish');
-      }
-    }).catch(function () {
-      setActionStep('finish');
-      callback();
-    });
-  };
-  (0, _react.useEffect)(function () {
-    if (visible) {
-      setActionStep('undone');
-      setUploadResult({});
-      setTemplateUrl('');
-    }
-  }, [visible]);
-  var handleImport = /*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(err, values) {
-      var _importExcelParams, strategy, importParameter, _importExcelPrefix, importExcelResponse;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (err) {
-              _context2.next = 14;
-              break;
-            }
-            _importExcelParams = new FormData();
-            values.files.forEach(function (file) {
-              _importExcelParams.append('file', file.originFileObj);
-            });
-            strategy = impexpSetting.customType ? 'behavior' : 'report_server';
-            importParameter = impexpSetting.customType ? {
-              moduleCode: module.moduleCode,
-              behaviorKey: impexpSetting.customParam,
-              gatewayUrl: "".concat(window.location.origin).concat(_ApiConfig.default.API_HOST)
-            } : {
-              templateId: impexpSetting.customParam,
-              gatewayUrl: "".concat(window.location.origin).concat(_ApiConfig.default.API_HOST)
-            };
-            _importExcelParams.append('importParameter', JSON.stringify(importParameter));
-            _importExcelPrefix = "/".concat(strategy);
-            _context2.next = 9;
-            return runAsyncImport(_importExcelPrefix, _importExcelParams);
-          case 9:
-            importExcelResponse = _context2.sent;
-            setActionStep('uploading');
-            fecthFindExcelState((0, _objectSpread2.default)({
-              strategy: strategy,
-              batchNo: importExcelResponse.data
-            }, importParameter), function (result) {
-              setUploadResult(result || {});
-            });
-            _context2.next = 15;
-            break;
-          case 14:
-            _antd.message.info('请选择Excel文件！');
-          case 15:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function handleImport(_x3, _x4) {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-
-  // ========= 导入 ==========
-
-  var handleClick = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(e) {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!onClick) {
-              _context3.next = 3;
-              break;
-            }
-            onClick(e);
-            return _context3.abrupt("return");
-          case 3:
-            if (!(impexpSetting.type === 'export')) {
-              _context3.next = 7;
-              break;
-            }
-            // ! 导出
-            if ((0, _lodash.isString)(impexpSetting.customParam) && impexpSetting.customParam) {
-              doExportAll(handleExportAll);
-            } else {
-              _antd.message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01");
-            }
-            _context3.next = 11;
-            break;
-          case 7:
-            if (impexpSetting.customParam) {
-              _context3.next = 9;
-              break;
-            }
-            return _context3.abrupt("return", _antd.message.info("\u672A\u914D\u7F6E\u6A21\u7248\uFF01"));
-          case 9:
-            if (!impexpSetting.customType) {
-              (0, _apiUrl.noAuthGetTemplateUrl)(impexpSetting.customParam).then(function (response) {
-                if (response.code === 1) {
-                  setTemplateUrl(response.data);
-                }
-              });
-            }
-            setVisible(true);
-          case 11:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function (_x5) {
-      return _ref6.apply(this, arguments);
-    };
-  }());
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Imex",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledButton, {
-    ref: ref,
-    type: type,
-    size: size,
-    block: block,
-    ghost: ghost,
-    $css: css,
-    className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
-    onClick: handleClick
-  }, iconFont ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: iconFont
-  }) : null, title || (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.import',
-    label: '导入'
-  })), /*#__PURE__*/_react.default.createElement(_luckDesign.PopWindow, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-    visible: visible,
-    title: "\u4E0A\u4F20excel\u6587\u4EF6",
-    mode: "modal",
-    size: "mini"
-  }, "visible", visible), "destroyOnClose", true), "footer", actionStep === 'undone' ? function () {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  } : null), "onClose", function onClose() {
-    if (actionStep !== 'uploading') {
-      setVisible(false);
-    }
-  }), actionStep === 'undone' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicForm, {
-    onSubmit: handleImport,
-    layout: "drawer",
-    buttonRender: function buttonRender() {
-      return /*#__PURE__*/_react.default.createElement(_LdCom.LdButton, {
-        type: "primary",
-        htmlType: "submit"
-      }, "\u5BFC\u5165");
-    }
-  }, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, {
-    type: "upload",
-    name: "files",
-    label: "\u4E0A\u4F20",
-    accept: ".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    config: {
-      required: true,
-      message: '请上传Excel文件',
-      directory: false,
-      num: 1,
-      multiple: false,
-      autoUpload: false,
-      listType: 'text',
-      accept: '.xls,.xlsx,.xlt,.xlsm',
-      name: 'fileObj',
-      beforeUpload: function beforeUpload(file) {
-        var suffix = (0, _lodash.lowerCase)((0, _lodash.last)((0, _lodash.split)(file.name, '.')));
-        if (!(0, _lodash.includes)(['xls', 'xlsx', 'xlt', 'xlsm'], suffix)) {
-          _antd.message.info('禁止上传的文件类型');
-          return false;
-        }
-      }
-    }
-  })), templateUrl && /*#__PURE__*/_react.default.createElement(DownloadLink, null, /*#__PURE__*/_react.default.createElement("a", {
-    href: "".concat(templateUrl),
-    download: true
-  }, /*#__PURE__*/_react.default.createElement(_LdCom.LdButton, {
-    type: "link"
-  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: "download"
-  }), " \u4E0B\u8F7D\u6A21\u7248")))) : /*#__PURE__*/_react.default.createElement(UploadDoneWrap, null, /*#__PURE__*/_react.default.createElement("p", null, "\u5DF2\u5BFC\u5165\uFF1A", uploadResult.totalCount || 0, "\u6761\uFF0C\u6210\u529F\uFF1A", uploadResult.successCount || 0, "\u6761\uFF0C\u5931\u8D25\uFF1A", uploadResult.failureCount, "\u6761"), uploadResult.failureCount > 0 ? /*#__PURE__*/_react.default.createElement("a", {
-    href: uploadResult.errorFileUrl,
-    download: true
-  }, "\u4E0B\u8F7D\u51FA\u9519\u8868\u683C\u4FE1\u606F") : ''))));
-};
-LCButton.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: _propTypes.default.string.isRequired,
-  /**
-   * @name 按钮标题
-   * @type string
-   * @default 12:3:9
-   */
-  title: _propTypes.default.string,
-  /**
-   * @name 按钮类型
-   * @type _ButtonType
-   * @default 'default'
-   */
-  type: _propTypes.default.oneOf(['default', 'primary', 'dashed', 'danger']),
-  /**
-   * @name impexpSetting
-   * @type _ImpExpAlone
-   * @default { "customType": false, "customParam": null, "type": "export" }
-   */
-  impexpSetting: _propTypes.default.object,
-  /**
-   * @name 按钮大小
-   * @type segmented
-   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
-   * @default 'default'
-   */
-  size: _propTypes.default.oneOf(['small', 'default', 'large']),
-  /**
-   * @name 将按钮宽度调整为其父宽度的选项
-   * @type boolean
-   * @default false
-   */
-  block: _propTypes.default.bool
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCImEx"));
 };
-LCButton.defaultProps = (0, _helper.omitBadProps)(_imexPropsDefault.default);
-var _default = exports.default = LCButton;
+var _default = exports.default = LCImEx;

package/lib/lowcode/view/lc-components/Image/index.js

@@ -20,7 +20,6 @@ var LCImage = function LCImage(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Image",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref

package/lib/lowcode/view/lc-components/JSX/index.js

@@ -6,36 +6,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _LdRuntimeCom = _interopRequireDefault(require("../../../../components/LdRuntimeCom"));
-var JSXWrapper = _styledComponents.default.div.withConfig({
-  displayName: "JSXWrapper",
-  componentId: "luckda-6530__sc-23r5qk-0"
-})(["", ""], function (props) {
-  return props.$css;
-});
+var _excluded = ["id"];
 var LCJSX = function LCJSX(_ref) {
   var id = _ref.id,
-    render = _ref.render,
-    css = _ref.css;
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
-  var ctx = (0, _ContextProvider.useContext)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "JSX",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(JSXWrapper, {
-    ref: ref,
-    $css: css
-  }, /*#__PURE__*/_react.default.createElement(_LdRuntimeCom.default, {
-    ctx: ctx
-  }, render)));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "JSX"));
 };
 var _default = exports.default = LCJSX;

package/lib/lowcode/view/lc-components/Layout/index.js

@@ -1,66 +1,32 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _index = _interopRequireDefault(require("./index.less"));
-var _layoutPropsDefault = _interopRequireDefault(require("../../../engine/meta/layout.props.default.json"));
+var _excluded = ["id", "children"];
 var LCLayout = function LCLayout(_ref) {
   var id = _ref.id,
     children = _ref.children,
-    columnRatio = _ref.columnRatio,
-    columnSpacing = _ref.columnSpacing,
-    lineSpacing = _ref.lineSpacing,
-    style = _ref.style;
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Layout",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: _index.default['lc-component-layout'],
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
-      gap: "".concat(columnSpacing, "px ").concat(lineSpacing, "px")
-    })
-  }, children));
-};
-LCLayout.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: _propTypes.default.string.isRequired,
-  /**
-   * @name 列比例
-   * @type string
-   * @default 12:3:9
-   */
-  columnRatio: _propTypes.default.string,
-  /**
-   * @name 列间距
-   * @type number
-   * @default 16
-   */
-  columnSpacing: _propTypes.default.number,
-  /**
-   * @name 行间距
-   * @type number
-   * @default 8
-   */
-  lineSpacing: _propTypes.default.number
+    style: {
+      padding: 8
+    }
+  }, "LCLayout-", id, children));
 };
-LCLayout.defaultProps = (0, _objectSpread2.default)({}, _layoutPropsDefault.default);
 var _default = exports.default = LCLayout;

package/lib/lowcode/view/lc-components/Link/index.js

@@ -20,7 +20,6 @@ var LCLink = function LCLink(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    displayName: "Link",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref