@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`
253 lines (249 loc) • 6.83 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.createGroupCard = exports.createEmptyBlockSnippet = exports.createCellSnippet = exports.createBlockSnippet = exports.createBlockInitialChildrenSnippet = exports.createAsideSnippet = void 0;
exports.createHeaderSnippet = createHeaderSnippet;
exports.createRowColSnippet = void 0;
exports.createSectionInitialChildren = createSectionInitialChildren;
exports.createSectionSnippet = void 0;
exports.getArraySetterSnippet = getArraySetterSnippet;
exports.getGroupSetterSnippet = getGroupSetterSnippet;
exports.getMixedSetterSnippet = getMixedSetterSnippet;
exports.getObjectSetterSnippet = getObjectSetterSnippet;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _i18n = _interopRequireDefault(require("../../locales/i18n"));
var _const = require("../util/const");
function getObjectSetterSnippet(config) {
var _ref = config || {},
items = _ref.items,
initialValue = _ref.initialValue;
var temp = {
componentName: 'ObjectSetter',
props: {
config: {
items: items
}
}
};
if (initialValue) {
temp.initialValue = initialValue;
}
return temp;
}
function getArraySetterSnippet(config) {
var _ref2 = config || {},
initialValue = _ref2.initialValue,
configure = _ref2.configure;
return {
componentName: 'ArraySetter',
props: {
mode: 'list',
itemSetter: {
componentName: 'ObjectSetter',
initialValue: initialValue,
props: {
config: {
items: configure
}
}
}
}
};
}
var createBlockInitialChildrenSnippet = exports.createBlockInitialChildrenSnippet = function createBlockInitialChildrenSnippet(_ref3) {
var _ref3$cardProps = _ref3.cardProps,
cardProps = _ref3$cardProps === void 0 ? {} : _ref3$cardProps,
children = _ref3.children;
var baseSnippet = {
componentName: 'CnCard',
title: _i18n["default"].get({
id: 'Card',
dm: '卡片'
}),
props: (0, _extends2["default"])({
isCnCard: true,
_context: {
type: 'JSExpression',
value: 'this'
},
shape: 'normal',
title: _i18n["default"].get({
id: 'Title',
dm: '标题'
})
}, cardProps)
};
return children ? (0, _extends2["default"])({}, baseSnippet, {
children: [children]
}) : baseSnippet;
};
// 构造分组卡片Schema,用于迁移Section相关属性
var createGroupCard = exports.createGroupCard = function createGroupCard(_temp) {
var _ref4 = _temp === void 0 ? {} : _temp,
title = _ref4.title,
headerBottomSlot = _ref4.headerBottomSlot,
buttons = _ref4.buttons,
children = _ref4.children;
return {
componentName: 'CnCard',
title: _i18n["default"].get({
id: 'Card',
dm: '卡片'
}),
props: {
isCnCard: true,
_context: {
type: 'JSExpression',
value: 'this'
},
shape: 'group',
title: title,
slotManager: {
headerBottomSlot: headerBottomSlot
},
buttons: buttons
},
children: children
};
};
/**
* @description 添加一个空白的CnLayoutBlock
*/
var createEmptyBlockSnippet = exports.createEmptyBlockSnippet = function createEmptyBlockSnippet(_temp2) {
var _ref5 = _temp2 === void 0 ? {} : _temp2,
blockProps = _ref5.blockProps,
blockChildren = _ref5.blockChildren;
var baseSchema = {
componentName: _const.BLOCK,
title: _i18n["default"].get({
id: 'Block',
dm: '块'
}),
props: (0, _extends2["default"])({
isCnLayoutBlock: true,
_context: {
type: 'JSExpression',
value: 'this'
}
}, blockProps)
};
return blockChildren ? (0, _extends2["default"])({}, baseSchema, {
children: [blockChildren]
}) : baseSchema;
};
/**
* @description 添加一个包含CnCard的CnLayoutBlock
*/
var createBlockSnippet = exports.createBlockSnippet = function createBlockSnippet(_temp3) {
var _ref6 = _temp3 === void 0 ? {} : _temp3,
blockProps = _ref6.blockProps,
cardProps = _ref6.cardProps,
cardChildren = _ref6.cardChildren;
return createEmptyBlockSnippet({
blockProps: blockProps,
blockChildren: createBlockInitialChildrenSnippet({
cardProps: cardProps,
children: cardChildren
})
});
};
var createRowColSnippet = exports.createRowColSnippet = function createRowColSnippet(componentName) {
if (componentName === void 0) {
componentName = _const.COL;
}
return {
componentName: componentName,
title: componentName === _const.COL ? _i18n["default"].get({
id: 'ColumnContainer',
dm: '列容器'
}) : _i18n["default"].get({
id: 'RowContainer',
dm: '行容器'
}),
props: {},
children: []
};
};
function createSectionInitialChildren() {
return [createBlockSnippet({
blockProps: {
span: 6
}
}), createBlockSnippet({
blockProps: {
span: 6
}
})];
}
var createSectionSnippet = exports.createSectionSnippet = function createSectionSnippet(_temp4) {
var _ref7 = _temp4 === void 0 ? {} : _temp4,
blockProps = _ref7.blockProps;
return {
componentName: _const.SECTION,
title: _i18n["default"].get({
id: 'FreeLayoutContainer',
dm: '自由布局容器'
}),
props: {},
children: [createBlockSnippet({
blockProps: blockProps
})]
};
};
var createAsideSnippet = exports.createAsideSnippet = function createAsideSnippet() {
return {
componentName: 'CnLayoutAside',
title: _i18n["default"].get({
id: 'Sidebar',
dm: '侧边栏'
}),
props: {},
children: [createCellSnippet(createSectionSnippet())]
};
};
var createCellSnippet = exports.createCellSnippet = function createCellSnippet(children) {
return {
componentName: 'CnLayoutCell',
title: _i18n["default"].get({
id: 'Container',
dm: '容器'
}),
props: {},
children: children || []
};
};
function createHeaderSnippet() {
return {
componentName: 'CnLayoutHeader',
title: _i18n["default"].get({
id: 'PageHeader',
dm: '页头'
}),
props: {},
children: [createCellSnippet()]
};
}
function getGroupSetterSnippet(config) {
var _ref8 = config || {},
outerConfig = _ref8.outerConfig,
items = _ref8.items;
return (0, _extends2["default"])({
type: 'group',
title: _i18n["default"].get({
id: 'TERM.Grouping',
dm: '分组'
}),
display: 'accordion',
items: items
}, outerConfig);
}
function getMixedSetterSnippet(config) {
var _ref9 = config || {},
setters = _ref9.setters;
return {
componentName: 'MixedSetter',
props: {
setters: setters
}
};
}