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`

253 lines (249 loc) 6.83 kB
"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 } }; }