@teamix/pro 1.5.0 → 1.5.1

package/dist/pro.js

@@ -60848,16 +60848,26 @@ var FieldDate = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwar
       'teamix-pro-field-layout-compact': true
     }),
     onChange: function onChange(date, dateStr) {
-      if (Array.isArray(date)) {
-        setFieldVal(date);
-        setFieldValStr(dateStr);
+      setFieldVal(date);
+      (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .bindRefValue */ .Dd)(dateStr, ref);
+
+      if (['dateWeek', 'dateQuarter', 'dateWeekRange', 'dateQuarterRange'].includes(type)) {
+        if (Array.isArray(date)) {
+          var str = date.map(function (item) {
+            return item.format(format !== null && format !== void 0 ? format : 'YYYY-MM-DD');
+          });
+          setFieldValStr(str);
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(str), (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(date));
+        } else {
+          var _str = date.format(format !== null && format !== void 0 ? format : 'YYYY-MM-DD');
+
+          setFieldValStr(_str);
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(_str), (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(date));
+        }
       } else {
-        setFieldVal(date);
         setFieldValStr(dateStr);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(dateStr), (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(date));
       }
-
-      (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .bindRefValue */ .Dd)(dateStr, ref);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(dateStr), (0,_utils__WEBPACK_IMPORTED_MODULE_8__/* .formatterOnchangeValue */ .WO)(date));
     },
     size: size,
     disabled: disabled
@@ -63788,7 +63798,12 @@ var FieldSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     onChange: function onChange(val) {
       setFieldVal(val);
       (0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .bindRefValue */ .Dd)(val, ref);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange((0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .formatterOnchangeValue */ .WO)(val), null);
+
+      for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        others[_key - 1] = arguments[_key];
+      }
+
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange.apply(void 0, [(0,_utils__WEBPACK_IMPORTED_MODULE_3__/* .formatterOnchangeValue */ .WO)(val)].concat(others));
     },
     showSearch: true,
     hasClear: true,
@@ -67797,7 +67812,8 @@ function _defineProperty(obj, key, value) {
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.usePrefixCls)('teamix-pro-field-output-ip');
 var ipTypeMap = {
   "public": (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('public'),
-  "private": (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('private')
+  "private": (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('private'),
+  elastic: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('elastic')
 };
 
 var Ip = function Ip(props) {
@@ -81729,7 +81745,7 @@ ProPageContainer.Tab = _tab__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z;
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20701);
-var _excluded = ["key", "path"],
+var _excluded = ["key", "path", "title", "badge"],
     _excluded2 = ["activeKey", "children"],
     _excluded3 = ["children"];
 
@@ -81839,10 +81855,23 @@ var ProPageContainerConfigTab = function ProPageContainerConfigTab(props) {
   }, tabs.map(function (tab) {
     var key = tab.key,
         path = tab.path,
+        titleProp = tab.title,
+        badge = tab.badge,
         others = _objectWithoutProperties(tab, _excluded);
 
+    var title = titleProp;
+
+    if (badge) {
+      title = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Badge, {
+        count: badge
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+        className: "teamix-pro-page-container-tab-badge-content"
+      }, titleProp));
+    }
+
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Tab.Item, _objectSpread({
-      key: tab.key
+      key: tab.key,
+      title: title
     }, others));
   }));
 };
@@ -83960,6 +83989,125 @@ var useUrlState = function useUrlState(initialState, urlStateOptions) {
 
 
 
+/***/ }),
+
+/***/ 76672:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// @ts-ignore
+var columns = [{
+  dataIndex: 'instanceName',
+  title: '实例ID/实例名称',
+  tooltip: '我是实例ID的说明',
+  width: 250,
+  render: {
+    icon: 'task-fill',
+    iconColor: 'B20',
+    description: '{{record.rsId}}',
+    descriptionRows: 2,
+    link: 'https://teamixpro.dg.aliyun-inc.com/?rsId={{rsId}}',
+    linkTarget: '_blank'
+  }
+}, {
+  dataIndex: '',
+  title: '标签',
+  tooltip: '我是标签的说明，我没有 dataIndex',
+  render: {
+    icon: 'label-line',
+    iconColor: 'var(--color-text1-8, #848484)'
+  }
+}, {
+  dataIndex: 'organizationName',
+  title: '组织',
+  sortable: true,
+  width: '15%',
+  tooltip: '我这一列是可以被复制的～',
+  render: {
+    copy: true
+  }
+}, {
+  dataIndex: 'cost',
+  title: '费用',
+  valueType: 'money'
+}, {
+  dataIndex: 'ip',
+  title: 'IP 地址',
+  filters: [{
+    label: 'ip1',
+    value: '0.0.0.0'
+  }, {
+    label: 'ip2',
+    value: '8.8.8.8'
+  }],
+  render: {
+    type: 'ip'
+  }
+}, {
+  dataIndex: 'status',
+  title: '使用状态',
+  filters: true,
+  filterMode: 'multiple',
+  dataSource: [{
+    label: '进行中',
+    value: 'process',
+    color: 'process'
+  }, {
+    label: '成功',
+    value: 'success',
+    color: 'success'
+  }, {
+    label: '失败',
+    value: 'fail',
+    color: 'fail'
+  }, {
+    label: '提醒',
+    value: 'warning',
+    color: 'warning'
+  }, {
+    label: '暂停',
+    value: 'pause',
+    color: 'pause'
+  }, {
+    label: '启动中',
+    value: 'loading',
+    color: 'loading'
+  }],
+  render: {
+    type: 'statusIconTag'
+  }
+}, {
+  dataIndex: 'gmtCreated',
+  sortable: true,
+  title: '创建时间',
+  valueType: 'dateTime',
+  width: '10%'
+}, {
+  title: '操作',
+  width: '10%',
+  actionSchema: {
+    actions: [{
+      key: 'action',
+      children: '二次确认',
+      config: {
+        type: 'confirm',
+        onOk: function onOk(context) {
+          console.log('onOk', context);
+        },
+        onCancel: function onCancel(context) {
+          console.log('onCancel', context);
+        },
+        title: 'Test',
+        content: 'xxxxxx'
+      }
+    }]
+  }
+}];
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (columns);
+
 /***/ }),
 
 /***/ 54842:
@@ -84826,13 +84974,13 @@ function useErrorAction(action, context) {
 /* harmony import */ var _pop_confirm__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(51121);
 /* harmony import */ var _danger_pop_confirm__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(33312);
 var _excluded = ["type"],
-    _excluded2 = ["config", "icon", "iconSize", "type", "context", "children", "visible", "disabled", "onClick", "tooltip", "disabledTooltip", "tooltipProps"],
+    _excluded2 = ["config", "icon", "iconSize", "type", "context", "children", "visible", "disabled", "onClick", "tooltip", "disabledTooltip", "tooltipProps", "data-teamix-spm"],
     _excluded3 = ["loading"],
     _excluded4 = ["icon", "iconSize", "label", "actions", "children", "context", "type", "className", "noArrow"],
     _excluded5 = ["context", "text"],
     _excluded6 = ["key", "actions"],
     _excluded7 = ["key", "config"],
-    _excluded8 = ["type", "divider", "max", "moreText", "more", "context", "actions", "className"];
+    _excluded8 = ["type", "divider", "max", "moreText", "more", "context", "actions", "className", "data-teamix-spm"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -84991,6 +85139,7 @@ var ProActionButton = function ProActionButton(props) {
       tooltip = props.tooltip,
       disabledTooltip = props.disabledTooltip,
       tooltipProps = props.tooltipProps,
+      dataTeamixSpm = props['data-teamix-spm'],
       others = _objectWithoutPropertiesLoose(props, _excluded2);
 
   var actionProps = useAction(config, context);
@@ -85003,6 +85152,11 @@ var ProActionButton = function ProActionButton(props) {
   }) : _extends({
     disabled: disabled
   }, actionProps, others);
+
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+
   var content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, _extends({
     type: type
   }, buttonProps), buttonContent(children, icon, iconSize, context));
@@ -85035,7 +85189,8 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   var _cls;
 
   var action = props.action,
-      context = props.context;
+      context = props.context,
+      dataTeamixSpm = props['data-teamix-spm'];
   var config = action.config,
       btnContext = action.context,
       _onClick2 = action.onClick,
@@ -85062,6 +85217,11 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
       return _onClick2(e, context);
     }
   }) : _extends({}, menuItemProps);
+
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+
   var content = buttonContent(children, icon, undefined, context);
 
   var baseToolTipProps = _extends({
@@ -85090,7 +85250,7 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
   }, buttonProps), content);
 };
 
-function renderCommonActionButtonMenuItem(action, key, context) {
+function renderCommonActionButtonMenuItem(action, key, context, dataTeamixSpm) {
   if (action.type === 'divider') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.Divider, {
       key: key
@@ -85104,14 +85264,15 @@ function renderCommonActionButtonMenuItem(action, key, context) {
       key: key,
       label: menuBtn.label || menuBtn.children
     }, menuBtn.actions.map(function (a) {
-      return renderCommonActionButtonMenuItem(a, a.key, context);
+      return renderCommonActionButtonMenuItem(a, a.key, context, a['data-teamix-spm']);
     }));
   }
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProActionMenuButtonItem, {
     key: key,
     action: action,
-    context: context
+    context: context,
+    "data-teamix-spm": dataTeamixSpm + "-" + key
   });
 }
 
@@ -85144,7 +85305,7 @@ var ProActionMenuButton = function ProActionMenuButton(props) {
       'teamix-pro-actions-text-menu-btn-no-arrow': noArrow
     })
   }, others), actions.map(function (action, i) {
-    return renderCommonActionButtonMenuItem(action, action.key || i, context);
+    return renderCommonActionButtonMenuItem(action, action.key || i, context, others == null ? void 0 : others['data-teamix-spm']);
   }));
 };
 
@@ -85178,7 +85339,7 @@ function formatGroupActions(actions, max, moreConfig) {
 } // 渲染一个 button 或者 menu button
 
 
-function renderCommonActionButton(button, context, isTypeText) {
+function renderCommonActionButton(button, context, isTypeText, dataTeamixSpm) {
   if (button.type === 'divider') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
       key: button.key,
@@ -85196,6 +85357,10 @@ function renderCommonActionButton(button, context, isTypeText) {
     text: text || isTypeText
   }, others);
 
+  if (dataTeamixSpm) {
+    buttonProps['data-teamix-spm'] = dataTeamixSpm;
+  }
+
   if (!button.actions) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProActionButton, buttonProps);
   }
@@ -85278,6 +85443,7 @@ function ProActionGroup(props) {
       _props$actions = props.actions,
       actions = _props$actions === void 0 ? [] : _props$actions,
       className = props.className,
+      dataTeamixSpm = props['data-teamix-spm'],
       containerProps = _objectWithoutPropertiesLoose(props, _excluded8);
 
   var isTypeText = type === 'text';
@@ -85293,7 +85459,14 @@ function ProActionGroup(props) {
     })
   }, containerProps), formatedActions.map(function (actionBtn, i) {
     var isLastOne = i === formatedActions.length - 1;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
+
+    if (dataTeamixSpm) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
+        key: actionBtn.key
+      }, renderCommonActionButton(actionBtn, context, isTypeText, dataTeamixSpm + "-" + (actionBtn.key || i)), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
+        direction: "ver"
+      }));
+    } else return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), {
       key: actionBtn.key
     }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Divider, {
       direction: "ver"
@@ -90803,6 +90976,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ProCardContainer": () => (/* reexport safe */ _card__WEBPACK_IMPORTED_MODULE_1__.l0),
 /* harmony export */   "ProField": () => (/* reexport safe */ _field__WEBPACK_IMPORTED_MODULE_2__.ZP),
 /* harmony export */   "ProForm": () => (/* reexport safe */ _form__WEBPACK_IMPORTED_MODULE_3__.ZP),
+/* harmony export */   "ProIconSwitch": () => (/* reexport safe */ _sidebar__WEBPACK_IMPORTED_MODULE_11__.G),
 /* harmony export */   "ProInfo": () => (/* reexport safe */ _info__WEBPACK_IMPORTED_MODULE_5__.Z),
 /* harmony export */   "ProPageContainer": () => (/* reexport safe */ _page_container__WEBPACK_IMPORTED_MODULE_6__.ZP),
 /* harmony export */   "ProPageHeader": () => (/* reexport safe */ _page_header__WEBPACK_IMPORTED_MODULE_7__.Z),
@@ -91017,7 +91191,7 @@ if (!((_window = window) != null && _window.TEAMIXPRO_WITHOUT_ICON)) {
 
 
 
-var version = '1.5.0';
+var version = '1.5.1';
 
 
 /***/ }),
@@ -95253,6 +95427,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ch": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.Ch),
+/* harmony export */   "G": () => (/* reexport safe */ _components_tree_node_components_IconSwitch__WEBPACK_IMPORTED_MODULE_7__.Z),
 /* harmony export */   "H8": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.H8),
 /* harmony export */   "N4": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.N4),
 /* harmony export */   "VX": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.VX),
@@ -95269,10 +95444,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
 /* harmony import */ var _components_sidebar_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60343);
 /* harmony import */ var _components_tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20867);
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42345);
-/* harmony import */ var _utils_action_ref__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89611);
+/* harmony import */ var _utils_action_ref__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(89611);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39339);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65272);
+/* harmony import */ var _components_tree_node_components_IconSwitch__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(16786);
 var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
 
 function _extends() { _extends = Object.assign || 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); }
@@ -95289,6 +95465,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.usePrefixCls)('teamix-pro-sidebar');
 
 var ProSidebar = function ProSidebar(props) {
@@ -95398,7 +95575,7 @@ var ProSidebar = function ProSidebar(props) {
     });
   };
 
-  (0,_utils_action_ref__WEBPACK_IMPORTED_MODULE_7__/* .useActionType */ .t)(actionRefProp != null ? actionRefProp : actionRef, {
+  (0,_utils_action_ref__WEBPACK_IMPORTED_MODULE_8__/* .useActionType */ .t)(actionRefProp != null ? actionRefProp : actionRef, {
     refresh: function refresh() {
       request();
     }
@@ -95458,6 +95635,7 @@ var ProSidebar = function ProSidebar(props) {
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProSidebar);
 
+
 /***/ }),
 
 /***/ 89611:
@@ -95815,6 +95993,445 @@ function getTreeNodeProps(item) {
 
 /***/ }),
 
+/***/ 9285:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42345);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53277);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
+/* harmony import */ var _utils_columnRender__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97332);
+/* harmony import */ var _LoadMore__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(53986);
+function _extends() { _extends = Object.assign || 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); }
+
+
+
+
+
+
+
+
+
+var Row = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Grid.Row,
+    Col = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Grid.Col;
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.usePrefixCls)('teamix-pro-table-card-view');
+
+var CardView = function CardView(props) {
+  var _cardViewProps$scroll;
+
+  var dataSource = props.dataSource,
+      _props$columns = props.columns,
+      columns = _props$columns === void 0 ? [] : _props$columns,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      originColumns = props.originColumns,
+      _props$cardViewProps = props.cardViewProps,
+      cardViewProps = _props$cardViewProps === void 0 ? {} : _props$cardViewProps,
+      actionRef = props.actionRef,
+      context = props.context,
+      scrollHeight = props.scrollHeight,
+      _props$showSkeleton = props.showSkeleton,
+      showSkeleton = _props$showSkeleton === void 0 ? false : _props$showSkeleton; // 加载状态
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('none'),
+      loadState = _useState[0],
+      setLoadState = _useState[1]; // 骨架屏状态
+
+
+  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true),
+      skeletonVisible = _useState2[0],
+      setSkeletonVisible = _useState2[1]; // 加载状态变化回调
+
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    setLoadState(loading ? 'loading' : 'loadMore');
+    setSkeletonVisible(showSkeleton);
+
+    if (showSkeleton) {
+      setLoadState('none');
+    }
+  }, [loading, skeletonVisible, showSkeleton]);
+
+  var getDataIndexValue = function getDataIndexValue(dataIndex, dataSource) {
+    if (Array.isArray(dataIndex)) {
+      return dataIndex.map(function (item) {
+        return (0,___WEBPACK_IMPORTED_MODULE_2__.getDeepValue)(item != null ? item : '', dataSource);
+      });
+    }
+
+    return (0,___WEBPACK_IMPORTED_MODULE_2__.getDeepValue)(dataIndex != null ? dataIndex : '', dataSource);
+  }; // 获取卡片 columns
+
+
+  var cardColumns = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return columns.map(function (column) {
+      var _originColumn$title;
+
+      var originColumn = originColumns == null ? void 0 : originColumns.find(function (item) {
+        return item.dataIndex === column.dataIndex;
+      });
+      var render = column == null ? void 0 : column.render;
+
+      if (typeof (column == null ? void 0 : column.render) === 'function') {
+        render = function render(value, record) {
+          return column == null ? void 0 : column.render == null ? void 0 : column.render(value, undefined, record);
+        };
+      } else {
+        var _Object$entries$map, _Object$entries, _column$render;
+
+        render = Object.fromEntries((_Object$entries$map = (_Object$entries = Object.entries((_column$render = column == null ? void 0 : column.render) != null ? _column$render : {})) == null ? void 0 : _Object$entries.map == null ? void 0 : _Object$entries.map(function (_ref) {
+          var k = _ref[0],
+              v = _ref[1];
+
+          if (typeof v === 'function') {
+            return [k, function (value, record) {
+              return v == null ? void 0 : v(value, undefined, record);
+            }];
+          }
+
+          return [k, v];
+        })) != null ? _Object$entries$map : []);
+      }
+
+      return _extends({}, column, {
+        title: (_originColumn$title = originColumn == null ? void 0 : originColumn.title) != null ? _originColumn$title : column.title,
+        render: render
+      });
+    }).filter(function (item) {
+      return !(item != null && item.actionSchema);
+    });
+  }, [columns, originColumns]); // 获取单个渲染数据
+
+  var renderCardInfoItem = function renderCardInfoItem(itemProps, record, index) {
+    if (itemProps) {
+      if (typeof itemProps === 'string' || Array.isArray(itemProps)) {
+        var _titleColumn$cell;
+
+        var titleColumn = cardColumns.find(function (item) {
+          return item.dataIndex === itemProps;
+        });
+        return (_titleColumn$cell = titleColumn == null ? void 0 : titleColumn.cell == null ? void 0 : titleColumn.cell(getDataIndexValue(itemProps, record), index, record)) != null ? _titleColumn$cell : '';
+      }
+
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(getDataIndexValue(itemProps.dataIndex, record), itemProps, index, record, actionRef, context);
+    }
+  }; // 渲染卡片title
+
+
+  var renderCardTitle = function renderCardTitle(record, index) {
+    var _cardColumns$, _cardColumns$$render, _cardColumns$2, _cardColumns$3;
+
+    var titleProp = cardViewProps.title;
+    var title = titleProp;
+
+    if (typeof titleProp === 'function') {
+      title = titleProp == null ? void 0 : titleProp(index, record);
+    }
+
+    if (titleProp) {
+      return renderCardInfoItem(title, record, index);
+    } // 【默认情况】看看第一列有没有 description，有的话，只取 title
+
+
+    if (cardColumns != null && (_cardColumns$ = cardColumns[0]) != null && (_cardColumns$$render = _cardColumns$.render) != null && _cardColumns$$render.description) {
+      var _originColumn$render;
+
+      var column = cardColumns == null ? void 0 : cardColumns[0];
+      var originColumn = originColumns == null ? void 0 : originColumns[0]; // 转化为新的 table columns
+
+      var _columns = _extends({}, originColumn, {
+        render: _extends({}, originColumn == null ? void 0 : originColumn.render, {
+          value: originColumn == null ? void 0 : (_originColumn$render = originColumn.render) == null ? void 0 : _originColumn$render.value,
+          description: undefined,
+          descriptionCopy: undefined
+        })
+      });
+
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(getDataIndexValue(column == null ? void 0 : column.dataIndex, record), _columns, index, record, actionRef, context);
+    } // 【默认情况】直接拿第一列的 cell
+
+
+    return cardColumns == null ? void 0 : (_cardColumns$2 = cardColumns[0]) == null ? void 0 : _cardColumns$2.cell == null ? void 0 : _cardColumns$2.cell(getDataIndexValue(cardColumns == null ? void 0 : (_cardColumns$3 = cardColumns[0]) == null ? void 0 : _cardColumns$3.dataIndex, record), index, record);
+  }; // 渲染卡片subTitle
+
+
+  var renderCardSubTitle = function renderCardSubTitle(record, index) {
+    var _cardColumns$4, _cardColumns$4$render;
+
+    var subTitleProp = cardViewProps.subTitle;
+    var subTitle = subTitleProp;
+
+    if (typeof subTitleProp === 'function') {
+      subTitle = subTitleProp == null ? void 0 : subTitleProp(index, record);
+    }
+
+    if (subTitle) {
+      return renderCardInfoItem(subTitle, record, index);
+    } // 【默认情况】看看第一列有没有 description，有的话，只取 title
+
+
+    if (cardColumns != null && (_cardColumns$4 = cardColumns[0]) != null && (_cardColumns$4$render = _cardColumns$4.render) != null && _cardColumns$4$render.description) {
+      var _originColumn$render2, _column$render2;
+
+      var column = cardColumns == null ? void 0 : cardColumns[0];
+      var originColumn = originColumns == null ? void 0 : originColumns[0]; // 转化为新的 table columns
+
+      var _columns2 = _extends({}, originColumn, {
+        render: {
+          value: originColumn == null ? void 0 : (_originColumn$render2 = originColumn.render) == null ? void 0 : _originColumn$render2.description,
+          description: undefined,
+          descriptionCopy: undefined
+        }
+      });
+
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(getDataIndexValue(column == null ? void 0 : (_column$render2 = column.render) == null ? void 0 : _column$render2.value, record), _columns2, index, record, actionRef, context);
+    }
+  }; // 获取ProInfoColumns
+
+
+  var getPropInfoColumns = function getPropInfoColumns(record, index) {
+    var contentProp = cardViewProps.content;
+    var content = contentProp;
+
+    if (typeof contentProp === 'function') {
+      content = contentProp == null ? void 0 : contentProp(index, record);
+    }
+
+    if (content) {
+      return content.map(function (item) {
+        if (typeof item === 'string') {
+          return cardColumns.find(function (column) {
+            return column.dataIndex === item;
+          });
+        }
+
+        return content;
+      });
+    } // 默认取4条数据
+
+
+    return cardColumns.filter(function (item, index) {
+      return index > 0 && index < 5;
+    });
+  }; // 从表格columns获取Action配置
+
+
+  var getActionGroupFromColumn = function getActionGroupFromColumn(dataIndex, record, index) {
+    var actionColumn;
+
+    if (dataIndex) {
+      actionColumn = columns == null ? void 0 : columns.find(function (item) {
+        return item.dataIndex.toString() === dataIndex.toString();
+      });
+    } else {
+      // 默认继承表格操作列
+      // 获取操作列，只能获取最后一列
+      actionColumn = columns == null ? void 0 : columns[(columns == null ? void 0 : columns.length) - 1];
+    }
+
+    if (actionColumn.actionSchema) {
+      var _actionColumn, _actionColumn$actionS;
+
+      var newActionColumn = _extends({}, actionColumn, {
+        actionSchema: {
+          actions: (_actionColumn = actionColumn) == null ? void 0 : (_actionColumn$actionS = _actionColumn.actionSchema) == null ? void 0 : _actionColumn$actionS.actions,
+          max: 1
+        }
+      });
+
+      return (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(null, newActionColumn, index, record, actionRef, context);
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);
+  }; // 获取Card操作列配置
+
+
+  var getProCardExtra = function getProCardExtra(record, index) {
+    var extraProp = cardViewProps.extra;
+    var extra = extraProp;
+
+    if (typeof extraProp === 'function') {
+      extra = extraProp == null ? void 0 : extraProp(index, record);
+    }
+
+    if (Array.isArray(extra)) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: cls('extra')
+      }, extra.map(function (item) {
+        if (typeof item === 'string') {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+            className: cls('extra-item')
+          }, getActionGroupFromColumn(item, record, index));
+        }
+
+        if ( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(item)) {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+            className: cls('extra-item')
+          }, item);
+        }
+
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          className: cls('extra-item')
+        }, (0,_utils_columnRender__WEBPACK_IMPORTED_MODULE_5__/* .renderCell */ .c)(null, item, index, record, actionRef, context));
+      }));
+    }
+
+    return getActionGroupFromColumn(undefined, record, index);
+  }; // 渲染Tag
+
+
+  var getTags = function getTags(record, index) {
+    var tagProp = cardViewProps.tags;
+    var tags = tagProp != null ? tagProp : [];
+
+    if (typeof tagProp === 'function') {
+      var _tagProp;
+
+      tags = (_tagProp = tagProp == null ? void 0 : tagProp(index, record)) != null ? _tagProp : [];
+    }
+
+    var getTagFromColumns = function getTagFromColumns(columns, dataIndex) {
+      var _columns$render, _columns$render2, _columns$render4, _columns$render5, _columns$render7, _columns$render8;
+
+      var text = getDataIndexValue(dataIndex, record);
+
+      if (columns != null && (_columns$render = columns.render) != null && _columns$render.value && typeof (columns == null ? void 0 : (_columns$render2 = columns.render) == null ? void 0 : _columns$render2.value) === 'string') {
+        var _columns$render3;
+
+        text = columns == null ? void 0 : (_columns$render3 = columns.render) == null ? void 0 : _columns$render3.value;
+      }
+
+      if (columns != null && (_columns$render4 = columns.render) != null && _columns$render4.value && typeof (columns == null ? void 0 : (_columns$render5 = columns.render) == null ? void 0 : _columns$render5.value) === 'function') {
+        var _columns$render6;
+
+        text = columns == null ? void 0 : (_columns$render6 = columns.render) == null ? void 0 : _columns$render6.value(getDataIndexValue(dataIndex, record), index, record);
+      }
+
+      var color = columns == null ? void 0 : (_columns$render7 = columns.render) == null ? void 0 : _columns$render7.color;
+
+      if (typeof (columns == null ? void 0 : (_columns$render8 = columns.render) == null ? void 0 : _columns$render8.color) === 'function') {
+        var _columns$render9;
+
+        color = columns == null ? void 0 : (_columns$render9 = columns.render) == null ? void 0 : _columns$render9.color(getDataIndexValue(dataIndex, record), index, record);
+      }
+
+      return {
+        children: text,
+        color: color
+      };
+    };
+
+    return tags.map(function (tagItem) {
+      if (typeof tagItem === 'string') {
+        var tagColumns = columns.find(function (item) {
+          return item.dataIndex === tagItem;
+        });
+        return getTagFromColumns(tagColumns, tagItem);
+      }
+
+      if (typeof tagItem === 'object') {
+        return getTagFromColumns(tagItem, tagItem == null ? void 0 : tagItem.dataIndex);
+      }
+    });
+  }; // 加载下一页回调
+
+
+  var onLoadMore = function onLoadMore() {
+    var _actionRef$current;
+
+    actionRef == null ? void 0 : (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.nextPage == null ? void 0 : _actionRef$current.nextPage();
+  }; // 触底回调
+
+
+  var onScrollBottom = function onScrollBottom() {
+    if (cardViewProps.autoLoadNextPage !== false) {
+      onLoadMore();
+      cardViewProps == null ? void 0 : cardViewProps.onScrollBottom == null ? void 0 : cardViewProps.onScrollBottom();
+    }
+  }; // 获取ProCard配置
+
+
+  var getProCardProps = function getProCardProps(record, index) {
+    var _cardViewProps$cardPr;
+
+    var external = ['onCollapse', 'onSelect', 'onClick'];
+    return Object.fromEntries(Object.entries((_cardViewProps$cardPr = cardViewProps.cardProps) != null ? _cardViewProps$cardPr : {}).map(function (_ref2) {
+      var key = _ref2[0],
+          value = _ref2[1];
+
+      if (typeof value === 'function' && !external.includes(key)) {
+        return [key, value == null ? void 0 : value(index, record)];
+      }
+
+      if (typeof value === 'function' && external.includes(key)) {
+        return [key, function () {
+          for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
+            others[_key] = arguments[_key];
+          }
+
+          return value == null ? void 0 : value.apply(void 0, [index, record].concat(others));
+        }];
+      }
+
+      return [key, value];
+    }));
+  }; // 渲染单个卡片
+
+
+  var renderCard = function renderCard(record, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Col, {
+      xxs: 24,
+      xs: 12,
+      s: 8,
+      m: 8,
+      l: 6,
+      xl: 6,
+      key: index,
+      className: cls('card-item')
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.ProCard, _extends({
+      title: renderCardTitle(record, index),
+      subTitle: renderCardSubTitle(record, index),
+      extra: getProCardExtra(record, index),
+      tags: getTags(record, index)
+    }, getProCardProps(record, index)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.ProInfo, {
+      columns: getPropInfoColumns(record, index),
+      dataSource: record,
+      context: {
+        record: record,
+        index: index
+      }
+    })));
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cls()
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_LoadMore__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+    onScrollBottom: onScrollBottom,
+    onLoadMore: onLoadMore,
+    loadState: loadState,
+    scrollHeight: (_cardViewProps$scroll = cardViewProps.scrollHeight) != null ? _cardViewProps$scroll : scrollHeight
+  }, skeletonVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_3__/* .ProSkeletonRaw.Content */ .vR.Content, null), !skeletonVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Row, {
+    gutter: 16,
+    wrap: true,
+    style: {
+      marginTop: '-16px'
+    }
+  }, dataSource == null ? void 0 : dataSource.map(function (item, index) {
+    return renderCard(item, index);
+  }))));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CardView);
+
+/***/ }),
+
 /***/ 98300:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -95879,7 +96496,8 @@ var RadioItem = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.RadioIt
 
 var Filter = function Filter(props) {
   var column = props.column,
-      actionRef = props.actionRef;
+      actionRef = props.actionRef,
+      switchCardView = props.switchCardView;
   var _column$filtersWidth = column.filtersWidth,
       filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth; // 选中过滤项
 
@@ -96011,7 +96629,7 @@ var Filter = function Filter(props) {
       btn: true
     }),
     onClick: function onClick() {
-      var _actionRef$current2, _actionRef$current$ge5, _actionRef$current3, _actionRef$current3$g, _actionRef$current4, _extends2, _actionRef$current5, _actionRef$current6, _actionRef$current6$r, _actionRef$current7, _actionRef$current8;
+      var _actionRef$current2, _actionRef$current$ge5, _actionRef$current3, _actionRef$current3$g, _actionRef$current4, _extends2, _actionRef$current5, _actionRef$current7, _actionRef$current7$r, _actionRef$current8, _actionRef$current9;
 
       (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.filterDataSource == null ? void 0 : _actionRef$current2.filterDataSource(column.dataIndex); // 先获取此列的param
 
@@ -96035,13 +96653,19 @@ var Filter = function Filter(props) {
 
       if (pageInfo && pageInfo != null && pageInfo.targetPageKey) {
         targetPageKey = pageInfo == null ? void 0 : pageInfo.targetPageKey;
+      }
+
+      if (switchCardView === 'card') {
+        var _actionRef$current6;
+
+        (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.setData == null ? void 0 : _actionRef$current6.setData([]);
       } // 发送请求
 
 
-      (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.request == null ? void 0 : _actionRef$current6.request((_actionRef$current6$r = {}, _actionRef$current6$r[targetPageKey] = 1, _actionRef$current6$r));
-      (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.resetPage == null ? void 0 : _actionRef$current7.resetPage(); // 清空表格选择
+      (_actionRef$current7 = actionRef.current) == null ? void 0 : _actionRef$current7.request == null ? void 0 : _actionRef$current7.request((_actionRef$current7$r = {}, _actionRef$current7$r[targetPageKey] = 1, _actionRef$current7$r));
+      (_actionRef$current8 = actionRef.current) == null ? void 0 : _actionRef$current8.resetPage == null ? void 0 : _actionRef$current8.resetPage(); // 清空表格选择
 
-      (_actionRef$current8 = actionRef.current) == null ? void 0 : _actionRef$current8.clearRowSelection == null ? void 0 : _actionRef$current8.clearRowSelection();
+      (_actionRef$current9 = actionRef.current) == null ? void 0 : _actionRef$current9.clearRowSelection == null ? void 0 : _actionRef$current9.clearRowSelection();
       setVisible(false);
     }
   }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('ok')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
@@ -96051,31 +96675,31 @@ var Filter = function Filter(props) {
       btn: true
     }),
     onClick: function onClick() {
-      var _actionRef$current$ge6, _actionRef$current9, _actionRef$current9$g, _actionRef$current10, _extends3, _actionRef$current11;
+      var _actionRef$current$ge6, _actionRef$current10, _actionRef$current10$, _actionRef$current11, _extends3, _actionRef$current12;
 
       setSelected([]);
-      var rules = (_actionRef$current$ge6 = (_actionRef$current9 = actionRef.current) == null ? void 0 : _actionRef$current9.getState == null ? void 0 : (_actionRef$current9$g = _actionRef$current9.getState()) == null ? void 0 : _actionRef$current9$g.filterRules) != null ? _actionRef$current$ge6 : {};
-      (_actionRef$current10 = actionRef.current) == null ? void 0 : _actionRef$current10.setFilterRules == null ? void 0 : _actionRef$current10.setFilterRules(_extends({}, rules, (_extends3 = {}, _extends3[column.dataIndex] = {
+      var rules = (_actionRef$current$ge6 = (_actionRef$current10 = actionRef.current) == null ? void 0 : _actionRef$current10.getState == null ? void 0 : (_actionRef$current10$ = _actionRef$current10.getState()) == null ? void 0 : _actionRef$current10$.filterRules) != null ? _actionRef$current$ge6 : {};
+      (_actionRef$current11 = actionRef.current) == null ? void 0 : _actionRef$current11.setFilterRules == null ? void 0 : _actionRef$current11.setFilterRules(_extends({}, rules, (_extends3 = {}, _extends3[column.dataIndex] = {
         rules: [],
         params: ''
       }, _extends3)));
-      (_actionRef$current11 = actionRef.current) == null ? void 0 : _actionRef$current11.filterDataSource == null ? void 0 : _actionRef$current11.filterDataSource(column.dataIndex);
+      (_actionRef$current12 = actionRef.current) == null ? void 0 : _actionRef$current12.filterDataSource == null ? void 0 : _actionRef$current12.filterDataSource(column.dataIndex);
 
       if (selected.length > 0) {
-        var _actionRef$current12, _actionRef$current13, _actionRef$current13$, _actionRef$current14, _actionRef$current15;
+        var _actionRef$current13, _actionRef$current14, _actionRef$current14$, _actionRef$current15, _actionRef$current16;
 
         var targetPageKey = 'currentPage';
-        var pageInfo = (_actionRef$current12 = actionRef.current) == null ? void 0 : _actionRef$current12.pageInfo;
+        var pageInfo = (_actionRef$current13 = actionRef.current) == null ? void 0 : _actionRef$current13.pageInfo;
 
         if (pageInfo && pageInfo != null && pageInfo.targetPageKey) {
           targetPageKey = pageInfo == null ? void 0 : pageInfo.targetPageKey;
         } // 发送请求
 
 
-        (_actionRef$current13 = actionRef.current) == null ? void 0 : _actionRef$current13.request == null ? void 0 : _actionRef$current13.request((_actionRef$current13$ = {}, _actionRef$current13$[targetPageKey] = 1, _actionRef$current13$));
-        (_actionRef$current14 = actionRef.current) == null ? void 0 : _actionRef$current14.resetPage == null ? void 0 : _actionRef$current14.resetPage(); // 清空表格选择
+        (_actionRef$current14 = actionRef.current) == null ? void 0 : _actionRef$current14.request == null ? void 0 : _actionRef$current14.request((_actionRef$current14$ = {}, _actionRef$current14$[targetPageKey] = 1, _actionRef$current14$));
+        (_actionRef$current15 = actionRef.current) == null ? void 0 : _actionRef$current15.resetPage == null ? void 0 : _actionRef$current15.resetPage(); // 清空表格选择
 
-        (_actionRef$current15 = actionRef.current) == null ? void 0 : _actionRef$current15.clearRowSelection == null ? void 0 : _actionRef$current15.clearRowSelection();
+        (_actionRef$current16 = actionRef.current) == null ? void 0 : _actionRef$current16.clearRowSelection == null ? void 0 : _actionRef$current16.clearRowSelection();
       } // setVisible(!visible);
 
     }
@@ -96101,7 +96725,7 @@ var Filter = function Filter(props) {
 /* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89417);
 /* harmony import */ var _ToolBar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75348);
 /* harmony import */ var _QuickAction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96379);
-var _excluded = ["header", "mainAction", "extra", "actionRef", "dataFilter", "dataFilterFormRef", "afterDataFilter", "rowSelection", "toolBar"];
+var _excluded = ["header", "mainAction", "extra", "actionRef", "dataFilter", "dataFilterFormRef", "afterDataFilter", "rowSelection", "toolBar", "dataTeamixSpm"];
 
 function _extends() { _extends = Object.assign || 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); }
 
@@ -96127,6 +96751,7 @@ var Layout = function Layout(props) {
       afterDataFilter = props.afterDataFilter,
       rowSelection = props.rowSelection,
       toolBar = props.toolBar,
+      dataTeamixSpm = props.dataTeamixSpm,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded); // 渲染主操作区
 
 
@@ -96151,7 +96776,8 @@ var Layout = function Layout(props) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('main-action')
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_3__/* .ProActionGroup */ .d5, _extends({}, mainAction, {
-        context: _extends({}, defaultContext, mainAction.context)
+        context: _extends({}, defaultContext, mainAction.context),
+        "data-teamix-spm": dataTeamixSpm ? dataTeamixSpm + "-mainAction" : undefined
       })));
     } else return mainAction;
   }; // 渲染 addonAfter
@@ -96286,6 +96912,116 @@ var Layout = function Layout(props) {
 
 /***/ }),
 
+/***/ 53986:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80653);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_1__.usePrefixCls)('teamix-pro-load-more');
+
+var LoadMore = function LoadMore(props) {
+  var children = props.children,
+      onChangeLoadState = props.onChangeLoadState,
+      onLoadMore = props.onLoadMore,
+      scrollHeight = props.scrollHeight,
+      onScrollBottom = props.onScrollBottom,
+      loadStateProp = props.loadState,
+      scrollPositionProp = props.scrollPosition;
+  var scrollDom = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); // 加载状态
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('loadMore'),
+      loadState = _useState[0],
+      setLoadState = _useState[1];
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var _scrollDom$current;
+
+    scrollDom == null ? void 0 : (_scrollDom$current = scrollDom.current) == null ? void 0 : _scrollDom$current.addEventListener('scroll', lodash_debounce__WEBPACK_IMPORTED_MODULE_3___default()(function (e) {
+      var _e$target, _e$target2, _e$target3;
+
+      var scrollTop = e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.scrollTop;
+      var clientHeight = e == null ? void 0 : (_e$target2 = e.target) == null ? void 0 : _e$target2.clientHeight;
+      var scrollHeight = e == null ? void 0 : (_e$target3 = e.target) == null ? void 0 : _e$target3.scrollHeight;
+
+      if (scrollTop + clientHeight + 5 >= scrollHeight) {
+        onScrollBottom == null ? void 0 : onScrollBottom();
+      }
+    }, 100));
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    setLoadState(loadStateProp);
+  }, [loadStateProp]); // 更改加载状态
+
+  var onLoadState = function onLoadState(state) {
+    setLoadState(state);
+
+    if (state === 'loading') {
+      onLoadMore == null ? void 0 : onLoadMore();
+    }
+
+    onChangeLoadState == null ? void 0 : onChangeLoadState(state);
+  }; // 渲染加载更多和正在加载区域
+
+
+  var renderLoadMore = function renderLoadMore() {
+    if (loadState === 'loadMore') {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: cls('bottom-text'),
+        onClick: function onClick() {
+          return onLoadState('loading');
+        }
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        type: "down-line",
+        size: "small",
+        className: cls('bottom-text-icon')
+      }), "\u52A0\u8F7D\u66F4\u591A");
+    }
+
+    if (loadState === 'loading') {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: cls('bottom-text')
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+        type: "loading-line",
+        size: "small",
+        className: cls('bottom-text-icon')
+      }), "\u52A0\u8F7D\u4E2D");
+    }
+
+    if (loadState === 'noMore') {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+        className: cls('bottom-text')
+      }, "\u6CA1\u6709\u66F4\u591A\u4E86");
+    }
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cls(),
+    style: {
+      height: scrollHeight != null ? scrollHeight : 'auto'
+    },
+    ref: scrollDom
+  }, children, renderLoadMore());
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LoadMore);
+
+/***/ }),
+
 /***/ 33977:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -96602,6 +97338,73 @@ var QuickAction = function QuickAction(props) {
 
 /***/ }),
 
+/***/ 18418:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _teamix_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89227);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90450);
+/**
+ * 切换 table card 视角
+ */
+
+
+
+
+
+
+var RadioGroup = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Radio.Group;
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.usePrefixCls)('teamix-pro-table-toolbar-switch-card');
+
+var CardSwitch = function CardSwitch(props) {
+  var actionRef = props.actionRef,
+      defaultView = props.defaultView; // 选择视角
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultView != null ? defaultView : 'table'),
+      radioView = _useState[0],
+      setRadioView = _useState[1]; // 选择视角回调
+
+
+  var onRadioViewChange = function onRadioViewChange(value) {
+    var _actionRef$current;
+
+    setRadioView(value);
+    (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.switchView == null ? void 0 : _actionRef$current.switchView(value);
+    (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .emit */ .j8)('cardSwitchChange', value);
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RadioGroup, {
+    shape: "button",
+    value: radioView,
+    onChange: onRadioViewChange,
+    className: cls()
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Radio, {
+    id: "banana",
+    value: "table"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    type: "menu-line",
+    size: "small"
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Radio, {
+    id: "watermelon",
+    value: "card"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    type: "all-line",
+    size: "small"
+  })));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CardSwitch);
+
+/***/ }),
+
 /***/ 69257:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -96812,7 +97615,12 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
 
   var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false),
       dropdownVisible = _useState5[0],
-      setDropdownVisible = _useState5[1];
+      setDropdownVisible = _useState5[1]; // 视角
+
+
+  var _useState6 = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)('table'),
+      cardView = _useState6[0],
+      setCardView = _useState6[1];
 
   (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
     _utils__WEBPACK_IMPORTED_MODULE_4__.on == null ? void 0 : (0,_utils__WEBPACK_IMPORTED_MODULE_4__.on)(function (stateFilterColumns) {
@@ -96830,8 +97638,12 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
         setNewColumns(stateColumns);
       }
     }, 'refreshFilterState');
+    _utils__WEBPACK_IMPORTED_MODULE_4__.on == null ? void 0 : (0,_utils__WEBPACK_IMPORTED_MODULE_4__.on)(function (view) {
+      setCardView(view);
+    }, 'cardSwitchChange');
     return function () {
       (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .off */ .S1)('refreshFilterState');
+      (0,_utils__WEBPACK_IMPORTED_MODULE_4__/* .off */ .S1)('cardSwitchChange');
     };
   });
   (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(function () {
@@ -96998,7 +97810,8 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(CheckboxItem, {
       indeterminate: indeterminate,
       checked: allVisible,
-      onChange: onChangeAllColumns
+      onChange: onChangeAllColumns,
+      disabled: cardView === 'card'
     }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('selectAll'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Button, {
       onClick: restColumns,
       className: cls({
@@ -97217,6 +98030,8 @@ var FullScreen = function FullScreen(props) {
   }, [visible, actionRef]);
 
   var afterClose = function afterClose() {
+    var _document;
+
     // 判断全屏前后筛选表单值是否有改变
     var n = JSON.stringify((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getValidValues)(normalDataFilterForm == null ? void 0 : normalDataFilterForm.values));
     var f = JSON.stringify((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getValidValues)(fullscreenDataFilterForm == null ? void 0 : fullscreenDataFilterForm.values));
@@ -97230,11 +98045,17 @@ var FullScreen = function FullScreen(props) {
     } // 关闭全屏后，关闭全屏表单onFilter
 
 
-    filterEnableRef.current.fullscreen = false;
+    filterEnableRef.current.fullscreen = false; // 移除类名
+
+    if (document && (_document = document) != null && _document.body) {
+      document.body.classList.remove('teamix-pro-table-fullscreen');
+    }
   }; // 全屏开启之后
 
 
   var afterOpen = function afterOpen() {
+    var _document2;
+
     // 判断全屏前后筛选表单值是否有改变
     var n = JSON.stringify((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getValidValues)(normalDataFilterForm == null ? void 0 : normalDataFilterForm.values));
     var f = JSON.stringify((0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getValidValues)(fullscreenDataFilterForm == null ? void 0 : fullscreenDataFilterForm.values));
@@ -97248,7 +98069,12 @@ var FullScreen = function FullScreen(props) {
     } // 全屏后，关闭普通表单onFilter
 
 
-    filterEnableRef.current.normal = false; // 消息提示
+    filterEnableRef.current.normal = false; // 为 body 添加类名，用于判断是否全屏
+
+    if (document && (_document2 = document) != null && _document2.body) {
+      document.body.classList.add('teamix-pro-table-fullscreen');
+    } // 消息提示
+
 
     _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Message.show({
       type: 'notice',
@@ -97374,6 +98200,11 @@ var LayoutIcon = function LayoutIcon(props) {
 /* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(42341);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(39339);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _CardSwitch__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(18418);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(52308);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_11__);
+
+
 
 
 
@@ -97390,7 +98221,8 @@ var presetToolBarMap = {
   refresh: _RefreshIcon__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z,
   density: _DensityIcon__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z,
   filtercolumn: _FilterColumnIcon__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z,
-  fullscreen: _FullScreenIcon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z
+  fullscreen: _FullScreenIcon__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z,
+  switchcard: _CardSwitch__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z
 };
 var presetToolBarName = ['refresh', 'density', 'filtercolumn', 'fullscreen'];
 var presetToolBar = [{
@@ -97415,7 +98247,10 @@ var ToolBar = function ToolBar(props) {
   var _toolBarRef$current, _toolBarRef$current$p, _toolBarRef$current$p2;
 
   var toolBar = props.toolBar,
-      fullScreenState = props.fullScreenState;
+      fullScreenState = props.fullScreenState,
+      switchCardView = props.switchCardView,
+      _props$toolBarAutoWid = props.toolBarAutoWidth,
+      toolBarAutoWidth = _props$toolBarAutoWid === void 0 ? true : _props$toolBarAutoWid;
   var toolBarRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null); // const toolBarSize = useSize(toolBarRef);
   // 用于获取内容宽度
 
@@ -97434,44 +98269,69 @@ var ToolBar = function ToolBar(props) {
 
 
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(lodash_debounce__WEBPACK_IMPORTED_MODULE_9___default()(function () {
-    // console.log(
-    //   layoutInlineSize?.width,
-    //   leftWidth,
-    //   toolBarContentRef.current?.clientWidth,
-    // );
-    if (layoutInlineSize != null && layoutInlineSize.width && leftWidth && toolBarContentRef.current) {
+    if (layoutInlineSize != null && layoutInlineSize.width && leftWidth && toolBarContentRef.current && toolBarAutoWidth) {
       var _toolBarContentRef$cu;
 
-      var width = layoutInlineSize.width; // console.log('layoutInlineSize-width', width);
+      var width = layoutInlineSize.width,
+          height = layoutInlineSize.height;
 
-      if (width - leftWidth <= ((_toolBarContentRef$cu = toolBarContentRef.current) == null ? void 0 : _toolBarContentRef$cu.clientWidth) + 8) {
+      if (width - leftWidth <= ((_toolBarContentRef$cu = toolBarContentRef.current) == null ? void 0 : _toolBarContentRef$cu.clientWidth) + 8 || height > 40) {
         setFlat(false);
-      } else {
+      } else if (height === 40) {
         setFlat(true);
       }
     }
-  }, 300));
-  var toolBarList = toolBar !== false ? presetToolBar : [];
+  }, 300)); // 初始态
+
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    if (!(layoutInlineSize != null && layoutInlineSize.width && leftWidth)) {
+      setFlat(true);
+    }
+  }, []);
+  var toolBarList = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var result = toolBar !== false ? lodash_clonedeep__WEBPACK_IMPORTED_MODULE_11___default()(presetToolBar) : [];
+
+    if (switchCardView && !result.find(function (item) {
+      return item.name === 'switchCard';
+    })) {
+      result.push({
+        type: 'preset',
+        name: 'switchCard',
+        component: presetToolBarMap['switchcard']
+      });
+    }
+
+    if (Array.isArray(toolBar)) {
+      result = toolBar.map(function (item, index) {
+        if (typeof item === 'string' && presetToolBarName.includes(item.toLowerCase())) {
+          return {
+            type: 'preset',
+            name: item,
+            component: presetToolBarMap[item.toLowerCase()]
+          };
+        }
 
-  if (Array.isArray(toolBar)) {
-    toolBarList = toolBar.map(function (item, index) {
-      if (typeof item === 'string' && presetToolBarName.includes(item.toLowerCase())) {
         return {
-          type: 'preset',
-          name: item,
-          component: presetToolBarMap[item.toLowerCase()]
+          type: 'custom',
+          name: "custom" + index,
+          component: item
         };
-      }
+      });
 
-      return {
-        type: 'custom',
-        name: "custom" + index,
-        component: item
-      };
-    });
-  }
+      if (!toolBar.includes('switchCard') && switchCardView && !result.find(function (item) {
+        return item.name === 'switchCard';
+      })) {
+        result.push({
+          type: 'preset',
+          name: 'switchCard',
+          component: presetToolBarMap['switchcard']
+        });
+      }
+    }
 
-  var renderFlatShape = function renderFlatShape() {
+    return result;
+  }, [toolBar]);
+  var renderFlatShape = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
       className: cls('content')
     }, toolBarList.map(function (_ref) {
@@ -97489,7 +98349,7 @@ var ToolBar = function ToolBar(props) {
         })
       }, Component));
     }));
-  };
+  }, [toolBarList]);
 
   var renderUnFlatShape = function renderUnFlatShape() {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Balloon.Tooltip, {
@@ -97504,7 +98364,7 @@ var ToolBar = function ToolBar(props) {
         type: "more-line"
       })),
       align: "tr"
-    }, renderFlatShape()));
+    }, renderFlatShape));
   };
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
@@ -97512,10 +98372,10 @@ var ToolBar = function ToolBar(props) {
       flat: flat
     }),
     ref: toolBarRef
-  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: cls('shadow'),
     ref: toolBarContentRef
-  }, renderFlatShape()));
+  }, renderFlatShape));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToolBar);
@@ -97539,7 +98399,7 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53277);
 /* harmony import */ var _components_Layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9458);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90450);
-/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(78964);
+/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(78964);
 /* harmony import */ var _utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98806);
 /* harmony import */ var _utils_useTableSelection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23779);
 /* harmony import */ var _components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21630);
@@ -97550,7 +98410,9 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(2781);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(39339);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_15__);
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree"];
+/* harmony import */ var _components_CardView__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(9285);
+/* harmony import */ var _demos_table_columns__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(76672);
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "afterDataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestConfig", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -97585,6 +98447,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
+
 
 
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.usePrefixCls)('teamix-pro-table');
@@ -97713,6 +98577,14 @@ var ProTable = function ProTable(props) {
       _props$fixedTableBody = props.fixedTableBody,
       fixedTableBody = _props$fixedTableBody === void 0 ? false : _props$fixedTableBody,
       isTree = props.isTree,
+      _props$toolBarAutoWid = props.toolBarAutoWidth,
+      toolBarAutoWidth = _props$toolBarAutoWid === void 0 ? true : _props$toolBarAutoWid,
+      dataTeamixSpm = props['data-teamix-spm'],
+      _props$switchCardView = props.switchCardView,
+      switchCardView = _props$switchCardView === void 0 ? false : _props$switchCardView,
+      cardViewProps = props.cardViewProps,
+      _props$defaultView = props.defaultView,
+      defaultView = _props$defaultView === void 0 ? 'table' : _props$defaultView,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var targetPageKey = pageKey || globalPageKey;
@@ -97733,7 +98605,7 @@ var ProTable = function ProTable(props) {
 
   var _useState4 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(propsDataSource != null ? propsDataSource : []),
       data = _useState4[0],
-      setData = _useState4[1];
+      _setData = _useState4[1];
 
   var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(props.sort || {}),
       sort = _useState5[0],
@@ -97875,7 +98747,11 @@ var ProTable = function ProTable(props) {
 
         var offsetHeaderHeight = headerHeight + tableHeaderHeight + pageHeaderHeight + teamixNavHeight + footerRowSelectionHeight + 16 + (offset != null ? offset : 0) + 1;
 
-        if (tableBodyDom.clientHeight < tableBodyDom.scrollHeight) {
+        if (switchViewState === 'card') {
+          offsetHeaderHeight = offsetHeaderHeight - tableHeaderHeight - footerRowSelectionHeight;
+        }
+
+        if ((tableBodyDom == null ? void 0 : tableBodyDom.clientHeight) < (tableBodyDom == null ? void 0 : tableBodyDom.scrollHeight)) {
           setFooterSuctionState(true);
         } else {
           setFooterSuctionState(false);
@@ -97908,7 +98784,12 @@ var ProTable = function ProTable(props) {
 
   var _useState14 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
       fullscreenState = _useState14[0],
-      setFullscreenState = _useState14[1]; // 切换全屏搜索开关
+      setFullscreenState = _useState14[1]; // 切换视角
+
+
+  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultView != null ? defaultView : 'table'),
+      switchViewState = _useState15[0],
+      setSwitchViewState = _useState15[1]; // 切换全屏搜索开关
 
 
   var filterEnableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
@@ -97924,9 +98805,9 @@ var ProTable = function ProTable(props) {
   var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef; // let dataFilterForm = dataFilterFormRef.current;
   // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
 
-  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-      footerSuctionState = _useState15[0],
-      setFooterSuctionState = _useState15[1]; // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
+  var _useState16 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+      footerSuctionState = _useState16[0],
+      setFooterSuctionState = _useState16[1]; // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
 
 
   var getFooterSuctionState = function getFooterSuctionState() {
@@ -98052,7 +98933,7 @@ var ProTable = function ProTable(props) {
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (propsDataSource) {
-      setData(propsDataSource);
+      _setData(propsDataSource);
     }
   }, [propsDataSource]); // 初始化 ActionRef。
 
@@ -98118,7 +98999,18 @@ var ProTable = function ProTable(props) {
       _setSize(mode);
     },
     refresh: function refresh(params) {
-      return _request(params);
+      // card视角的刷新等于重新请求
+      if (switchViewState === 'card') {
+        var _extends2;
+
+        setCurrentPage(1);
+
+        _request(_extends({}, params, (_extends2 = {}, _extends2[targetPageKey] = 1, _extends2)));
+
+        setShowSkeleton(true);
+      } else {
+        _request(params);
+      }
     },
     request: function request(params) {
       // 如果请求中还有翻页相关信息，需要自动设置到指定页
@@ -98146,6 +99038,14 @@ var ProTable = function ProTable(props) {
     resetPage: function resetPage() {
       setCurrentPage(1);
     },
+    nextPage: function nextPage() {
+      var _request3;
+
+      var newCurrentPage = currentPage + 1;
+      setCurrentPage(newCurrentPage);
+
+      _request((_request3 = {}, _request3[targetPageKey] = newCurrentPage, _request3));
+    },
     rowSelection: rowSelection,
     clearRowSelection: function clearRowSelection() {
       rowSelectionHook.setSelectedRowKeys([]);
@@ -98165,8 +99065,34 @@ var ProTable = function ProTable(props) {
     normalDataFilterForm: normalDataFilterForm,
     fullscreenDataFilterForm: fullscreenDataFilterForm,
     filterEnableRef: filterEnableRef,
+    setData: function setData(data) {
+      _setData(data);
+    },
     resetTableMaxBodyHeight: function resetTableMaxBodyHeight(offset) {
       getHeaderHeight(fullscreenState, offset);
+    },
+    switchView: function switchView(view) {
+      setSwitchViewState(view);
+      setShowSkeleton(true);
+      setCurrentPage(1);
+
+      if (view === 'table') {
+        var _request4;
+
+        setPageSize(pageSize != null ? pageSize : 20);
+
+        _request((_request4 = {}, _request4[targetPageSizeKey] = pageSize != null ? pageSize : 20, _request4[targetPageKey] = 1, _request4));
+      }
+
+      if (view === 'card') {
+        var _cardViewProps$pageSi, _cardViewProps$pageSi2, _request5;
+
+        setPageSize((_cardViewProps$pageSi = cardViewProps == null ? void 0 : cardViewProps.pageSize) != null ? _cardViewProps$pageSi : 12);
+
+        _request((_request5 = {}, _request5[targetPageSizeKey] = (_cardViewProps$pageSi2 = cardViewProps == null ? void 0 : cardViewProps.pageSize) != null ? _cardViewProps$pageSi2 : 12, _request5[targetPageKey] = 1, _request5));
+      }
+
+      getHeaderHeight(fullscreenState);
     }
   }); // 将 Actions 绑定到传入的 propsActionRef 中
 
@@ -98175,8 +99101,6 @@ var ProTable = function ProTable(props) {
   }
 
   function onFormatResult(next) {
-    var _next$data;
-
     props.onFormatResult && props.onFormatResult(next);
     var time = autoRefresh ? autoRefresh(next.data) : false;
 
@@ -98188,8 +99112,22 @@ var ProTable = function ProTable(props) {
     } // 设置 dataSource、total
 
 
-    setData(next.data || []);
-    setTotal(next.total || ((_next$data = next.data) == null ? void 0 : _next$data.length));
+    if (switchViewState === 'table' || currentPage === 1) {
+      var _next$data;
+
+      _setData(next.data || []);
+
+      setTotal(next.total || ((_next$data = next.data) == null ? void 0 : _next$data.length));
+    }
+
+    if (switchViewState === 'card' && currentPage !== 1) {
+      var _next$data2;
+
+      _setData([].concat(_toConsumableArray(data), _toConsumableArray(next.data || [])));
+
+      setTotal(total + (next.total || ((_next$data2 = next.data) == null ? void 0 : _next$data2.length)));
+    }
+
     setShowSkeleton(false);
   } // 请求表格数据工具函数
 
@@ -98263,7 +99201,7 @@ var ProTable = function ProTable(props) {
   }); // 请求函数
 
   function _request(params, noLoading, filterParams) {
-    var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current5, _extends2;
+    var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current5, _extends3;
 
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
@@ -98280,7 +99218,7 @@ var ProTable = function ProTable(props) {
 
     var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current5 = actionRef.current) == null ? void 0 : _actionRef$current5.getFilterRules == null ? void 0 : _actionRef$current5.getFilterRules()) != null ? _actionRef$current$ge : {}; // 格式化后的请求参数
 
-    var requestData = formatParams(_extends({}, !showPagination ? _extends({}, dataFilterParams, propsParams, sortParams, columnsFilterParams) : _extends((_extends2 = {}, _extends2[targetPageKey] = currentPage, _extends2[targetPageSizeKey] = pageSize, _extends2), dataFilterParams, propsParams, sortParams, columnsFilterParams), params));
+    var requestData = formatParams(_extends({}, !showPagination ? _extends({}, dataFilterParams, propsParams, sortParams, columnsFilterParams) : _extends((_extends3 = {}, _extends3[targetPageKey] = currentPage, _extends3[targetPageSizeKey] = pageSize, _extends3), dataFilterParams, propsParams, sortParams, columnsFilterParams), params));
 
     if (requestData) {
       if (autoRefreshTimerRef.current) {
@@ -98308,14 +99246,24 @@ var ProTable = function ProTable(props) {
       if (customRequest && typeof customRequest === 'function') {
         setCustomTableLoading(true);
         customRequest(requestData).then(function (res) {
-          var data = res.data,
-              total = res.total,
+          var dataRes = res.data,
+              totalRes = res.total,
               success = res.success;
 
           if (success === true) {
             // 设置 dataSource、total
-            setData(data || []);
-            setTotal(total || (data == null ? void 0 : data.length));
+            if (switchViewState === 'table' || params['targetPageKey'] === 1) {
+              _setData(dataRes || []);
+
+              setTotal(totalRes || (dataRes == null ? void 0 : dataRes.length));
+            }
+
+            if (switchViewState === 'card' && params['targetPageKey'] !== 1) {
+              _setData([].concat(_toConsumableArray(data), _toConsumableArray(dataRes || [])));
+
+              setTotal(total + (totalRes || (dataRes == null ? void 0 : dataRes.length)));
+            }
+
             setShowSkeleton(false);
             setCustomTableLoading(false);
           } // 重新计算是否需要吸底
@@ -98366,7 +99314,7 @@ var ProTable = function ProTable(props) {
       return true;
     } : undefined,
     onFilter: function onFilter(values) {
-      var _actionRef$current6, _request3;
+      var _actionRef$current6, _request6;
 
       // 全屏状态，判断全屏表单onFilter是否禁用
       if (fullscreenState && !filterEnableRef.current.fullscreen) {
@@ -98384,19 +99332,17 @@ var ProTable = function ProTable(props) {
 
       (_actionRef$current6 = actionRef.current) == null ? void 0 : _actionRef$current6.clearRowSelection == null ? void 0 : _actionRef$current6.clearRowSelection();
       setCurrentPage(1);
-      console.log('currentPageSize1', pageSize);
 
-      _request((_request3 = {}, _request3[targetPageKey] = 1, _request3), false, values);
+      _request((_request6 = {}, _request6[targetPageKey] = 1, _request6), false, values);
     },
     onReset: function onReset(values) {
-      var _dataFilterFormRef$cu3, _request4;
+      var _dataFilterFormRef$cu3, _request7;
 
       (propsDataFilter == null ? void 0 : propsDataFilter.onReset) && (propsDataFilter == null ? void 0 : propsDataFilter.onReset());
       (_dataFilterFormRef$cu3 = dataFilterFormRef.current) == null ? void 0 : _dataFilterFormRef$cu3.reset();
       setCurrentPage(1);
-      console.log('currentPageSize2', pageSize);
 
-      _request((_request4 = {}, _request4[targetPageKey] = 1, _request4), false, values);
+      _request((_request7 = {}, _request7[targetPageKey] = 1, _request7), false, values);
     }
   });
 
@@ -98414,7 +99360,8 @@ var ProTable = function ProTable(props) {
         className: classnames__WEBPACK_IMPORTED_MODULE_13___default()('teamix-pro-table-container', className, 'teamix-test-request'),
         "data-teamix-test-request": "url=" + url + "&formatResult=" + !!formatResult,
         "data-teamix-test-params": (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTestRequestParams)(propsParams),
-        "data-teamix-test-data": (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTestRequestData)(propsColumns)
+        "data-teamix-test-data": (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getTestRequestData)(propsColumns),
+        "data-teamix-spm": dataTeamixSpm
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Layout__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
         header: header,
         mainAction: mainAction,
@@ -98427,11 +99374,15 @@ var ProTable = function ProTable(props) {
         dataFilterFormRef: isFullScreen ? fullscreenDataFilterFormRef : normalDataFilterFormRef,
         rowSelection: rowSelection,
         filterColumnType: filterColumnType,
-        fullScreenState: isFullScreen
-      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table.StickyLock, _extends({
+        fullScreenState: isFullScreen,
+        toolBarAutoWidth: toolBarAutoWidth,
+        dataTeamixSpm: dataTeamixSpm,
+        switchCardView: switchCardView,
+        defaultView: defaultView
+      }), switchViewState === 'table' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table.StickyLock, _extends({
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
-        columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef, context),
+        columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm),
         loading: getTableLoading(),
         className: classnames__WEBPACK_IMPORTED_MODULE_13___default()('teamix-pro-table', tableClassName, {
           'with-row-select': rowSelection,
@@ -98448,12 +99399,22 @@ var ProTable = function ProTable(props) {
         fixedHeader: fullscreenState || fixedTableBody,
         maxBodyHeight: "calc(100vh - " + headerHeight + "px)" // 过滤出可以传到 Table 的 Props
 
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps))));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z)(), otherProps))), switchViewState === 'card' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CardView__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
+        dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
+        showSkeleton: showSkeleton,
+        loading: getTableLoading(),
+        originColumns: _demos_table_columns__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z,
+        cardViewProps: cardViewProps,
+        scrollHeight: fullscreenState || fixedTableBody ? "calc(100vh - " + headerHeight + "px)" : undefined,
+        actionRef: actionRef,
+        context: context,
+        columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef, context)
+      }));
     } else {
       // 不传 columns 直接返回原始 Table
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table, _extends({
         className: cls()
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps)));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .Z)(), otherProps)));
     }
   };
 
@@ -98480,14 +99441,15 @@ var ProTable = function ProTable(props) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer-action')
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_12__/* .ProActionGroup */ .d5, _extends({}, targetFooterActions, {
-        context: _extends({}, defaultContext, targetFooterActions == null ? void 0 : targetFooterActions.context)
+        context: _extends({}, defaultContext, targetFooterActions == null ? void 0 : targetFooterActions.context),
+        "data-teamix-spm": dataTeamixSpm ? dataTeamixSpm + "-footerAction" : undefined
       })));
     } else return footerAction;
   };
 
   var renderFooter = function renderFooter() {
     function onChangePagination(currentPage, params) {
-      var _extends3;
+      var _extends4;
 
       if (params === void 0) {
         params = {};
@@ -98502,11 +99464,11 @@ var ProTable = function ProTable(props) {
 
       setCurrentPage(currentPage);
 
-      _request(_extends((_extends3 = {}, _extends3[targetPageKey] = currentPage, _extends3), params));
+      _request(_extends((_extends4 = {}, _extends4[targetPageKey] = currentPage, _extends4), params));
     }
 
     function onChangePaginationSize(currentPageSize) {
-      var _request5;
+      var _request8;
 
       // 翻页默认清空选择
       if (!reserveSelectedRecords) {
@@ -98518,7 +99480,7 @@ var ProTable = function ProTable(props) {
       setPageSize(currentPageSize);
       setCurrentPage(1);
 
-      _request((_request5 = {}, _request5[targetPageSizeKey] = currentPageSize, _request5[targetPageKey] = 1, _request5));
+      _request((_request8 = {}, _request8[targetPageSizeKey] = currentPageSize, _request8[targetPageKey] = 1, _request8));
     }
 
     function renderRowSelection() {
@@ -98530,13 +99492,13 @@ var ProTable = function ProTable(props) {
         } else {
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: cls('footer-left-wrapper')
-          }, rowSelection.mode !== 'single' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Checkbox, _extends({
+          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, rowSelection.mode !== 'single' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Checkbox, _extends({
             className: cls("footer-checkbox-" + size)
           }, getCheckAllProps())), footerAction && renderFooterAction(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
             className: cls('selected-msg')
           }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('selected', {
             count: selectedCount
-          })));
+          }))));
         }
       } else if (footerAction) {
         if (showSkeleton) {
@@ -98551,7 +99513,7 @@ var ProTable = function ProTable(props) {
       }
     }
 
-    if (showPagination) {
+    if (showPagination && switchViewState === 'table') {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer', {
           'footer-has-rowSelection': rowSelection,
@@ -98582,7 +99544,7 @@ var ProTable = function ProTable(props) {
           return onChangePaginationSize(number);
         }
       }, props.paginationProps)))));
-    } else if (!showPagination) {
+    } else if (!showPagination && (footerAction || rowSelection || useRowSelection)) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer', {
           'footer-has-rowSelection': rowSelection
@@ -98596,6 +99558,7 @@ var ProTable = function ProTable(props) {
 
   var fixFooterState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     if (fullscreenState) {
+      // TODO XXX
       return false;
     }
 
@@ -98741,7 +99704,7 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
  * 负责单元格的具体渲染
  */
 
-var renderCell = function renderCell(value, item, index, record, actionRef, context) {
+var renderCell = function renderCell(value, item, index, record, actionRef, context, dataTeamixSpm) {
   var _actionSchema$actions;
 
   var _item$valueType = item.valueType,
@@ -98812,7 +99775,8 @@ var renderCell = function renderCell(value, item, index, record, actionRef, cont
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_2__/* .ProActionGroup */ .d5, _extends({
       type: "text"
     }, actionSchema, {
-      context: _extends({}, defaultContext, actionSchema.context)
+      context: _extends({}, defaultContext, actionSchema.context),
+      "data-teamix-spm": dataTeamixSpm ? dataTeamixSpm + "-columnAction" : undefined
     }));
   } // dataSource可传函数
 
@@ -98939,7 +99903,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 function genProColumnToColumn(columns,
 /** 是否渲染骨架屏 */
-showSkeleton, actionRef, context) {
+showSkeleton, actionRef, context, // 用于埋点
+dataTeamixSpm) {
   if (context === void 0) {
     context = {};
   }
@@ -98969,7 +99934,7 @@ showSkeleton, actionRef, context) {
       dataIndex: dataIndex == null ? void 0 : dataIndex.toString(),
       title: (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderColumnsTitle */ .p)(columnProps, actionRef),
       cell: function cell(value, index, record) {
-        return (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderCell */ .c)(value, columnProps, index, record, actionRef, context);
+        return (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderCell */ .c)(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
     });
   });
@@ -102406,7 +103371,8 @@ function getGlobalConfig(key) {
   classicBlue: 'Classic Blue',
   cloudProductSelected: '{count} cloud products have been selected',
   "public": 'Public',
-  "private": 'Private'
+  "private": 'Private',
+  elastic: 'Elastic'
 });
 
 /***/ }),
@@ -102535,7 +103501,8 @@ var getMessage = function getMessage(id, data) {
   classicBlue: '经典蓝',
   cloudProductSelected: '已选择{count}个云产品',
   "public": '公',
-  "private": '私'
+  "private": '私',
+  elastic: '弹'
 });
 
 /***/ }),
@@ -102616,7 +103583,8 @@ var getMessage = function getMessage(id, data) {
   classicBlue: '經典藍',
   cloudProductSelected: '已選擇{count}個雲產品',
   "public": '公',
-  "private": '私'
+  "private": '私',
+  elastic: '弹'
 });
 
 /***/ }),
@@ -103414,6 +104382,16 @@ var setLightTheme = function setLightTheme() {
   window.currentTheme = 'light';
 };
 
+var setXconsoleTheme = function setXconsoleTheme() {
+  document.documentElement.classList.add('theme-xconsole');
+  document.documentElement.classList.remove('theme-hybridcloud');
+  document.documentElement.classList.remove('theme-hybridcloud-dark'); // for 导航
+
+  document.documentElement.classList.remove('hybridcloud-dark');
+  setChartsTheme('default', 'light');
+  window.currentTheme = 'xconsole';
+};
+
 var setBrandColor = function setBrandColor(brandColor, theme) {
   var brandColorStyleElement;
 
@@ -103464,6 +104442,8 @@ var setTheme = function setTheme(basicTheme, customTheme) {
       setDarkTheme();
     } else if (basicTheme === 'light') {
       setLightTheme();
+    } else if (basicTheme === 'xconsole') {
+      setXconsoleTheme();
     } else if (basicTheme === 'auto') {
       if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
         setDarkTheme();