@teamix/pro 1.1.4 → 1.1.8

package/es/info/utils/index.js

@@ -4,9 +4,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
+import { getDeepValue } from '@teamix/utils';
+import React from 'react';
 export function useActionType(ref, action) {
   // 合并自定义事件
   var userAction = _objectSpread({}, action);
 
   ref.current = userAction;
+}
+/** ProInfoGroupContext */
+
+export var ProInfoGroupContext = /*#__PURE__*/React.createContext({});
+/**
+ * 获取 dataIndex 值
+ * @param dataIndex
+ * @param dataSource
+ * @returns
+ */
+
+export function getDataIndexValue(dataIndex, dataSource) {
+  if (Array.isArray(dataIndex)) {
+    return dataIndex.map(function (item) {
+      return getDeepValue(item !== null && item !== void 0 ? item : '', dataSource);
+    });
+  }
+
+  return getDeepValue(dataIndex !== null && dataIndex !== void 0 ? dataIndex : '', dataSource);
 }

package/es/nocode/configurators/PageHeader.js

@@ -103,34 +103,37 @@ var schema = [{
         children: [{
           name: 'tags',
           component: 'ArrayTable',
-          items: [{
-            name: 'text',
-            title: '名称',
-            component: 'Input'
-          }, {
-            name: 'type',
-            title: '类型',
-            component: 'Select',
-            dataSource: [{
-              label: '普通',
-              value: 'normal'
+          items: {
+            type: 'object',
+            children: [{
+              name: 'text',
+              title: '名称',
+              component: 'Input'
+            }, {
+              name: 'type',
+              title: '类型',
+              component: 'Select',
+              dataSource: [{
+                label: '普通',
+                value: 'normal'
+              }, {
+                label: '主要',
+                value: 'primary'
+              }]
+            }, {
+              name: 'color',
+              title: '颜色',
+              component: 'Input'
             }, {
-              label: '主要',
-              value: 'primary'
+              title: '操作',
+              component: 'ArrayTable.Remove',
+              decoratorProps: {
+                fixed: 'right',
+                width: 40
+              },
+              formItem: null
             }]
-          }, {
-            name: 'color',
-            title: '颜色',
-            component: 'Input'
-          }, {
-            title: '操作',
-            component: 'ArrayTable.Remove',
-            decoratorProps: {
-              fixed: 'right',
-              width: 40
-            },
-            formItem: null
-          }],
+          },
           children: [{
             title: '添加标签'
           }]
@@ -146,23 +149,26 @@ var schema = [{
         children: [{
           name: 'breadcrumb',
           component: 'ArrayTable',
-          items: [{
-            name: 'text',
-            title: '名称',
-            component: 'Input'
-          }, {
-            name: 'link',
-            title: '链接',
-            component: 'Input'
-          }, {
-            title: '操作',
-            component: 'ArrayTable.Remove',
-            decoratorProps: {
-              fixed: 'right',
-              width: 40
-            },
-            formItem: null
-          }],
+          items: {
+            type: 'object',
+            children: [{
+              name: 'text',
+              title: '名称',
+              component: 'Input'
+            }, {
+              name: 'link',
+              title: '链接',
+              component: 'Input'
+            }, {
+              title: '操作',
+              component: 'ArrayTable.Remove',
+              decoratorProps: {
+                fixed: 'right',
+                width: 40
+              },
+              formItem: null
+            }]
+          },
           children: [{
             title: '添加面包屑'
           }]

package/es/nocode/configurators/ProTable.js

@@ -133,16 +133,19 @@ var schema = [{
           name: 'pageSizeList',
           title: '分页大小列表',
           component: 'ArrayItems',
-          props: {
-            itemType: 'string'
+          items: {
+            component: 'FormFlex',
+            children: [{
+              component: 'ArrayItems.SortHandle'
+            }, {
+              component: 'NumberPicker',
+              decoratorProps: {
+                feedbackLayout: 'none'
+              }
+            }, {
+              component: 'ArrayItems.Remove'
+            }]
           },
-          items: [{
-            component: 'ArrayItems.SortHandle'
-          }, {
-            component: 'NumberPicker'
-          }, {
-            component: 'ArrayItems.Remove'
-          }],
           children: [{
             title: '添加一条'
           }],

package/es/nocode/configurators/common.d.ts

@@ -4,53 +4,57 @@ export declare function array(title: string, name: string, fields: any[], main?:
         name: string;
         title: string | undefined;
         component: string;
-        props: {
-            itemType: string;
-        };
-        items: ({
-            component: string;
-            children: {
-                component: string;
-            }[];
-            name?: undefined;
-            type?: undefined;
-            title?: undefined;
-            reactions?: undefined;
-        } | {
-            name: string;
-            component: string;
+        items: {
             type: string;
-            title: string;
-            reactions: {
-                dependencies: string[];
-                fulfill: {
-                    schema: {
-                        title: string;
-                    };
-                };
-            };
-            children: {
+            decorator: string;
+            children: ({
+                component: string;
+                children: {
+                    component: string;
+                }[];
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            } | {
                 name: string;
                 component: string;
-                props: {
-                    layout: string;
-                    labelAlign: string;
-                    colon: boolean;
-                    labelCol: number;
-                    wrapperCol: number;
+                type: string;
+                title: string;
+                reactions: {
+                    dependencies: string[];
+                    fulfill: {
+                        schema: {
+                            title: string;
+                        };
+                    };
                 };
-                children: any[];
-            }[];
-        } | {
-            component: string;
-            children?: undefined;
-            name?: undefined;
-            type?: undefined;
-            title?: undefined;
-            reactions?: undefined;
-        })[];
+                children: {
+                    name: string;
+                    component: string;
+                    props: {
+                        layout: string;
+                        labelAlign: string;
+                        colon: boolean;
+                        labelCol: number;
+                        wrapperCol: number;
+                    };
+                    children: any[];
+                }[];
+            } | {
+                component: string;
+                children?: undefined;
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            })[];
+        };
         children: {
-            title: string;
+            component: string;
+            props: {
+                title: string;
+            };
         }[];
     }[];
 };
@@ -64,69 +68,10 @@ export declare function actions(props?: {
         name: string;
         title: string | undefined;
         component: string;
-        props: {
-            itemType: string;
-        };
-        items: ({
-            component: string;
-            children: {
-                component: string;
-            }[];
-            name?: undefined;
-            type?: undefined;
-            title?: undefined;
-            reactions?: undefined;
-        } | {
-            name: string;
-            component: string;
+        items: {
             type: string;
-            title: string;
-            reactions: {
-                dependencies: string[];
-                fulfill: {
-                    schema: {
-                        title: string;
-                    };
-                };
-            };
-            children: {
-                name: string;
-                component: string;
-                props: {
-                    layout: string;
-                    labelAlign: string;
-                    colon: boolean;
-                    labelCol: number;
-                    wrapperCol: number;
-                };
-                children: any[];
-            }[];
-        } | {
-            component: string;
-            children?: undefined;
-            name?: undefined;
-            type?: undefined;
-            title?: undefined;
-            reactions?: undefined;
-        })[];
-        children: {
-            title: string;
-        }[];
-    }[];
-};
-export declare function filter(name: string): {
-    name: string;
-    type: string;
-    children: {
-        title: string;
-        children: {
-            name: string;
-            title: string | undefined;
-            component: string;
-            props: {
-                itemType: string;
-            };
-            items: ({
+            decorator: string;
+            children: ({
                 component: string;
                 children: {
                     component: string;
@@ -168,8 +113,75 @@ export declare function filter(name: string): {
                 title?: undefined;
                 reactions?: undefined;
             })[];
-            children: {
+        };
+        children: {
+            component: string;
+            props: {
                 title: string;
+            };
+        }[];
+    }[];
+};
+export declare function filter(name: string): {
+    name: string;
+    type: string;
+    children: {
+        title: string;
+        children: {
+            name: string;
+            title: string | undefined;
+            component: string;
+            items: {
+                type: string;
+                decorator: string;
+                children: ({
+                    component: string;
+                    children: {
+                        component: string;
+                    }[];
+                    name?: undefined;
+                    type?: undefined;
+                    title?: undefined;
+                    reactions?: undefined;
+                } | {
+                    name: string;
+                    component: string;
+                    type: string;
+                    title: string;
+                    reactions: {
+                        dependencies: string[];
+                        fulfill: {
+                            schema: {
+                                title: string;
+                            };
+                        };
+                    };
+                    children: {
+                        name: string;
+                        component: string;
+                        props: {
+                            layout: string;
+                            labelAlign: string;
+                            colon: boolean;
+                            labelCol: number;
+                            wrapperCol: number;
+                        };
+                        children: any[];
+                    }[];
+                } | {
+                    component: string;
+                    children?: undefined;
+                    name?: undefined;
+                    type?: undefined;
+                    title?: undefined;
+                    reactions?: undefined;
+                })[];
+            };
+            children: {
+                component: string;
+                props: {
+                    title: string;
+                };
             }[];
         }[];
     }[];

package/es/nocode/configurators/common.js

@@ -5,46 +5,50 @@ export function array(title, name, fields, main, arrayTitle) {
       name: name,
       title: arrayTitle,
       component: 'ArrayItems',
-      props: {
-        itemType: 'card'
-      },
-      items: [{
-        component: 'FormFlex',
+      items: {
+        type: 'object',
+        decorator: 'ArrayItems.Item',
         children: [{
-          component: 'ArrayItems.SortHandle'
+          component: 'FormFlex',
+          children: [{
+            component: 'ArrayItems.SortHandle'
+          }, {
+            component: 'ArrayItems.Index'
+          }]
         }, {
-          component: 'ArrayItems.Index'
-        }]
-      }, {
-        name: 'drawer',
-        component: 'Editable.Drawer',
-        type: 'void',
-        title: '编辑详情',
-        reactions: {
-          dependencies: [".drawer.layout.".concat(main ? main : fields[0].name)],
-          fulfill: {
-            schema: {
-              title: '{{$deps[0]}}'
+          name: 'drawer',
+          component: 'Editable.Drawer',
+          type: 'void',
+          title: '编辑详情',
+          reactions: {
+            dependencies: [".drawer.layout.".concat(main ? main : fields[0].name)],
+            fulfill: {
+              schema: {
+                title: '{{$deps[0]}}'
+              }
             }
-          }
-        },
-        children: [{
-          name: 'layout',
-          component: 'FormLayout',
-          props: {
-            layout: 'vertical',
-            labelAlign: 'left',
-            colon: false,
-            labelCol: 24,
-            wrapperCol: 24
           },
-          children: fields
+          children: [{
+            name: 'layout',
+            component: 'FormLayout',
+            props: {
+              layout: 'vertical',
+              labelAlign: 'left',
+              colon: false,
+              labelCol: 24,
+              wrapperCol: 24
+            },
+            children: fields
+          }]
+        }, {
+          component: 'ArrayItems.Remove'
         }]
-      }, {
-        component: 'ArrayItems.Remove'
-      }],
+      },
       children: [{
-        title: '添加一条'
+        component: 'ArrayItems.Addition',
+        props: {
+          title: '添加一条'
+        }
       }]
     }]
   };

package/es/nocode/index.scss

@@ -17,13 +17,10 @@
     border: 1px solid var(--color-line1-1, #eaeaea);
 
     &-component {
+      position: relative;
       padding: 20px;
       flex-grow: 1;
       border-right: 1px solid var(--color-line1-1, #eaeaea);
-
-      &>.teamix-pro-page-container {
-        padding: 0;
-      }
     }
 
     &-configurator {

package/es/page-header/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IActionButton } from '../actions';
+import { ProInfoProps } from '../info';
 import './index.scss';
 export interface BreadcrumbItem {
     link?: string;
@@ -35,8 +36,10 @@ export declare type PageHeaderProps = {
     breadcrumb?: BreadcrumbItem[];
     extra?: IActionButton[] | React.ReactNode;
     operation?: IActionButton[] | React.ReactNode;
+    maxActions?: number;
     tags?: TagItem[];
     data?: DataItem[];
+    info?: ProInfoProps | React.ReactNode;
 } & React.HTMLAttributes<HTMLElement>;
 declare const PageHeader: React.FC<PageHeaderProps>;
 export default PageHeader;

package/es/page-header/index.js

@@ -1,22 +1,24 @@
-var _excluded = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "children", "className", "style"];
-
-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; }
+var _excluded = ["title", "description", "icon", "iconColor", "iconBackgroundType", "iconBackgroundColor", "maxActions", "goback", "operation", "extra", "image", "loading", "breadcrumb", "tags", "data", "info", "children", "className", "style"];
 
 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; }
 
 import React from 'react';
+import { useHistory } from 'react-router-dom';
 import classnames from 'classnames';
 import TeamixIcon from '@teamix/icon';
 import { Breadcrumb, Tag } from '@alicloudfe/components';
 import { baseClass } from '@teamix/utils';
 import { ActionGroup } from '../actions';
 import { BaseSkeleton } from '../skeleton';
+import ProInfo from '../info';
 import './index.scss';
 var cls = baseClass('teamix-pro-page-header');
 
@@ -33,16 +35,22 @@ var renderNav = function renderNav(breadcrumbs) {
   return null;
 };
 
-var renderExtra = function renderExtra(helps) {
+var renderExtra = function renderExtra(helps, max) {
   if (!helps) {
     return null;
   }
 
   if (helps instanceof Array && helps.length) {
+    var actions = helps.map(function (item) {
+      return Object.assign({
+        type: 'normal'
+      }, item);
+    });
     return /*#__PURE__*/React.createElement(ActionGroup, {
-      actions: helps,
+      actions: actions,
       type: "text",
-      divider: false
+      divider: false,
+      max: max
     });
   }
 
@@ -78,14 +86,15 @@ var isPresetColor = function isPresetColor(color) {
   return PRESET_COLOR_REG.test(color);
 };
 
-var renderOperations = function renderOperations(operations) {
+var renderOperations = function renderOperations(operations, max) {
   if (!operations) {
     return null;
   }
 
   if (operations instanceof Array && operations.length) {
     return /*#__PURE__*/React.createElement(ActionGroup, {
-      actions: operations
+      actions: operations,
+      max: max
     });
   }
 
@@ -132,6 +141,18 @@ var renderData = function renderData(data) {
   }));
 };
 
+var renderInfo = function renderInfo(info) {
+  // @ts-ignore
+  if (info === null || info === void 0 ? void 0 : info.columns) {
+    // @ts-ignore
+    return /*#__PURE__*/React.createElement(ProInfo, _objectSpread({
+      type: "header"
+    }, info));
+  }
+
+  return info;
+};
+
 var PageHeader = function PageHeader(props) {
   var title = props.title,
       description = props.description,
@@ -140,6 +161,8 @@ var PageHeader = function PageHeader(props) {
       _props$iconBackground = props.iconBackgroundType,
       iconBackgroundType = _props$iconBackground === void 0 ? 'square' : _props$iconBackground,
       iconBackgroundColor = props.iconBackgroundColor,
+      _props$maxActions = props.maxActions,
+      maxActions = _props$maxActions === void 0 ? 4 : _props$maxActions,
       goback = props.goback,
       operation = props.operation,
       extra = props.extra,
@@ -148,11 +171,13 @@ var PageHeader = function PageHeader(props) {
       breadcrumb = props.breadcrumb,
       tags = props.tags,
       data = props.data,
+      info = props.info,
       children = props.children,
       className = props.className,
       style = props.style,
       others = _objectWithoutProperties(props, _excluded);
 
+  var history = useHistory();
   var backgroundImage = image ? "url('".concat(image, "')") : undefined;
 
   var showList = function showList(list) {
@@ -172,7 +197,7 @@ var PageHeader = function PageHeader(props) {
       if (goback === true) {
         history.go(-1);
       } else if (typeof goback === 'string') {
-        location.href = goback;
+        history.push && history.push(goback);
       }
     };
 
@@ -200,7 +225,7 @@ var PageHeader = function PageHeader(props) {
     className: cls('nav')
   }, loading && /*#__PURE__*/React.createElement(BaseSkeleton.Header.Nav, null), !loading && renderNav(breadcrumb)), /*#__PURE__*/React.createElement("section", {
     className: cls('extra')
-  }, !loading && renderExtra(extra))), (goback || icon || title !== undefined || description !== undefined || data || tags || operation) && /*#__PURE__*/React.createElement("section", {
+  }, !loading && renderExtra(extra, maxActions))), (goback || icon || title !== undefined || description !== undefined || data || tags || operation) && /*#__PURE__*/React.createElement("section", {
     className: classnames(cls('section'), {
       'with-description': description
     })
@@ -216,7 +241,9 @@ var PageHeader = function PageHeader(props) {
     className: cls('data')
   }, renderData(data)), /*#__PURE__*/React.createElement("section", {
     className: cls('operation')
-  }, !loading && renderOperations(operation)))), children);
+  }, !loading && renderOperations(operation, maxActions)))), info && !loading && /*#__PURE__*/React.createElement("section", {
+    className: classnames(cls('section'), cls('info'))
+  }, renderInfo(info)), children);
 };
 
 export default PageHeader;