@teamix/pro 1.3.12 → 1.3.15

package/lib/table/utils/pureColumnRender.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderColumnsTitle = exports.renderCell = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@teamix/utils");
+
+var _field = _interopRequireDefault(require("../../field"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+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 _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); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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; }
+
+/**
+ * 增加了 icon 的功能 render title
+ */
+var renderColumnsTitle = function renderColumnsTitle(item) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+    label: item.title,
+    tooltip: item.tooltip,
+    icon: item.tooltipIcon
+  }));
+};
+/**
+ * 负责单元格的具体渲染
+ */
+
+
+exports.renderColumnsTitle = renderColumnsTitle;
+
+var renderCell = function renderCell(value, item, index, record) {
+  var _item$valueType = item.valueType,
+      valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
+      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) {
+      return (0, _utils.getTargetValue)("{{".concat(item, "}}"), _objectSpread(_objectSpread({}, record), {}, {
+        record: record
+      }));
+    });
+  }
+
+  var newRender = null;
+  var newDataSource = null;
+  var props = item.props; // 如果 render 直接传函数
+
+  if (typeof render === 'function') {
+    newRender = function newRender() {
+      return render === null || render === void 0 ? void 0 : render(value, index, record);
+    };
+  } else {
+    newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
+
+    if (valueType === 'selectGroup') {
+      newRender = _objectSpread(_objectSpread({
+        maxShowNumber: 'auto',
+        foldText: 'more',
+        editOnClick: function editOnClick() {},
+        edit: true
+      }, newRender), {}, {
+        ellipsis: false
+      });
+      props = _objectSpread({
+        valueAlias: {
+          value: 'TagValue',
+          key: 'TagKey'
+        }
+      }, props);
+    }
+
+    if ((render === null || render === void 0 ? void 0 : render.type) === 'step') {
+      newRender = _objectSpread(_objectSpread({}, newRender), {}, {
+        ellipsis: false
+      });
+    }
+  } // dataSource可传函数
+
+
+  if (typeof item.dataSource === 'function') {
+    var _item$dataSource;
+
+    newDataSource = (_item$dataSource = item.dataSource) === null || _item$dataSource === void 0 ? void 0 : _item$dataSource.call(item, value, index, record);
+  } else {
+    var _item$dataSource2;
+
+    newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
+      return Object.fromEntries(Object.entries(item).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            k = _ref2[0],
+            v = _ref2[1];
+
+        return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+          record: record,
+          value: value,
+          index: index
+        }))];
+      }));
+    });
+  } // 渲染 ProField
+
+
+  return /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
+    type: valueType || 'text',
+    value: value,
+    render: newRender,
+    dataSource: newDataSource,
+    format: format
+  }, props));
+};
+/**
+ * 处理 render 配置项是函数的情况
+ * @param render ProFieldRender
+ * @param value table cell value
+ * @param index table cell index
+ * @param record table cell record
+ * @returns
+ */
+
+
+exports.renderCell = renderCell;
+
+var processRenderFunction = function processRenderFunction() {
+  var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var value = arguments.length > 1 ? arguments[1] : undefined;
+  var index = arguments.length > 2 ? arguments[2] : undefined;
+  var record = arguments.length > 3 ? arguments[3] : undefined;
+  // 当 ProField render 类型为 function 时。需要表格预先处理以塞入 record
+  var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
+  return Object.fromEntries(Object.entries(render).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
+
+    if (typeof v === 'function') {
+      var _v;
+
+      if (external.includes(k)) {
+        return [k, function () {
+          for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
+            others[_key] = arguments[_key];
+          }
+
+          return v === null || v === void 0 ? void 0 : v.apply(void 0, [value, index, record].concat(others));
+        }];
+      }
+
+      return [k, (_v = v === null || v === void 0 ? void 0 : v(value, index, record)) !== null && _v !== void 0 ? _v : ''];
+    }
+
+    return [k, v];
+  }));
+};
+/**
+ * 处理 render 数据，取出 {{xxx}} 匹配值
+ * @param render ProFieldRender
+ * @param record table cell record
+ * @returns
+ */
+
+
+var processBuriedPoint = function processBuriedPoint() {
+  var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var record = arguments.length > 1 ? arguments[1] : undefined;
+  var value = arguments.length > 2 ? arguments[2] : undefined;
+  var index = arguments.length > 3 ? arguments[3] : undefined;
+  return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
+  // emptyText 默认为 '-'
+  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        k = _ref6[0],
+        v = _ref6[1];
+
+    return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+      record: record,
+      value: value,
+      index: index
+    }))];
+  }))));
+};

package/lib/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[];

package/lib/table/utils/pureGenProColumnToColumn.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genProColumnToColumn;
+
+var _pureColumnRender = require("./pureColumnRender");
+
+var _excluded = ["filters", "dataIndex"];
+
+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; }
+
+/**
+ * ProColumn => Column，去掉操作列，过滤器相关逻辑
+ * 用于非 ProTable 比如 selectTable
+ */
+function genProColumnToColumn(columns) {
+  return columns.map(function (columnProps) {
+    var filters = columnProps.filters,
+        dataIndex = columnProps.dataIndex,
+        others = _objectWithoutProperties(columnProps, _excluded);
+
+    return _objectSpread(_objectSpread({
+      // 金钱样式默认右对齐
+      align: columnProps.valueType === 'money' ? 'right' : 'left'
+    }, others), {}, {
+      dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
+      title: (0, _pureColumnRender.renderColumnsTitle)(columnProps),
+      cell: function cell(value, index, record) {
+        return (0, _pureColumnRender.renderCell)(value, columnProps, index, record);
+      }
+    });
+  });
+}

package/lib/timeline/ProTimeLineItem/index.js

@@ -17,7 +17,7 @@ var _utils = require("@teamix/utils");
 
 var _icon = _interopRequireDefault(require("@teamix/icon"));
 
-var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
+var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "time", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -61,6 +61,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       icon = props.icon,
       title = props.title,
       subTitle = props.subTitle,
+      time = props.time,
       timeLeft = props.timeLeft,
       content = props.content,
       animation = props.animation,
@@ -72,8 +73,10 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       onCollapse = props.onCollapse,
       dotRender = props.dotRender,
       others = _objectWithoutProperties(props, _excluded);
-  /** 内容去折叠相关 */
 
+  var timeRight = time !== null && time !== void 0 ? time : subTitle; // 兼容 subTitle
+
+  /** 内容去折叠相关 */
 
   var _useState = (0, _react.useState)(defaultCollapsed !== undefined ? defaultCollapsed : false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -183,9 +186,9 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
       }))
     }, title), tags && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls('wrapper-right-top-tag-info'))
-    }, renderTag()), subTitle && /*#__PURE__*/_react.default.createElement("div", {
+    }, renderTag()), timeRight && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls('wrapper-right-top-subTitle-info'))
-    }, formatTime(subTitle))), discription && /*#__PURE__*/_react.default.createElement("div", {
+    }, formatTime(timeRight))), discription && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls('wrapper-right-discribe-info'))
     }, discription), /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(cls('wrapper-right-content-info'))
@@ -195,7 +198,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
         'wrapper-right-content-info-open': showContent
       }))
     }, content))));
-  }, [_shape, timeLeft, image, title, tags, subTitle, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
+  }, [_shape, timeLeft, image, title, tags, timeRight, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
   /**
    * 重新渲染 timeline 节点
    * */

package/lib/timeline/typing.d.ts

@@ -60,8 +60,13 @@ export declare type ProTimeLineItemProps = {
     dotRender?: (index?: number, status?: string) => ReactNode;
     /**
      * 节点副标题
+     * @deprecated 弃用，请使用 `time`
      */
     subTitle?: ReactNode;
+    /**
+     * 右侧时间
+     */
+    time?: ReactNode;
     /**
      * 节点对应描述
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix/pro",
-  "version": "1.3.12",
+  "version": "1.3.15",
   "description": "TeamixPro大包",
   "keywords": [
     "aliyun",