@cainiaofe/cn-ui-layout
Version:
- 安装 cone-cli ｜ [Cone-CLI 使用指引](https://alidocs.dingtalk.com/i/nodes/xdqZp24KneBJzvGM6XezJvyb7RA0Nr1E) - `tnpm i -g @alife/cone-cli@latest` - 安装依赖包 - `cone install` - 启动研发 - `cone start`
67 lines (66 loc) • 3.97 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _i18n = _interopRequireDefault(require("../../locales/i18n"));
var _addSection = require("../cn-layout-page/components/add-section");
var _const = require("../../common/util/const");
var _setterSnippet = require("../../common/manager/setter-snippet");
var _divider = require("../cn-layout-cell/components/divider");
var _util = require("../../common/util/util");
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; }
function addNewSection(_leaf) {
var _leaf$schema;
var prevSectionSchema = [].concat((_leaf === null || _leaf === void 0 ? void 0 : (_leaf$schema = _leaf.schema) === null || _leaf$schema === void 0 ? void 0 : _leaf$schema.children) || []).reverse().find(function (n) {
return n.componentName === _const.SECTION;
}) || (0, _setterSnippet.createSectionSnippet)();
var prevBlockSchema = [].concat(prevSectionSchema === null || prevSectionSchema === void 0 ? void 0 : prevSectionSchema.children).reverse().find(function (n) {
return n.componentName === _const.TILE || n.componentName === _const.BLOCK;
}) || (0, _setterSnippet.createBlockSnippet)();
var prevBlockProps = (0, _extends2["default"])({}, prevBlockSchema.props);
delete prevBlockProps.operation;
var newSectionSchema = (0, _extends2["default"])({}, prevSectionSchema, {
props: {
normalStyle: {
title: _i18n["default"].get({
id: 'LayoutContainerTitle',
dm: '布局容器标题'
})
}
},
children: (0, _setterSnippet.createSectionInitialChildren)()
});
var realLeaf = _leaf;
// const contentDom = _leaf?.getChildren?.()?.children?.[0];
// const { componentName } = contentDom || {}
// if(componentName === 'CnLayoutContent') {
// realLeaf = contentDom;
// }
realLeaf === null || realLeaf === void 0 ? void 0 : realLeaf.insertAfter(newSectionSchema);
}
var CnLayoutContent = function CnLayoutContent(props) {
var _leaf$schema$children;
var _ref = props || {},
children = _ref.children,
_leaf = _ref._leaf;
var hasSection = Array.isArray(_leaf === null || _leaf === void 0 ? void 0 : _leaf.schema.children) && (_leaf === null || _leaf === void 0 ? void 0 : (_leaf$schema$children = _leaf.schema.children) === null || _leaf$schema$children === void 0 ? void 0 : _leaf$schema$children.length);
(0, _react.useEffect)(function () {
if ((0, _util.isDesignMode)(props)) {
// 加载切割的交互能力
(0, _divider.initSingletonDivider)();
}
}, []);
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children, /*#__PURE__*/_react["default"].createElement(_addSection.AddSection, {
onClick: function onClick() {
return addNewSection(_leaf);
},
alwaysShow: !hasSection
}));
};
CnLayoutContent.displayName = 'CnLayoutContent';
var _default = exports["default"] = CnLayoutContent;
module.exports = exports.default;
module.exports.default = exports.default;