@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`
240 lines (237 loc) • 5.65 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import $i18n from "../../locales/i18n";
import { BLOCK, COL, SECTION } from "../util/const";
export 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;
}
export 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
}
}
}
}
};
}
export var 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.get({
id: 'Card',
dm: '卡片'
}),
props: _extends({
isCnCard: true,
_context: {
type: 'JSExpression',
value: 'this'
},
shape: 'normal',
title: $i18n.get({
id: 'Title',
dm: '标题'
})
}, cardProps)
};
return children ? _extends({}, baseSnippet, {
children: [children]
}) : baseSnippet;
};
// 构造分组卡片Schema,用于迁移Section相关属性
export var 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.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
*/
export var createEmptyBlockSnippet = function createEmptyBlockSnippet(_temp2) {
var _ref5 = _temp2 === void 0 ? {} : _temp2,
blockProps = _ref5.blockProps,
blockChildren = _ref5.blockChildren;
var baseSchema = {
componentName: BLOCK,
title: $i18n.get({
id: 'Block',
dm: '块'
}),
props: _extends({
isCnLayoutBlock: true,
_context: {
type: 'JSExpression',
value: 'this'
}
}, blockProps)
};
return blockChildren ? _extends({}, baseSchema, {
children: [blockChildren]
}) : baseSchema;
};
/**
* @description 添加一个包含CnCard的CnLayoutBlock
*/
export var 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
})
});
};
export var createRowColSnippet = function createRowColSnippet(componentName) {
if (componentName === void 0) {
componentName = COL;
}
return {
componentName: componentName,
title: componentName === COL ? $i18n.get({
id: 'ColumnContainer',
dm: '列容器'
}) : $i18n.get({
id: 'RowContainer',
dm: '行容器'
}),
props: {},
children: []
};
};
export function createSectionInitialChildren() {
return [createBlockSnippet({
blockProps: {
span: 6
}
}), createBlockSnippet({
blockProps: {
span: 6
}
})];
}
export var createSectionSnippet = function createSectionSnippet(_temp4) {
var _ref7 = _temp4 === void 0 ? {} : _temp4,
blockProps = _ref7.blockProps;
return {
componentName: SECTION,
title: $i18n.get({
id: 'FreeLayoutContainer',
dm: '自由布局容器'
}),
props: {},
children: [createBlockSnippet({
blockProps: blockProps
})]
};
};
export var createAsideSnippet = function createAsideSnippet() {
return {
componentName: 'CnLayoutAside',
title: $i18n.get({
id: 'Sidebar',
dm: '侧边栏'
}),
props: {},
children: [createCellSnippet(createSectionSnippet())]
};
};
export var createCellSnippet = function createCellSnippet(children) {
return {
componentName: 'CnLayoutCell',
title: $i18n.get({
id: 'Container',
dm: '容器'
}),
props: {},
children: children || []
};
};
export function createHeaderSnippet() {
return {
componentName: 'CnLayoutHeader',
title: $i18n.get({
id: 'PageHeader',
dm: '页头'
}),
props: {},
children: [createCellSnippet()]
};
}
export function getGroupSetterSnippet(config) {
var _ref8 = config || {},
outerConfig = _ref8.outerConfig,
items = _ref8.items;
return _extends({
type: 'group',
title: $i18n.get({
id: 'TERM.Grouping',
dm: '分组'
}),
display: 'accordion',
items: items
}, outerConfig);
}
export function getMixedSetterSnippet(config) {
var _ref9 = config || {},
setters = _ref9.setters;
return {
componentName: 'MixedSetter',
props: {
setters: setters
}
};
}