@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.5

package/es/table/utils/genProColumnToColumn.js

@@ -1,4 +1,4 @@
-var _excluded = ["filters", "dataIndex"];
+var _excluded = ["filters", "dataIndex", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
@@ -14,9 +14,15 @@ import { getLanguage } from '@teamix/utils';
 export default function genProColumnToColumn(columns, /** 是否渲染骨架屏 */
 showSkeleton, actionRef) {
   var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var
+  // 用于埋点
+  dataTeamixSpm = arguments.length > 4 ? arguments[4] : undefined;
+  var bindUrl = arguments.length > 5 ? arguments[5] : undefined;
+  var bindUrlProps = arguments.length > 6 ? arguments[6] : undefined;
   return columns.map(function (columnProps) {
     var filters = columnProps.filters,
       dataIndex = columnProps.dataIndex,
+      children = columnProps.children,
       others = _objectWithoutProperties(columnProps, _excluded);
     if (showSkeleton) {
       return _objectSpread(_objectSpread({}, others), {}, {
@@ -34,10 +40,11 @@ showSkeleton, actionRef) {
       align: columnProps.valueType === 'money' ? 'right' : 'left',
       wordBreak: getLanguage() === 'en-us' ? 'word' : 'all'
     }, others), {}, {
+      children: children ? genProColumnToColumn(children, showSkeleton, actionRef, context) : undefined,
       dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
-      title: renderColumnsTitle(columnProps, actionRef),
+      title: renderColumnsTitle(columnProps, actionRef, bindUrl, bindUrlProps),
       cell: function cell(value, index, record) {
-        return renderCell(value, columnProps, index, record, actionRef, context);
+        return renderCell(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
     });
   });

package/es/table/utils/getTableProps.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => string[];
+export default _default;

package/es/table/utils/getTableSortIcons.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from '@alicloudfe/components/types/table';
+declare const _default: () => TableProps['sortIcons'];
+export default _default;

package/es/table/utils/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ProTableActionType } from '../typing';
+import { ProTableProps, ProTableColumnProps } from '..';
+export declare function actionRefUseStateOn(callback: any, state: string, ...args: any): void;
+/** table 组件内监听 不对外暴露 */
+export declare function on(fun: any, key: string): void;
+/** table 组件内销毁监听 不对外暴露 */
+export declare function off(key: string): void;
+/** table 组件内触发事件 不对外暴露 */
+export declare function emit(key: string, ...args: any): void;
+export declare function initActionRef(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): void;
+export declare function useActionType<T>(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): void;
+export declare function cloneDeep<T>(obj: T): T;
+/**
+ * 处理默认过滤参数
+ * @param columns
+ * @param ref
+ */
+export declare function processDefaultFilter(columns: ProTableColumnProps[], ref: React.MutableRefObject<ProTableActionType | undefined>, defaultFilterParams: ProTableProps['defaultFilterParams']): void;

package/es/table/utils/index.js

@@ -10,7 +10,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import cloneDeepLodash from 'lodash.clonedeep';
 // 所有 ProTable 组件公用一套组件内事件转发机制
 var tableCallback = {};
-
 // 组件内对全局状态的更改
 var getMutations = function getMutations(actionRef) {
   var _actionRef$current2, _actionRef$current2$g, _actionRef$current2$g2;
@@ -51,7 +50,6 @@ var getMutations = function getMutations(actionRef) {
     }
   };
 };
-
 // 调用绑定的监听函数
 export function actionRefUseStateOn(callback, state) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
@@ -68,19 +66,16 @@ export function actionRefUseStateOn(callback, state) {
     });
   }
 }
-
 /** table 组件内监听 不对外暴露 */
 export function on(fun, key) {
   tableCallback[key] = fun;
 }
-
 /** table 组件内销毁监听 不对外暴露 */
 export function off(key) {
   if (tableCallback[key]) {
     delete tableCallback[key];
   }
 }
-
 /** table 组件内触发事件 不对外暴露 */
 export function emit(key) {
   var fun = tableCallback[key];
@@ -101,7 +96,6 @@ export function useActionType(ref, action) {
 export function cloneDeep(obj) {
   return cloneDeepLodash(obj);
 }
-
 /**
  * 处理默认过滤参数
  * @param columns

package/es/table/utils/pureColumnRender.d.ts

@@ -0,0 +1,9 @@
+import { ProTableColumnProps } from '../typing';
+/**
+ * 增加了 icon 的功能 render title
+ */
+export declare const renderColumnsTitle: (item: ProTableColumnProps) => JSX.Element;
+/**
+ * 负责单元格的具体渲染
+ */
+export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any) => JSX.Element;

package/es/table/utils/pureColumnRender.js

@@ -2,7 +2,6 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,7 +27,6 @@ export var renderColumnsTitle = function renderColumnsTitle(item) {
     icon: item.tooltipIcon
   }));
 };
-
 /**
  * 负责单元格的具体渲染
  */
@@ -38,12 +36,10 @@ export var renderCell = function renderCell(value, item, index, record) {
     render = item.render,
     dataIndex = item.dataIndex,
     format = item.format;
-
   // 如果没传 dataIndex，返回 null
   if (!dataIndex) {
     value = null;
   }
-
   // 处理 dataIndex 为数组的情况
   if (Array.isArray(dataIndex)) {
     value = dataIndex.map(function (item) {
@@ -84,7 +80,6 @@ export var renderCell = function renderCell(value, item, index, record) {
       });
     }
   }
-
   // dataSource可传函数
   if (typeof item.dataSource === 'function') {
     var _item$dataSource;
@@ -104,9 +99,8 @@ export var renderCell = function renderCell(value, item, index, record) {
       }));
     });
   }
-
   // 渲染 ProField
-  return /*#__PURE__*/React.createElement(ProField, _extends({
+  return /*#__PURE__*/React.createElement(ProField, _objectSpread({
     type: valueType || 'text',
     value: value,
     render: newRender,
@@ -114,7 +108,6 @@ export var renderCell = function renderCell(value, item, index, record) {
     format: format
   }, props));
 };
-
 /**
  * 处理 render 配置项是函数的情况
  * @param render ProFieldRender
@@ -149,7 +142,6 @@ var processRenderFunction = function processRenderFunction() {
     return [k, v];
   }));
 };
-
 /**
  * 处理 render 数据，取出 {{xxx}} 匹配值
  * @param render ProFieldRender

package/es/table/utils/pureGenProColumnToColumn.d.ts

@@ -0,0 +1,7 @@
+import { ProTableColumnProps } from '../typing';
+import { ColumnProps } from '@alicloudfe/components/types/table';
+/**
+ * ProColumn => Column，去掉操作列，过滤器相关逻辑
+ * 用于非 ProTable 比如 selectTable
+ */
+export default function genProColumnToColumn(columns: ProTableColumnProps[]): ColumnProps[] | any[];

package/es/table/utils/useTableSelection.d.ts

@@ -0,0 +1,3 @@
+import { rowSelectionType, innerRowSelectionType } from '../typing';
+declare function useTableSelection(config?: rowSelectionType, primaryKey?: string): innerRowSelectionType;
+export default useTableSelection;

package/es/table/utils/util.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProTableActionType } from '../typing';
+export declare function getUrlStateFilter(urlState: {
+    [key: string]: any;
+}, actionRef: React.MutableRefObject<ProTableActionType | undefined>): void;

package/es/table/utils/util.js

@@ -0,0 +1,19 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+export function getUrlStateFilter(urlState, actionRef) {
+  var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2, _actionRef$current$ge3, _actionRef$current2, _actionRef$current2$s;
+  var filters = Object.keys(urlState).filter(function (item) {
+    return /^filter.+$/.test(item);
+  });
+  var urlStateParams = Object.fromEntries(filters.map(function (item) {
+    var _item$split, _urlState$item, _urlState$item$join, _urlState$item$split, _urlState$item2, _urlState$item2$split;
+    return [(_item$split = item.split('filter')) === null || _item$split === void 0 ? void 0 : _item$split[1], {
+      params: Array.isArray(urlState === null || urlState === void 0 ? void 0 : urlState[item]) ? urlState === null || urlState === void 0 ? void 0 : (_urlState$item = urlState[item]) === null || _urlState$item === void 0 ? void 0 : (_urlState$item$join = _urlState$item.join) === null || _urlState$item$join === void 0 ? void 0 : _urlState$item$join.call(_urlState$item, ',') : urlState === null || urlState === void 0 ? void 0 : urlState[item],
+      rules: Array.isArray(urlState === null || urlState === void 0 ? void 0 : urlState[item]) ? urlState === null || urlState === void 0 ? void 0 : urlState[item] : (_urlState$item$split = urlState === null || urlState === void 0 ? void 0 : (_urlState$item2 = urlState[item]) === null || _urlState$item2 === void 0 ? void 0 : (_urlState$item2$split = _urlState$item2.split) === null || _urlState$item2$split === void 0 ? void 0 : _urlState$item2$split.call(_urlState$item2, ',')) !== null && _urlState$item$split !== void 0 ? _urlState$item$split : []
+    }];
+  }));
+  var rules = (_actionRef$current$ge = (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState) === null || _actionRef$current$ge2 === void 0 ? void 0 : (_actionRef$current$ge3 = _actionRef$current$ge2.call(_actionRef$current)) === null || _actionRef$current$ge3 === void 0 ? void 0 : _actionRef$current$ge3.filterRules) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
+  // 再设置所有的列筛选状态
+  (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setFilterRules) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, _objectSpread(_objectSpread({}, rules), urlStateParams));
+}

package/es/templates/Detail/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+export declare const DetailPage: () => JSX.Element;

package/es/templates/Form/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+export declare const FormPage: () => JSX.Element;

package/es/templates/List/index.d.ts

@@ -0,0 +1,9 @@
+import { PageProps } from '../../page-container';
+import { ProPageHeaderProps } from '../../page-header';
+import { ProTableProps } from '../../table';
+export declare type ListPageProps = PageProps<{
+    header: ProPageHeaderProps;
+    content: ProTableProps;
+}>;
+export declare const ListPage: (props: ListPageProps) => JSX.Element;
+export default ListPage;

package/es/templates/List/index.js

@@ -1,5 +1,7 @@
 var _excluded = ["loading", "pageProps"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
 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; }
 import React from 'react';
@@ -18,17 +20,17 @@ export var ListPage = function ListPage(props) {
   var contentProps = (pageProps === null || pageProps === void 0 ? void 0 : pageProps.content) || {
     columns: []
   };
-  return /*#__PURE__*/React.createElement(PageContainer, _extends({
+  return /*#__PURE__*/React.createElement(PageContainer, _objectSpread({
     header: /*#__PURE__*/React.createElement(EditableContainer, {
       id: "header",
       component: "PageHeader"
-    }, /*#__PURE__*/React.createElement(PageHeader, _extends({
+    }, /*#__PURE__*/React.createElement(PageHeader, _objectSpread({
       loading: loading
     }, headerProps))),
     content: /*#__PURE__*/React.createElement(EditableContainer, {
       id: "content",
       component: "ProTable"
-    }, /*#__PURE__*/React.createElement(ProTable, _extends({
+    }, /*#__PURE__*/React.createElement(ProTable, _objectSpread({
       loading: loading
     }, contentProps)))
   }, others));

package/es/templates/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Detail';
+export * from './Form';
+export * from './List';

package/es/templates/index.js

@@ -1,4 +1,3 @@
 export * from './Detail';
 export * from './Form';
-export * from './List';
-export {};
+export * from './List';

package/es/timeline/ProTimeLineItem/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProTimeLineItemProps } from '../typing';
+import './index.scss';
+declare const ProTimeLineItem: React.FC<ProTimeLineItemProps>;
+export default ProTimeLineItem;

package/es/timeline/ProTimeLineItem/index.js

@@ -1,5 +1,7 @@
 var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "time", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -40,7 +42,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
     dotRender = props.dotRender,
     others = _objectWithoutProperties(props, _excluded);
   var timeRight = time !== null && time !== void 0 ? time : subTitle; // 兼容 subTitle
-
   /** 内容去折叠相关 */
   var _useState = useState(defaultCollapsed !== undefined ? defaultCollapsed : false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -56,10 +57,9 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
     }
     setInnerCollapseState(!collapseState);
   };
-
   /** 对枚举参数进行处理 */
   var formatTime = function formatTime(time) {
-    if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD hh:mm:ss');
+    if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD HH:mm:ss');
     return time;
   };
   var formatShape = function formatShape() {
@@ -70,7 +70,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
     if (['success', 'fail', 'process', 'warning', 'wait'].includes(status)) return status;
     return 'wait';
   };
-
   /**一些复用常数 */
   var circle = formatShape() === 'circle';
   var dot = formatShape() === 'dot';
@@ -79,7 +78,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
   var error = formatStatus() === 'fail';
   var warning = formatStatus() === 'warning';
   var wait = formatStatus() === 'wait';
-
   /**对元素进行渲染 */
   var renderImage = function renderImage() {
     if (typeof image === 'string') {
@@ -151,7 +149,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       }))
     }, content))));
   }, [_shape, timeLeft, image, title, tags, timeRight, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
-
   /**
    * 重新渲染 timeline 节点
    * */
@@ -180,7 +177,6 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
         size: "small"
       }));
     };
-
     // shape 取 circle
     var renderCircle = function renderCircle() {
       if (dotRender) return /*#__PURE__*/React.createElement("div", {
@@ -238,7 +234,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       }))
     }, !_comment && renderStateNode()));
   }, [_shape, icon, status, dotRender]);
-  return /*#__PURE__*/React.createElement(TimelineItem, _extends({
+  return /*#__PURE__*/React.createElement(TimelineItem, _objectSpread({
     title: renderTitle(),
     dot: renderNode(),
     timeLeft: renderTimeLeft(),

package/es/timeline/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ProTimeLineProps } from './typing';
+import ProTimeLineItem from './ProTimeLineItem';
+import './index.scss';
+interface ProTimelineProperties {
+    /** ProTimeLineItem */
+    Item: typeof ProTimeLineItem;
+}
+declare const ProTimeline: React.FC<ProTimeLineProps> & ProTimelineProperties;
+export { ProTimeline, ProTimeLineItem };

package/es/timeline/index.js

@@ -1,5 +1,7 @@
 var _excluded = ["items", "comment", "shape", "fold", "children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
 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; }
 import React, { useMemo } from 'react';
@@ -16,7 +18,6 @@ var ProTimeline = function ProTimeline(props) {
     fold = props.fold,
     children = props.children,
     others = _objectWithoutProperties(props, _excluded);
-
   // 判断渲染组件是不是 ProTimelineItem, 并返回筛选后的children
   var renderChildren = useMemo(function () {
     return React.Children.map(children, function (child) {
@@ -35,7 +36,7 @@ var ProTimeline = function ProTimeline(props) {
     // 传递了 item 采用 item 渲染数组的方式
     if (items) {
       return items.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(ProTimeLineItem, _extends({
+        return /*#__PURE__*/React.createElement(ProTimeLineItem, _objectSpread({
           key: index,
           _shape: shape,
           _comment: comment
@@ -45,10 +46,9 @@ var ProTimeline = function ProTimeline(props) {
       return renderChildren;
     }
   };
-
   // 渲染 ProTimelineItem
   var renderProTimeline = function renderProTimeline() {
-    return /*#__PURE__*/React.createElement(Timeline, _extends({
+    return /*#__PURE__*/React.createElement(Timeline, _objectSpread({
       fold: fold
     }, others), renderItem());
   };

package/es/timeline/typing.d.ts

@@ -0,0 +1,107 @@
+import { ReactNode } from 'react';
+import { ProTagItem } from '../field';
+export declare type ProTimeLineItemStatus = 'success' | 'fail' | 'process' | 'warning' | 'wait';
+export declare type FoldProps = {
+    /**
+     * 折叠区域
+     */
+    foldArea: [number, number];
+    /**
+     * 是否展示折叠图标
+     */
+    foldShow: boolean;
+};
+export declare type ProTimeLineProps = {
+    /**
+     * 时间线：节点展示类型
+     */
+    shape?: 'circle' | 'dot';
+    /**
+     * 内部渲染自组件
+     */
+    items?: ProTimeLineItemProps[];
+    /**
+     * 时间线: 自定义折叠选项
+     */
+    fold?: FoldProps[];
+    /**
+     * 是否为评论型 timeline
+     */
+    comment?: boolean;
+    children?: ReactNode;
+};
+export declare type ProTimeLineItemProps = {
+    /**
+     * 是否为评论型 timeline
+     */
+    _comment?: boolean;
+    /**
+     * 时间线：节点展示类型
+     */
+    _shape?: 'circle' | 'dot';
+    /**
+     * 节点状态
+     */
+    status?: string | ProTimeLineItemStatus;
+    /**
+     * 图标
+     */
+    icon?: string;
+    /**
+     * 节点的内容
+     */
+    content?: ReactNode;
+    /**
+     * 节点标题
+     */
+    title?: ReactNode;
+    /**
+     * 自定义渲染
+     */
+    dotRender?: (index?: number, status?: string) => ReactNode;
+    /**
+     * 节点副标题
+     * @deprecated 弃用，请使用 `time`
+     */
+    subTitle?: ReactNode;
+    /**
+     * 右侧时间
+     */
+    time?: ReactNode;
+    /**
+     * 节点对应描述
+     */
+    discription?: ReactNode;
+    /**
+     * 节点的标签
+     */
+    tags?: ProTagItem[] | ReactNode;
+    /**
+     * 左侧展示时间
+     */
+    timeLeft?: ReactNode;
+    /**
+     * 头像
+     */
+    image?: string | ReactNode;
+    /**
+     * animation 动画
+     */
+    animation?: boolean;
+    /**
+     * 卡片是否可折叠
+     */
+    collapsible?: boolean;
+    /**
+     * 默认是否折叠，用于非受控模式
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * 是否折叠，受控模式
+     */
+    collapsed?: boolean;
+    /**
+     * 折叠状态改变的回调函数
+     */
+    onCollapse?: (collapsed: boolean) => void;
+};

package/es/utils/aspect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ProComponentAspect<T>(WrapComponent: React.FC | Function, componentName: string): React.FC<T>;

package/es/utils/aspect.js

@@ -0,0 +1,57 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+export function ProComponentAspect(WrapComponent, componentName) {
+  return /*#__PURE__*/function (_React$Component) {
+    _inherits(ProComponent, _React$Component);
+    var _super = _createSuper(ProComponent);
+    function ProComponent() {
+      var _this;
+      _classCallCheck(this, ProComponent);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _super.call.apply(_super, [this].concat(args));
+      _this.state = {
+        name: 'alien'
+      };
+      return _this;
+    }
+    _createClass(ProComponent, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        // @ts-ignore
+        if (!!window.ProComponentBeforeAspect) {
+          console.log('HOC', componentName);
+          console.log('Props', this.props);
+        }
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        // @ts-ignore
+        if (window.ProComponentBeforeAspect) {
+          var _window$ProComponentB, _window;
+          // @ts-ignore
+          var props = (_window$ProComponentB = (_window = window).ProComponentBeforeAspect) === null || _window$ProComponentB === void 0 ? void 0 : _window$ProComponentB.call(_window, componentName, this.props);
+          console.log('NewProps', props);
+          return /*#__PURE__*/React.createElement(WrapComponent, _objectSpread({}, props));
+        }
+        return /*#__PURE__*/React.createElement(WrapComponent, _objectSpread({}, this.props));
+      }
+    }]);
+    return ProComponent;
+  }(React.Component);
+}

package/es/utils/index.d.ts

@@ -0,0 +1,3 @@
+import * as utils from '@teamix/utils';
+export * from '@teamix/utils';
+export default utils;

package/es/utils/message.d.ts

@@ -0,0 +1,3 @@
+import { MessageProps } from '@alicloudfe/components/types/message';
+export declare type ProMessageProps = MessageProps | string | any;
+export declare const renderProMessage: (message?: ProMessageProps, defaultProps?: MessageProps) => JSX.Element | null;

package/es/utils/message.js

@@ -1,4 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 { Message } from '@alicloudfe/components';
 export var renderProMessage = function renderProMessage(message, defaultProps) {
@@ -6,7 +8,7 @@ export var renderProMessage = function renderProMessage(message, defaultProps) {
     return null;
   }
   if (typeof message === 'string') {
-    return /*#__PURE__*/React.createElement(Message, defaultProps, message);
+    return /*#__PURE__*/React.createElement(Message, _objectSpread({}, defaultProps), message);
   }
-  return /*#__PURE__*/React.createElement(Message, _extends({}, defaultProps, message));
+  return /*#__PURE__*/React.createElement(Message, _objectSpread(_objectSpread({}, defaultProps), message));
 };