@teamix/pro 1.1.4 → 1.1.8

package/dist/pro.min.js.LICENSE.txt

@@ -20,7 +20,7 @@ object-assign
 
 /*!
 * screenfull
-* v5.1.0 - 2020-12-24
+* v5.2.0 - 2021-11-03
 * (c) Sindre Sorhus; MIT License
 */
 

package/es/actions/dialog-form.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import { IProFormProps } from '../form';
+import { IFormProps, IFormSchema } from '../form';
 import { RequestAction } from './request';
 import { DialogAction } from './dialog';
 export interface DialogFormAction extends DialogAction {
     initialValues?: any;
     initialRequest?: RequestAction;
     useFieldValuesForRequest?: boolean;
-    formProps?: IProFormProps;
-    schema: any[];
+    formProps?: Omit<IFormProps, 'schema'>;
+    schema: IFormSchema;
 }
 export declare function useDialogFormAction(action: DialogFormAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/es/actions/dialog-table.d.ts

@@ -1,4 +1,9 @@
 import { DialogAction } from './dialog';
+import { ProTableProps } from '..';
 export interface DialogTableAction extends DialogAction {
-    schema: any;
+    schema: ProTableProps;
 }
+export declare function useDialogTableAction(action: DialogTableAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+};
+export default useDialogTableAction;

package/es/actions/dialog-table.js

@@ -1 +1,10 @@
-export {};
+import useDialogAction from './dialog';
+import { ProTable } from '..';
+export function useDialogTableAction(action, context) {
+  return useDialogAction(Object.assign({
+    component: ProTable,
+    closeable: true,
+    size: 'medium'
+  }, action), context);
+}
+export default useDialogTableAction;

package/es/actions/drawer-table.d.ts

@@ -1,2 +1,6 @@
 import { DialogTableAction } from './dialog-table';
 export declare type DrawerTableAction = DialogTableAction;
+export declare function useDrawerTableAction(action: DrawerTableAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+};
+export default useDrawerTableAction;

package/es/actions/drawer-table.js

@@ -1 +1,7 @@
-export {};
+import { useDialogTableAction } from './dialog-table';
+export function useDrawerTableAction(action, context) {
+  return useDialogTableAction(Object.assign({
+    dialogType: 'drawer'
+  }, action), context);
+}
+export default useDrawerTableAction;

package/es/actions/index.d.ts

@@ -51,26 +51,21 @@ export interface IActionButton extends ButtonProps {
 }
 export declare const ActionButton: (props: IActionButton) => JSX.Element;
 export interface IActionMenuButton extends MenuButtonProps {
-    actions: IActionButton[];
+    actions: ICommonActionButton[];
     visible?: any;
     icon?: string;
     context?: any;
 }
-export interface IActionGroupMenuButton extends MenuButtonProps {
-    actions: CommonActionButton[];
-    icon?: string;
-    context?: any;
-}
-export declare const ActionMenuButton: (props: IActionGroupMenuButton) => JSX.Element;
-export declare type CommonActionButton = IActionButton | IActionMenuButton;
-export declare type CommonActionGroupButton = CommonActionButton | IActionGroupMenuButton;
+export declare const ActionMenuButton: (props: IActionMenuButton) => JSX.Element;
+export declare type ICommonActionButton = IActionButton | IActionMenuButton;
 export declare type ActionGroupProps = {
     type?: 'button' | 'text';
     context?: any;
-    actions: CommonActionButton[];
+    actions: ICommonActionButton[];
     max?: number;
     moreText?: string;
     divider?: boolean;
 } & React.HTMLAttributes<HTMLElement>;
 export declare function ActionGroup(props: ActionGroupProps): JSX.Element;
-export default ActionButton;
+declare const _default: (props: ICommonActionButton) => JSX.Element;
+export default _default;

package/es/actions/index.js

@@ -31,7 +31,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import cls from 'classnames';
-import { Button, MenuButton, Divider } from '@alicloudfe/components';
+import { Button, MenuButton, Menu, Divider } from '@alicloudfe/components';
 import Icon from '@teamix/icon';
 import { getTargetValue } from '@teamix/utils';
 import { useLinkAction } from './link';
@@ -42,8 +42,10 @@ import { useDangerConfirmAction } from './danger-confirm';
 import { useNoticeAction } from './notice';
 import { useErrorAction } from './error';
 import { useDialogFormAction } from './dialog-form';
+import { useDialogTableAction } from './dialog-table';
 import { useDrawerAction } from './drawer';
 import { useDrawerFormAction } from './drawer-form';
+import { useDrawerTableAction } from './drawer-table';
 import './index.scss';
 var RegistedActions = new Map();
 export function registerActionHandler(id, extendActionId, defaultConfig) {
@@ -92,6 +94,10 @@ export var useAction = function useAction(config, context) {
     return useDialogFormAction(others, context);
   }
 
+  if (type === 'dialog-table') {
+    return useDialogTableAction(others, context);
+  }
+
   if (type === 'drawer') {
     return useDrawerAction(others, context);
   }
@@ -100,6 +106,10 @@ export var useAction = function useAction(config, context) {
     return useDrawerFormAction(others, context);
   }
 
+  if (type === 'drawer-table') {
+    return useDrawerTableAction(others, context);
+  }
+
   var registedAction = RegistedActions.get(type);
 
   if (!registedAction) {
@@ -161,9 +171,25 @@ function renderMenuButtonItem(item, key, context) {
       return item.onClick(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
-  return /*#__PURE__*/React.createElement(MenuButton.Item, _objectSpread(_objectSpread({}, buttonProps), {}, {
+  return /*#__PURE__*/React.createElement(MenuButton.Item, _objectSpread({
     key: key
-  }), buttonContent(item.children, item.icon));
+  }, buttonProps), buttonContent(item.children, item.icon));
+}
+
+function renderCommonActionButtonMenuItem(action, key, context) {
+  // @ts-ignore
+  if (action.actions && action.actions.length) {
+    return /*#__PURE__*/React.createElement(Menu.SubMenu, {
+      key: key,
+      label: // @ts-ignore
+      action.label || action.children
+    }, //@ts-ignore
+    action.actions.map(function (a, j) {
+      return renderCommonActionButtonMenuItem(a, j, context);
+    }));
+  }
+
+  return renderMenuButtonItem(action, key, context);
 }
 
 export var ActionMenuButton = function ActionMenuButton(props) {
@@ -179,25 +205,16 @@ export var ActionMenuButton = function ActionMenuButton(props) {
 
   return /*#__PURE__*/React.createElement(MenuButton, _objectSpread({
     popupTriggerType: "hover",
+    menuProps: {
+      mode: 'popup',
+      triggerType: 'hover'
+    },
     type: type,
     label: buttonContent(label || children, icon, iconSize)
-  }, others), actions.map(function (child, i) {
-    // @ts-ignore
-    if (child.actions && child.actions.length) {
-      return [/*#__PURE__*/React.createElement(MenuButton.Divider, null),
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement(MenuButton.Group, {
-        label: child.label || child.children
-      }, //@ts-ignore
-      child.actions.map(function (action, j) {
-        return renderMenuButtonItem(action, "".concat(i, "-").concat(j), context);
-      })), /*#__PURE__*/React.createElement(MenuButton.Divider, null), /*#__PURE__*/React.createElement(MenuButton.Divider, null)];
-    }
-
-    return renderMenuButtonItem(child, "".concat(i), context);
+  }, others), actions.map(function (action, i) {
+    return renderCommonActionButtonMenuItem(action, i, context);
   }));
-};
+}; // 如果 actions 数量超过了 max，则把第 max 个和剩余超出部分折叠起来成为一个 menu
 
 function formatGroupActions(actions, max, moreConfig) {
   var MAX = max < 1 ? MAX_ACTTIONS : max;
@@ -209,7 +226,8 @@ function formatGroupActions(actions, max, moreConfig) {
   return [].concat(_toConsumableArray(actions.slice(0, MAX - 1)), [_objectSpread(_objectSpread({}, moreConfig), {}, {
     actions: actions.slice(MAX - 1)
   })]);
-}
+} // 渲染一个 button 或者 menu button
+
 
 function renderCommonActionButton(button, context, isTypeText) {
   var buttonContext = button.context,
@@ -314,4 +332,6 @@ export function ActionGroup(props) {
     }));
   }));
 }
-export default ActionButton;
+export default (function (props) {
+  return renderCommonActionButton(props);
+});

package/es/actions/index.scss

@@ -13,7 +13,7 @@
   &.text:not(.divider) {
     & > button {
       &:not(:last-child) {
-        margin-right: var(--s-2);
+        margin-right: var(--s-4);
       }
     }
   }

package/es/card/index.d.ts

@@ -8,22 +8,39 @@ export declare type CardContainerProps = {
 } & React.HTMLAttributes<HTMLElement>;
 export declare const CardContainer: React.FC<CardContainerProps>;
 export interface CardProps {
+    /** 内容部分 */
     children?: React.ReactNode;
+    /**卡片标题 */
     title?: React.ReactNode;
+    /**卡片副标题 */
     subTitle?: React.ReactNode;
+    /**额外信息区域，位于卡片右上角，可以配置一些常用轻量操作 */
     extra?: React.ReactNode | IActionButton[];
+    /**卡片背景图 */
     image?: string;
+    /**卡片标题下方是否有分割线 */
     divider?: boolean;
+    /**卡片是否有边框 */
     bordered?: boolean;
+    /**卡片在hovers时是否有阴影 */
     hoveredShadow?: boolean;
+    /**卡片是否为紧凑模式，紧凑模式下卡片无内边距 */
     compacted?: boolean;
+    /**卡片内容是否居中展示 */
     centered?: boolean;
+    /**加载中状态 */
     loading?: boolean;
+    /**背景色 */
     backgroundColor?: 'blue' | 'green' | 'red' | 'orange' | 'yellow' | 'grey' | 'transparent';
+    /**卡片嵌套使用的模式下，卡片占父卡片内容区域的栅格数量 */
     col?: number | string;
+    /**卡片 class */
     className?: string;
+    /**卡片样式 */
     style?: React.CSSProperties;
+    /**卡片内容 class */
     contentClassName?: string;
+    /**卡片内容样式 */
     contentStyle?: React.CSSProperties;
 }
 declare const Card: React.FC<CardProps>;

package/es/form/Components/ProField/index.d.ts

@@ -139,6 +139,14 @@ declare const _default: React.ForwardRefExoticComponent<(Partial<import("@teamix
     type: "search";
 } & {
     children?: React.ReactNode;
+}> | Partial<import("@teamix/pro-field/lib/components/FieldTagFilter").IProFieldTagFilter & {
+    type: "tagFilter";
+} & {
+    children?: React.ReactNode;
+}> | Partial<import("@teamix/pro-field/lib/components/FieldMenuSelect").IProFieldMenuSelect & {
+    type: "menuSelect";
+} & {
+    children?: React.ReactNode;
 }> | Pick<Partial<{
     [key: string]: any;
     type: string;

package/es/form/ProForm/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IProFormProps } from '../typing';
+import type { IFormProps } from '../typing';
 import './index.scss';
-declare const ProForm: React.FC<IProFormProps>;
+declare const ProForm: React.FC<IFormProps>;
 export default ProForm;

package/es/form/ProForm/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["form", "initialValues", "schema", "scope", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed"];
+var _excluded = ["form", "initialValues", "schema", "scope", "components", "children", "layout", "labelAlign", "wrapperAlign", "labelCol", "wrapperCol", "breakpoints", "onChange", "onSubmit", "onSubmitFailed", "className"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -11,6 +11,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { memo, useEffect, useMemo } from 'react';
+import cls from 'classnames';
 import { createForm, onFormValuesChange } from '@formily/core';
 import { toJS } from '@formily/reactive';
 import { Form, FormLayout } from '@teamix/formily';
@@ -35,11 +36,13 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       onChange = _ref.onChange,
       onSubmit = _ref.onSubmit,
       onSubmitFailed = _ref.onSubmitFailed,
+      className = _ref.className,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var form = useMemo(function () {
     return outerForm || createForm();
   }, []);
+  var prefix = 'teamix-pro-form';
   var getTeamixLayout = useMemo(function () {
     return breakpoints ? {
       breakpoints: breakpoints,
@@ -83,7 +86,11 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
   return outerForm === false ?
   /*#__PURE__*/
   // 特殊表单，无需渲染form实例，例如FormDialog等
-  React.createElement(FormLayout, _objectSpread(_objectSpread({}, otherProps), getTeamixLayout), formChildren) : /*#__PURE__*/React.createElement(Form, _objectSpread(_objectSpread(_objectSpread({}, otherProps), getTeamixLayout), {}, {
+  React.createElement(FormLayout, _objectSpread(_objectSpread({
+    className: cls(prefix, className)
+  }, otherProps), getTeamixLayout), formChildren) : /*#__PURE__*/React.createElement(Form, _objectSpread(_objectSpread(_objectSpread({
+    className: cls(prefix, className)
+  }, otherProps), getTeamixLayout), {}, {
     form: form,
     onAutoSubmit: onSubmit,
     onAutoSubmitFailed: onSubmitFailed

package/es/form/ProForm/index.scss

@@ -1,6 +1,13 @@
 @import '~@alifd/next/lib/core/index-noreset.scss';
 
 $form-item-cls: #{$css-prefix}formily-item;
+$teamix-pro-form: teamix-pro-form;
+
+.#{$teamix-pro-form} {
+  .next-affix {
+    top: auto !important; // todo 待pro-page-containe修复后移除
+  }
+}
 
 // FormItem 样式重写
 .#{$form-item-cls} {
@@ -37,9 +44,14 @@ $form-item-cls: #{$css-prefix}formily-item;
         > .teamix-pro-field-checkbox,
         .teamix-pro-field-radio,
         .teamix-pro-field-switch,
-        .teamix-pro-field-colorradio {
+        .teamix-pro-field-colorradio,
+        .teamix-pro-field-range,
+        .#{$css-prefix}btn-text {
           line-height: var(--form-element-medium-height, 32px);
         }
+        > .#{$css-prefix}btn-text {
+          width: auto;
+        }
       }
     }
   }
@@ -87,15 +99,20 @@ $form-item-cls: #{$css-prefix}formily-item;
   .#{$form-item-cls}-extra {
     color: var(--color-text1-8, #848484);
   }
+  .#{$form-item-cls}-error-help {
+    color: var(--color-error-5, #e84738);
+  }
 
   // 前缀 后缀
   .#{$form-item-cls}-control {
     .#{$form-item-cls}-control-content {
       .#{$form-item-cls}-addon-before {
         margin-right: 16px;
+        color: var(--color-text1-8, #848484);
       }
       .#{$form-item-cls}-addon-after {
         margin-left: 16px;
+        color: var(--color-text1-8, #848484);
       }
     }
   }
@@ -218,14 +235,16 @@ $inset-font-weight-medium: calc(
   }
 }
 
-.#{$css-prefix}formily-button-group-sticky {
-  margin-top: var(--form-element-medium-height, 32px);
-  padding: 12px 16px 12px 24px;
-  border: 0;
-  background: var(--color-fill1-1, #fff);
+.#{$teamix-pro-form}-button-affix.#{$css-prefix}affix {
+  left: 0;
+  right: 0;
+  width: 100% !important;
+  height: 56px !important;
+  padding-left: 24px;
+  background: var(--color-fill1-1, #fff) !important;
   box-shadow: 0 -1px 5px 0 rgba(38, 38, 38, 0.14);
   .#{$css-prefix}formily-button-group {
-    margin-top: 0;
+    margin-bottom: 12px;
   }
 }
 
@@ -246,3 +265,17 @@ $inset-font-weight-medium: calc(
     }
   }
 }
+
+// ArrayItems
+.#{$css-prefix}formily-array-items {
+  .#{$css-prefix}formily-grid-layout {
+    > div:last-child {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+  .#{$css-prefix}formily-array-base-remove {
+    cursor: pointer;
+  }
+}

package/es/form/SchemaForm/adapterType.js

@@ -29,7 +29,7 @@ var typeMap = (_typeMap = {
   YearPicker: 'string',
   QuarterPicker: 'string',
   DateRangePicker: 'array',
-  // TimeRangePicker: 'array',
+  TimeRangePicker: 'array',
   DateTimeRangePicker: 'array',
   WeekRangePicker: 'array',
   MonthRangePicker: 'array',
@@ -39,10 +39,10 @@ var typeMap = (_typeMap = {
   Upload: 'object',
   ColorPicker: 'string',
   ColorRadio: 'string',
-  ColorSwatches: 'string',
-  ColorTwitter: 'string',
   IconPicker: 'string',
   JsonInput: 'object',
+  TagPicker: 'array',
+  Range: 'string',
   Search: 'array',
   ArrayCollapse: 'array',
   ArrayCards: 'array',

package/es/form/SchemaForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { IProFormProps } from '../typing';
-declare const _default: React.MemoExoticComponent<({ schema, scope, components }: IProFormProps) => JSX.Element>;
+import type { IFormProps } from '../typing';
+declare const _default: React.MemoExoticComponent<({ schema, scope, components }: IFormProps) => JSX.Element>;
 export default _default;

package/es/form/SchemaForm/index.js

@@ -24,6 +24,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React, { memo, useCallback, useMemo } from 'react';
 import { createSchemaField } from '@formily/react';
+import { Affix } from '@alicloudfe/components';
 import { Upload, FormLayout, FormItem, ArrayCollapse, ArrayCards, ArrayItems, ArrayTable, Space, FormGrid, FormTab, FormCollapse, FormStep, Editable, FormDialog, FormDrawer, FormButtonGroup, Submit, Reset } from '@teamix/formily';
 import ProField from '../Components/ProField';
 import { EditableDialog, EditableDrawer, EditablePopover } from '../Components/Editable';
@@ -55,7 +56,6 @@ export default /*#__PURE__*/memo(function (_ref) {
   var SchemaField = useMemo(function () {
     return createSchemaField({
       components: {
-        Upload: Upload,
         ProField: ProField,
         FormLayout: FormLayout,
         FormItem: FormItem,
@@ -79,7 +79,9 @@ export default /*#__PURE__*/memo(function (_ref) {
         EditablePopover: EditablePopover,
         FormGroup: FormGroup,
         Search: Search,
-        QueryFilter: QueryFilter
+        QueryFilter: QueryFilter,
+        Upload: Upload,
+        Affix: Affix
       }
     });
   }, []); // 合并schema中request的scope
@@ -236,9 +238,10 @@ export default /*#__PURE__*/memo(function (_ref) {
 
       var recursiveProperties = (children === null || children === void 0 ? void 0 : children.length) ? {
         properties: formatSchema(children)
-      } : {}; // 递归items（类似子组件）
+      } : {}; // 递归items（类似子组件，会先由各initialize方法格式化为固定形式，type不同不统一处理）
+      // 例如：[{ name: 'items', type: 'object', children: items }]
 
-      var recursiveItems = items ? formatSchema(items) : {}; // 配置组件属性
+      var recursiveItems = items ? formatSchema([items]) : {}; // 配置组件属性
 
       schemaProperties[name] = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, otherProps), formatParam), recursiveProperties), recursiveItems);
     });
@@ -249,7 +252,8 @@ export default /*#__PURE__*/memo(function (_ref) {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, [formatSchema, schema]);
+  }, [formatSchema, schema]); // console.log(schemaPro);
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SchemaField, {
     schema: schemaPro,
     components: components,

package/es/form/SchemaForm/initializeArrayCards.js

@@ -1,68 +1,23 @@
-var _excluded = ["props", "children", "items"],
-    _excluded2 = ["itemType"];
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var initializeChildren = function initializeChildren(item) {
-  return item;
-};
+var initializeItems = function initializeItems(items) {
+  if (items) {
+    return _objectSpread(_objectSpread({}, items), {}, {
+      name: 'items'
+    });
+  }
 
-var initializeAddition = function initializeAddition(item) {
-  return _objectSpread(_objectSpread({}, item), {}, {
-    component: 'ArrayCards.Addition'
-  });
-};
-
-var initializeString = function initializeString(items) {
-  return [{
-    name: 'items',
-    children: items.map(function (item) {
-      return initializeChildren(item);
-    })
-  }];
-};
-
-var initializeObject = function initializeObject(items) {
-  return [{
-    name: 'items',
-    type: 'object',
-    children: items.map(function (item) {
-      return initializeChildren(item);
-    })
-  }];
+  return items;
 };
 
 var initialize = function initialize(item) {
-  var _item$props = item.props,
-      props = _item$props === void 0 ? {} : _item$props,
-      _item$children = item.children,
-      children = _item$children === void 0 ? [] : _item$children,
-      _item$items = item.items,
-      items = _item$items === void 0 ? [] : _item$items,
-      other = _objectWithoutProperties(item, _excluded);
-
-  var _props$itemType = props.itemType,
-      itemType = _props$itemType === void 0 ? 'string' : _props$itemType,
-      otherProps = _objectWithoutProperties(props, _excluded2);
-
-  var renderItemsMap = {
-    string: initializeString(items),
-    object: initializeObject(items)
-  };
-  return _objectSpread(_objectSpread({}, other), {}, {
-    props: otherProps,
-    children: children.map(function (item) {
-      return initializeAddition(item);
-    }),
-    items: renderItemsMap[itemType]
+  var items = item.items;
+  return _objectSpread(_objectSpread({}, item), {}, {
+    items: items ? initializeItems(items) : {}
   });
 };