@luck-design-biz/luckda 0.0.25-2 → 0.0.25-21

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

@@ -0,0 +1,45 @@
+"use strict";
+
+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 _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _base = require("@luck-design-biz/base");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _helper = require("../../../engine/tools/helper");
+var _pagelayoutPropsDefault = _interopRequireDefault(require("../../../engine/meta/pagelayout.props.default.json"));
+var StyledLayout = (0, _styledComponents.default)(_base.Layout).withConfig({
+  displayName: "StyledLayout",
+  componentId: "luckda-6530__sc-1igjuug-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var LCPageLayout = function LCPageLayout(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    css = _ref.css,
+    display = _ref.display;
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    displayName: "PageLayout",
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement(StyledLayout, {
+    wrapperRef: ref,
+    $css: css
+  }, display === 'tb' ? /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, (children === null || children === void 0 ? void 0 : children.length) === display.split('').length ? /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
+    split: "horizontal"
+  }, children) : null) : [/*#__PURE__*/_react.default.createElement(_base.Layout.Sider, null, children === null || children === void 0 ? void 0 : children[0]), /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, (children === null || children === void 0 ? void 0 : children.length) === display.split('').length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, display === 'lr' ? children === null || children === void 0 ? void 0 : children[1] : /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
+    split: display === 'ltb' ? 'horizontal' : 'vertical'
+  }, children === null || children === void 0 ? void 0 : children[1], children === null || children === void 0 ? void 0 : children[2])) : null)]));
+};
+LCPageLayout.defaultProps = (0, _helper.omitBadProps)(_pagelayoutPropsDefault.default);
+var _default = exports.default = LCPageLayout;

package/lib/lowcode/view/lc-components/PageLayout/meta.json

@@ -0,0 +1,47 @@
+{
+  "component": "PageLayout",
+  "name": "页面布局容器",
+  "icon": "icon-pagelayout",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "displaySetting",
+      "name": "展现形式",
+      "type": "group",
+      "props": [
+        {
+          "key": "display",
+          "name": "#展现形式",
+          "type": "_PageLayoutDisplay",
+          "default": "lr"
+        }
+      ]
+    }
+  ],
+  "css": "width: 100%, height: 100%, background-color: transparent",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -5,26 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _useCanvasRender = _interopRequireDefault(require("../../../engine/tools/useCanvasRender"));
 var _constants = require("../../../constants");
 var PageModal = function PageModal() {
-  var _usePageData = (0, _ContextProvider.usePageData)(function (pagedata) {
-      return (0, _lodash.reduce)(pagedata.children, function (result, childId) {
-        if (!_constants.LC_BUILDIN_UNIT_KEY_LIST.includes(childId)) {
-          result[childId] = pagedata[childId];
-          if (!result.children) {
-            result.children = [];
-          }
-          result.children.push(childId);
+  var pagemodal = (0, _ContextProvider.useGet)(function (pagedata) {
+    return (0, _lodash.reduce)(pagedata === null || pagedata === void 0 ? void 0 : pagedata.children, function (result, childId) {
+      if (!_constants.LC_BUILDIN_UNIT_KEY_LIST.includes(childId)) {
+        result[childId] = pagedata[childId];
+        if (!result.children) {
+          result.children = [];
         }
-        return result;
-      }, {});
-    }),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
-    pagemodal = _usePageData2[0];
+        result.children.push(childId);
+      }
+      return result;
+    }, {});
+  });
   return (0, _useCanvasRender.default)(pagemodal);
 };
 var _default = exports.default = PageModal;

package/lib/lowcode/view/lc-components/Section/FunctionDesign.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
@@ -22,20 +21,15 @@ var FunctionDesign = function FunctionDesign(_ref) {
     id = _ref.id,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var _usePageData = (0, _ContextProvider.usePageData)(),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
   (0, _ahooks.useCreation)(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
       var boxId = "box_".concat((0, _utils.suid)());
-      (0, _dataProcess.add)(pageData, id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+      (0, _ContextProvider.addNode)(id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
         buildIn: true
       }));
-      setPageData(pageData);
     }).watch();
   }, []);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({

package/lib/lowcode/view/lc-components/Section/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Section/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;

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

@@ -16,7 +16,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _antd = require("luck-design/antd");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _IconFont = _interopRequireDefault(require("../../../../components/IconFont"));
-var _LdRuntimeCom = _interopRequireDefault(require("../../../../components/LdRuntimeCom"));
+var _RuntimeComp = _interopRequireDefault(require("../JSX/RuntimeComp"));
+var _helper = require("../../../engine/tools/helper");
+var _sectionPropsDefault = _interopRequireDefault(require("../../../engine/meta/section.props.default.json"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = _interopRequireDefault(require("./index.less"));
 var StyledCollapse = (0, _styledComponents.default)(_antd.Collapse).withConfig({
@@ -57,7 +59,7 @@ var Header = function Header(_ref) {
       fontSize: 14,
       color: 'var(--ant-primary-color)'
     }
-  })) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_LdRuntimeCom.default, null, subtitle) : null);
+  })) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_RuntimeComp.default, null, subtitle) : null);
 };
 var LCSection = function LCSection(_ref2) {
   var id = _ref2.id,
@@ -126,8 +128,9 @@ var LCSection = function LCSection(_ref2) {
       subtitle: subtitle
     }),
     key: id,
-    extra: extra ? /*#__PURE__*/_react.default.createElement(_LdRuntimeCom.default, null, extra) : null,
+    extra: extra ? /*#__PURE__*/_react.default.createElement(_RuntimeComp.default, null, extra) : null,
     padding: padding
   }, _panelProps), children)));
 };
+LCSection.defaultProps = (0, _helper.omitBadProps)(_sectionPropsDefault.default);
 var _default = exports.default = LCSection;

package/lib/lowcode/view/lc-components/Section/index.less

@@ -1,7 +1,7 @@
-.lc-component-Section.simple-theme {
-  :global {
-    .ant-collapse-item {
-      border-bottom: none !important;
-    }
-  }
-}
+.lc-component-Section.simple-theme {
+  :global {
+    .ant-collapse-item {
+      border-bottom: none !important;
+    }
+  }
+}

package/lib/lowcode/view/lc-components/Section/meta.json

@@ -1,107 +1,107 @@
-{
-  "component": "Section",
-  "name": "分组",
-  "icon": "icon-section",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "collapse",
-      "name": "折叠",
-      "type": "switch",
-      "default": true
-    },
-    {
-      "key": "simple",
-      "name": "简洁风格",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "padding",
-      "name": "内边距",
-      "type": "switch",
-      "default": true,
-      "repositioning": true
-    },
-    {
-      "key": "destroyInactivePanel",
-      "name": "隐藏销毁",
-      "desc": "面板被折叠隐藏时销毁面板中的组件",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "title",
-      "name": "分组标题",
-      "type": "_I18nInput",
-      "default": "分组"
-    },
-    {
-      "key": "iconFont",
-      "name": "图标",
-      "type": "_Icon",
-      "next": {
-        "name": "选择图标",
-        "autoClose": true,
-        "props": [
-          {
-            "key": "iconFont",
-            "name": "#图标选择器",
-            "type": "_IconSelector"
-          }
-        ]
-      }
-    },
-    {
-      "key": "tooltip",
-      "name": "用户提示",
-      "type": "_I18nInput"
-    },
-    {
-      "key": "subtitle",
-      "name": "副标题插槽",
-      "desc": "分组副标题的插槽内容",
-      "type": "_JSEditor",
-      "defaultCode": "function Component() { \n return <span>subtitle</span>; \n}",
-      "mustConfirm": true,
-      "wrapper": "collapse",
-      "wrapperProps": { "suppressIcon": true }
-    },
-    {
-      "key": "extra",
-      "name": "扩展区域插槽",
-      "desc": "分组扩展区域的插槽内容",
-      "type": "_JSEditor",
-      "defaultCode": "function Component() { \n return <div>extra</div>; \n}",
-      "mustConfirm": true,
-      "wrapper": "collapse",
-      "wrapperProps": { "suppressIcon": true }
-    }
-  ],
-  "css": "width: 100%;",
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(instance)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Section",
+  "name": "分组",
+  "icon": "icon-section",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "collapse",
+      "name": "折叠",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "simple",
+      "name": "简洁风格",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "padding",
+      "name": "内边距",
+      "type": "switch",
+      "default": true,
+      "repositioning": true
+    },
+    {
+      "key": "destroyInactivePanel",
+      "name": "隐藏销毁",
+      "desc": "面板被折叠隐藏时销毁面板中的组件",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "title",
+      "name": "分组标题",
+      "type": "_I18nInput",
+      "default": "分组"
+    },
+    {
+      "key": "iconFont",
+      "name": "图标",
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "iconFont",
+            "name": "#图标选择器",
+            "type": "_IconSelector"
+          }
+        ]
+      }
+    },
+    {
+      "key": "tooltip",
+      "name": "用户提示",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "subtitle",
+      "name": "副标题插槽",
+      "desc": "分组副标题的插槽内容",
+      "type": "_JSEditor",
+      "defaultCode": "function Component() { \n return <span>subtitle</span>; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": { "suppressIcon": true }
+    },
+    {
+      "key": "extra",
+      "name": "扩展区域插槽",
+      "desc": "分组扩展区域的插槽内容",
+      "type": "_JSEditor",
+      "defaultCode": "function Component() { \n return <div>extra</div>; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": { "suppressIcon": true }
+    }
+  ],
+  "css": "width: 100%;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(){\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount()=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Split/FunctionDesign.js

@@ -8,14 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _utils = require("@luck-design-biz/base/utils");
+var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _index = _interopRequireDefault(require("./index"));
-var _dataProcess = require("../../../engine/tools/dataProcess");
 var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
 var _excluded = ["children", "id", "display"];
 var FunctionDesign = function FunctionDesign(_ref) {
@@ -24,41 +23,41 @@ var FunctionDesign = function FunctionDesign(_ref) {
     display = _ref.display,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var _usePageData = (0, _ContextProvider.usePageData)(),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
-  var refreshChild = (0, _ahooks.useMemoizedFn)(function (_pageData) {
-    var _findNodeAndParent = (0, _dataProcess.findNodeAndParent)(id, _pageData),
-      current = _findNodeAndParent.node;
-    var ratioArr = display.ratio ? display.ratio.split(':') : new Array(display.type.length);
-    drop(current.children, ratioArr.length).forEach(function (boxId) {
-      (0, _dataProcess.deleteById)(_pageData, boxId);
+  var current = (0, _ContextProvider.useGet)({
+    id: id
+  });
+  var refreshChild = (0, _ahooks.useMemoizedFn)(function () {
+    var _current$children;
+    var ratioArr = display.ratio.split(':');
+    if (ratioArr.length === ((_current$children = current.children) === null || _current$children === void 0 ? void 0 : _current$children.length)) return;
+    (0, _lodash.drop)(current.children, ratioArr.length).forEach(function (boxId) {
+      (0, _ContextProvider.deleteNode)(boxId);
     });
     ratioArr.forEach(function (_, index) {
-      var _current$children;
-      if (!((_current$children = current.children) !== null && _current$children !== void 0 && _current$children[index])) {
-        (0, _dataProcess.add)(_pageData, id, "box_".concat((0, _utils.suid)()), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+      var _current$children2;
+      if (!((_current$children2 = current.children) !== null && _current$children2 !== void 0 && _current$children2[index])) {
+        (0, _ContextProvider.addNode)(id, "box_".concat((0, _utils.suid)()), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
           buildIn: true
         }));
       }
     });
-    setPageData(_pageData);
   });
   (0, _ahooks.useCreation)(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
-      refreshChild(pageData);
+      refreshChild();
     }).watch();
   }, []);
   (0, _react.useEffect)(function () {
     var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
       var compId = _ref3.id,
-        pageData = _ref3.pageData;
+        newValue = _ref3.newValue;
       if (compId !== id) return;
-      refreshChild(pageData);
+      if (newValue.hasOwnProperty('display')) {
+        refreshChild();
+      }
     }).watch();
     return function () {
       return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);

package/lib/lowcode/view/lc-components/Split/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Split/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;

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

@@ -11,6 +11,8 @@ var _ahooks = require("ahooks");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _lodash = require("lodash");
 var _base = require("@luck-design-biz/base");
+var _helper = require("../../../engine/tools/helper");
+var _splitPropsDefault = _interopRequireDefault(require("../../../engine/meta/split.props.default.json"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _MAPPING_ = {
   left: 'min',
@@ -29,13 +31,11 @@ var LCSplit = function LCSplit(_ref) {
     children = _ref.children,
     css = _ref.css,
     display = _ref.display;
-  var prevDisplay = (0, _ahooks.usePrevious)(display);
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
   });
   var _useCreation = (0, _ahooks.useCreation)(function () {
-      if ((0, _lodash.isNil)(display.ratio)) return {};
       var arr = display.ratio.split(':').map(function (r) {
         return parseInt(r);
       });
@@ -53,7 +53,7 @@ var LCSplit = function LCSplit(_ref) {
   }, /*#__PURE__*/_react.default.createElement(Div, {
     ref: ref,
     $css: css
-  }, prevDisplay && prevDisplay.type !== display.type ? null : display.type === 'normal' ? /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
+  }, /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
     split: display.split
   }, ratioArr.map(function (r, i) {
     return /*#__PURE__*/_react.default.createElement(_base.MemorySplit.Pane, {
@@ -61,8 +61,7 @@ var LCSplit = function LCSplit(_ref) {
       initialSize: "".concat(r / total * 100, "%"),
       key: i
     }, children === null || children === void 0 ? void 0 : children[i]);
-  })) : /*#__PURE__*/_react.default.createElement(_base.Layout, null, /*#__PURE__*/_react.default.createElement(_base.Layout.Sider, null, children[0]), /*#__PURE__*/_react.default.createElement(_base.Layout.Main, null, display.type === 'lr' ? children === null || children === void 0 ? void 0 : children[1] : /*#__PURE__*/_react.default.createElement(_base.MemorySplit, {
-    split: display.type === 'ltb' ? 'horizontal' : 'vertical'
-  }, children === null || children === void 0 ? void 0 : children[1], children === null || children === void 0 ? void 0 : children[2])))));
+  }))));
 };
+LCSplit.defaultProps = (0, _helper.omitBadProps)(_splitPropsDefault.default);
 var _default = exports.default = LCSplit;