@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`
111 lines (110 loc) • 4.84 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.CnLayoutPagePrototype = void 0;
var _i18n = _interopRequireDefault(require("../../locales/i18n"));
var _logo = _interopRequireDefault(require("./logo"));
var _setterSnippet = require("../../common/manager/setter-snippet");
var _const = require("../../common/util/const");
var CnLayoutPagePrototype = exports.CnLayoutPagePrototype = {
title: _i18n["default"].get({
id: 'NaturalLayoutPage',
dm: '自然布局页面'
}),
componentName: 'CnLayoutPage',
icon: _logo["default"],
docUrl: '',
isContainer: true,
disableBehaviors: '*',
initialChildren: [{
componentName: 'CnLayoutContent',
props: {
isCnLayoutContent: true
}
}],
configure: [{
name: 'isCnLayoutPage',
title: 'CnLayoutPage',
initialValue: true,
display: 'none'
}, {
name: '_context',
title: _i18n["default"].get({
id: 'Context',
dm: '上下文'
}),
initialValue: {
type: 'JSExpression',
value: 'this'
},
display: 'none'
}, {
title: _i18n["default"].get({
id: 'Style',
dm: '样式'
}),
display: 'accordion',
collapsed: false,
setter: (0, _setterSnippet.getObjectSetterSnippet)({
items: [{
name: 'header',
title: _i18n["default"].get({
id: 'OpenHeader',
dm: '开启页头'
}),
display: 'inline',
setter: 'BoolSetter',
extraProps: {
setValue: function setValue(target, value) {
var _pageNode$children;
var pageNode = target.node;
var node = pageNode === null || pageNode === void 0 ? void 0 : (_pageNode$children = pageNode.children) === null || _pageNode$children === void 0 ? void 0 : _pageNode$children.find(function (n) {
return n.componentName === 'CnLayoutHeader';
});
if (value && !node) {
var _pageNode$document, _pageNode$children2;
var navSnippets = (0, _setterSnippet.createHeaderSnippet)();
var node2 = pageNode === null || pageNode === void 0 ? void 0 : (_pageNode$document = pageNode.document) === null || _pageNode$document === void 0 ? void 0 : _pageNode$document.createNode(navSnippets);
var insertNode = pageNode === null || pageNode === void 0 ? void 0 : (_pageNode$children2 = pageNode.children) === null || _pageNode$children2 === void 0 ? void 0 : _pageNode$children2.get(0);
node2 && insertNode && (pageNode === null || pageNode === void 0 ? void 0 : pageNode.insertBefore(node2, insertNode, false));
} else if (!value && node) {
node.remove();
}
}
}
}, {
name: 'aside',
title: _i18n["default"].get({
id: 'OpenSidebar',
dm: '开启侧边栏'
}),
display: 'inline',
setter: 'BoolSetter',
extraProps: {
setValue: function setValue(target, value) {
var _pageNode$children3;
var pageNode = target.node;
var node = pageNode === null || pageNode === void 0 ? void 0 : (_pageNode$children3 = pageNode.children) === null || _pageNode$children3 === void 0 ? void 0 : _pageNode$children3.find(function (n) {
return n.componentName === _const.PAGE_CONTENT;
});
if (node) {
if (value) {
var _pageNode$document2;
var asideSnippets = (0, _setterSnippet.createAsideSnippet)();
var node2 = pageNode === null || pageNode === void 0 ? void 0 : (_pageNode$document2 = pageNode.document) === null || _pageNode$document2 === void 0 ? void 0 : _pageNode$document2.createNode(asideSnippets);
node2 && (pageNode === null || pageNode === void 0 ? void 0 : pageNode.insertBefore(node2));
} else {
var _pageNode$children4, _pageNode$children4$f, _pageNode$children4$f2;
var asideNode = pageNode === null || pageNode === void 0 ? void 0 : (_pageNode$children4 = pageNode.children) === null || _pageNode$children4 === void 0 ? void 0 : (_pageNode$children4$f = _pageNode$children4.find(function (n) {
return n.componentName === _const.PAGE_ASIDE;
})) === null || _pageNode$children4$f === void 0 ? void 0 : (_pageNode$children4$f2 = _pageNode$children4$f.getNode) === null || _pageNode$children4$f2 === void 0 ? void 0 : _pageNode$children4$f2.call(_pageNode$children4$f);
asideNode === null || asideNode === void 0 ? void 0 : asideNode.remove();
}
}
}
}
}]
})
}]
};
// 原型配置请参考：https://lark.alipay.com/vision/docs/prototype