UNPKG

@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
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 } }; }