@teamix/pro 1.5.13 → 1.5.15

package/dist/pro.js

@@ -78140,10 +78140,14 @@ var MenuSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
         key: childItem.value,
         className: cls('item-label', {
-          'item-label-active': value.includes(childItem.value)
+          'item-label-active': value.includes(childItem.value),
+          'item-label-disabled': childItem === null || childItem === void 0 ? void 0 : childItem.disabled
         }),
         onClick: function onClick() {
           var _childItem$label;
+          if (childItem === null || childItem === void 0 ? void 0 : childItem.disabled) {
+            return;
+          }
           itemOnClick(childItem.value, (_childItem$label = childItem.label) !== null && _childItem$label !== void 0 ? _childItem$label : '');
         }
       }, value.includes(childItem.value) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_icon__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
@@ -93902,7 +93906,7 @@ function useDialogAction(action, actionContext, hasForm) {
       className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
     }, renderDialogFooterDescription(footerDescription))), _extends2.footerAlign = footerAlign, _extends2.className = classnames__WEBPACK_IMPORTED_MODULE_1___default()('teamix-pro-action-dialog', {
       'has-footer-description': !!footerDescription
-    }), _extends2.footer = addContextForReactNode(footer, dialogContext), _extends2), containerProps, containerOtherProps);
+    }), _extends2[isDrawer ? 'renderFooter' : 'footer'] = addContextForReactNode(footer, dialogContext), _extends2), containerProps, containerOtherProps);
     // TODO Drawer 基础组件未支持此配置，日后支持，并修改onOk、onCancel写法
     if ((!dialogType || dialogType === 'dialog') && hideFooter) {
       quickShowProps['footer'] = !hideFooter;
@@ -99771,7 +99775,7 @@ if (!((_window = window) != null && _window.TEAMIXPRO_WITHOUT_ICON)) {
 
 
 
-var version = '1.5.13';
+var version = '1.5.15';
 
 // By TeamixTest
 window.postMessage({
@@ -101402,28 +101406,7 @@ var configurator = {
 /* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82099);
 
 var initialValues = {
-  columns: [{
-    dataIndex: 'instanceName',
-    title: '实例ID/实例名称'
-  }, {
-    dataIndex: 'organizationName',
-    title: '组织',
-    tooltip: '我这一列是可以被复制的～',
-    render: {
-      copy: true
-    }
-  }],
-  url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
-  formatResult: {
-    data: 'data',
-    total: 'pageInfo.total'
-  },
-  mainAction: {
-    actions: [{
-      key: 'action',
-      children: '操作按钮'
-    }]
-  }
+  columns: []
 };
 var defaultValues = {
   showSkeleton: true,
@@ -102237,32 +102220,7 @@ var PageMap = {
 };
 // 全部页面模板默认初始值
 var PageDefaultInitialValues = {
-  LIST: {
-    header: {
-      title: '页面标题'
-    },
-    content: {
-      header: {
-        title: '表格标题'
-      },
-      columns: [{
-        dataIndex: 'instanceName',
-        title: '实例ID/实例名称'
-      }, {
-        dataIndex: 'organizationName',
-        title: '组织',
-        tooltip: '我这一列是可以被复制的～',
-        render: {
-          copy: true
-        }
-      }],
-      url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
-      formatResult: {
-        data: 'data',
-        total: 'pageInfo.total'
-      }
-    }
-  },
+  LIST: {},
   DETAIL: {},
   FORM: {}
 };
@@ -104691,6 +104649,7 @@ var CardView = function CardView(props) {
 /* 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 _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42341);
 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 _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); }
@@ -104704,18 +104663,25 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var CheckboxItem = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.CheckboxItem;
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.usePrefixCls)('teamix-pro-table-toolbar-filter');
 var RadioItem = _alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Menu.RadioItem;
 var Filter = function Filter(props) {
+  var _urlState$split, _urlState;
   var column = props.column,
     actionRef = props.actionRef,
-    switchCardView = props.switchCardView;
+    switchCardView = props.switchCardView,
+    bindUrlProps = props.bindUrlProps,
+    bindUrl = props.bindUrl;
   var _column$filtersWidth = column.filtersWidth,
     filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth;
+  var _useUrlState = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_4__.useUrlState)(),
+    urlState = _useUrlState[0],
+    setUrlState = _useUrlState[1];
 
   // 选中过滤项
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((_urlState$split = urlState == null ? void 0 : (_urlState = urlState["filter" + (column == null ? void 0 : column.dataIndex)]) == null ? void 0 : _urlState.split == null ? void 0 : _urlState.split(',')) != null ? _urlState$split : []),
     selected = _useState[0],
     setSelected = _useState[1];
   var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
@@ -104725,7 +104691,10 @@ var Filter = function Filter(props) {
     var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2, _actionRef$current$ge3, _actionRef$current$ge4;
     // 从全局状态中读取上次存储的条件
     var rules = (_actionRef$current$ge = (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.getState == null ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState()) == null ? void 0 : (_actionRef$current$ge3 = _actionRef$current$ge2.filterRules) == null ? void 0 : (_actionRef$current$ge4 = _actionRef$current$ge3[column.dataIndex]) == null ? void 0 : _actionRef$current$ge4.rules) != null ? _actionRef$current$ge : [];
-    setSelected(rules);
+    // 全局状态中需要有值才赋值。优先级：全局状态 > urlState
+    if (rules && rules.length > 0) {
+      setSelected(rules);
+    }
   }, []);
 
   // 获取过滤项
@@ -104754,6 +104723,78 @@ var Filter = function Filter(props) {
     return filters;
   }, []);
 
+  // 点击确定回调
+  var onFilterOk = function onFilterOk() {
+    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
+    var param = '';
+    if (column.beforeFilter) {
+      param = column.beforeFilter == null ? void 0 : column.beforeFilter(selected);
+    } else {
+      param = selected.join(',');
+    }
+
+    // 需要带上其他所有的信息
+    var rules = (_actionRef$current$ge5 = (_actionRef$current3 = actionRef.current) == null ? void 0 : _actionRef$current3.getState == null ? void 0 : (_actionRef$current3$g = _actionRef$current3.getState()) == null ? void 0 : _actionRef$current3$g.filterRules) != null ? _actionRef$current$ge5 : {};
+    // 再设置所有的列筛选状态
+    (_actionRef$current4 = actionRef.current) == null ? void 0 : _actionRef$current4.setFilterRules == null ? void 0 : _actionRef$current4.setFilterRules(_extends({}, rules, (_extends2 = {}, _extends2[column.dataIndex] = {
+      rules: selected,
+      params: param
+    }, _extends2)));
+    var targetPageKey = 'currentPage';
+    var pageInfo = (_actionRef$current5 = actionRef.current) == null ? void 0 : _actionRef$current5.pageInfo;
+    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$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$current9 = actionRef.current) == null ? void 0 : _actionRef$current9.clearRowSelection == null ? void 0 : _actionRef$current9.clearRowSelection();
+    setVisible(false);
+
+    // 设置 url
+    if (bindUrl && (bindUrlProps == null ? void 0 : bindUrlProps.headerFilters) !== false && (urlState == null ? void 0 : urlState["filter" + (column == null ? void 0 : column.dataIndex)]) !== selected.join(',')) {
+      var _setUrlState;
+      setUrlState((_setUrlState = {}, _setUrlState["filter" + (column == null ? void 0 : column.dataIndex)] = selected.join(','), _setUrlState));
+    }
+  };
+
+  // 重置回调
+  var onFilterReset = function onFilterReset() {
+    var _actionRef$current$ge6, _actionRef$current10, _actionRef$current10$, _actionRef$current11, _extends3, _actionRef$current12;
+    setSelected([]);
+    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$current12 = actionRef.current) == null ? void 0 : _actionRef$current12.filterDataSource == null ? void 0 : _actionRef$current12.filterDataSource(column.dataIndex);
+    if (selected.length > 0) {
+      var _actionRef$current13, _actionRef$current14, _actionRef$current14$, _actionRef$current15, _actionRef$current16;
+      var targetPageKey = 'currentPage';
+      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$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$current16 = actionRef.current) == null ? void 0 : _actionRef$current16.clearRowSelection == null ? void 0 : _actionRef$current16.clearRowSelection();
+      if (bindUrl && (bindUrlProps == null ? void 0 : bindUrlProps.headerFilters) !== false) {
+        var _setUrlState2;
+        setUrlState((_setUrlState2 = {}, _setUrlState2["filter" + (column == null ? void 0 : column.dataIndex)] = undefined, _setUrlState2));
+      }
+    }
+  };
+
   // 渲染单选
   var renderSingle = function renderSingle() {
     return filters == null ? void 0 : filters.map(function (_ref2) {
@@ -104835,74 +104876,17 @@ var Filter = function Filter(props) {
     className: cls({
       btn: true
     }),
-    onClick: function onClick() {
-      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
-      var param = '';
-      if (column.beforeFilter) {
-        param = column.beforeFilter == null ? void 0 : column.beforeFilter(selected);
-      } else {
-        param = selected.join(',');
-      }
-
-      // 需要带上其他所有的信息
-      var rules = (_actionRef$current$ge5 = (_actionRef$current3 = actionRef.current) == null ? void 0 : _actionRef$current3.getState == null ? void 0 : (_actionRef$current3$g = _actionRef$current3.getState()) == null ? void 0 : _actionRef$current3$g.filterRules) != null ? _actionRef$current$ge5 : {};
-      // 再设置所有的列筛选状态
-      (_actionRef$current4 = actionRef.current) == null ? void 0 : _actionRef$current4.setFilterRules == null ? void 0 : _actionRef$current4.setFilterRules(_extends({}, rules, (_extends2 = {}, _extends2[column.dataIndex] = {
-        rules: selected,
-        params: param
-      }, _extends2)));
-      var targetPageKey = 'currentPage';
-      var pageInfo = (_actionRef$current5 = actionRef.current) == null ? void 0 : _actionRef$current5.pageInfo;
-      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$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$current9 = actionRef.current) == null ? void 0 : _actionRef$current9.clearRowSelection == null ? void 0 : _actionRef$current9.clearRowSelection();
-      setVisible(false);
-    }
+    onClick: onFilterOk
   }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('ok')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_2__.Button, {
     type: "normal",
     size: "small",
     className: cls({
       btn: true
     }),
-    onClick: function onClick() {
-      var _actionRef$current$ge6, _actionRef$current10, _actionRef$current10$, _actionRef$current11, _extends3, _actionRef$current12;
-      setSelected([]);
-      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$current12 = actionRef.current) == null ? void 0 : _actionRef$current12.filterDataSource == null ? void 0 : _actionRef$current12.filterDataSource(column.dataIndex);
-      if (selected.length > 0) {
-        var _actionRef$current13, _actionRef$current14, _actionRef$current14$, _actionRef$current15, _actionRef$current16;
-        var targetPageKey = 'currentPage';
-        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$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$current16 = actionRef.current) == null ? void 0 : _actionRef$current16.clearRowSelection == null ? void 0 : _actionRef$current16.clearRowSelection();
-      }
-      // setVisible(!visible);
-    }
+    onClick: onFilterReset
   }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('reset'))))));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(Filter));
 
 /***/ }),
 
@@ -104921,7 +104905,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", "dataTeamixSpm"];
+var _excluded = ["header", "mainAction", "extra", "actionRef", "dataFilter", "dataFilterFormRef", "afterDataFilter", "rowSelection", "toolBar", "dataTeamixSpm", "bindUrl", "bindUrlProps"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _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; }
 
@@ -104944,6 +104928,8 @@ var Layout = function Layout(props) {
     rowSelection = props.rowSelection,
     toolBar = props.toolBar,
     dataTeamixSpm = props.dataTeamixSpm,
+    bindUrl = props.bindUrl,
+    bindUrlProps = props.bindUrlProps,
     otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   // 渲染主操作区
@@ -105025,7 +105011,8 @@ var Layout = function Layout(props) {
             (dataFilter == null ? void 0 : dataFilter.onExpand) && (dataFilter == null ? void 0 : dataFilter.onExpand(expand));
           },
           addonBefore: renderMainAction(),
-          addonAfter: renderAddonAfter()
+          addonAfter: renderAddonAfter(),
+          bindUrl: bindUrl && (bindUrlProps == null ? void 0 : bindUrlProps.filters) !== false
         }, dataFilter)), afterDataFilter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
           className: "mb8 " + cls('after-data-filter-wrapper')
         }, afterDataFilter));
@@ -106616,7 +106603,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_17__ = __webpack_require__(78964);
+/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_19__ = __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);
@@ -106628,7 +106615,9 @@ var ToolBar = function ToolBar(props) {
 /* 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__);
 /* harmony import */ var _components_CardView__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(9285);
-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", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps"],
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(42341);
+/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(49618);
+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", "autoRefreshProps", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords", "size", "disableSelectAll", "context", "fixedTableBody", "isTree", "toolBarAutoWidth", "data-teamix-spm", "switchCardView", "cardViewProps", "defaultView", "emptyProps", "bindUrlProps", "bindUrl"],
   _excluded2 = ["onChange"];
 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."); }
@@ -106656,6 +106645,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
+
 
 
 var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.usePrefixCls)('teamix-pro-table');
@@ -106707,7 +106698,7 @@ var globalFormatSort = function globalFormatSort(sort) {
   return {};
 };
 var ProTable = function ProTable(props) {
-  var _rowSelection$selecte;
+  var _urlState$currentPage, _rowSelection$selecte;
   var header = props.header,
     className = props.className,
     tableClassName = props.tableClassName,
@@ -106780,14 +106771,19 @@ var ProTable = function ProTable(props) {
     _props$defaultView = props.defaultView,
     defaultView = _props$defaultView === void 0 ? 'table' : _props$defaultView,
     emptyProps = props.emptyProps,
+    bindUrlProps = props.bindUrlProps,
+    bindUrl = props.bindUrl,
     otherProps = _objectWithoutPropertiesLoose(props, _excluded);
   var targetPageKey = pageKey || globalPageKey;
   var targetPageSizeKey = pageSizeKey || globalPageSizeKey;
   var targetFormatSort = formatSort || globalFormatSort;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1),
+  var _useUrlState = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_17__.useUrlState)(),
+    urlState = _useUrlState[0],
+    setUrlState = _useUrlState[1];
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((_urlState$currentPage = urlState == null ? void 0 : urlState.currentPage) != null ? _urlState$currentPage : 1),
     currentPage = _useState[0],
     setCurrentPage = _useState[1];
-  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(props.pageSize || 10),
+  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)((urlState == null ? void 0 : urlState.pageSize) || props.pageSize || 10),
     pageSize = _useState2[0],
     setPageSize = _useState2[1];
   var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
@@ -106821,6 +106817,25 @@ var ProTable = function ProTable(props) {
     showLoading = _useState10[0],
     setShowLoading = _useState10[1];
 
+  // 表格内部用作存储的 Ref，标识 Table 组件是否被第一次渲染。用作 useUrlState filter 第一次渲染时使用 state 数据请求
+  var dataRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
+    flag: true
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (bindUrl && (bindUrlProps == null ? void 0 : bindUrlProps.pagination) !== false) {
+      if ((urlState == null ? void 0 : urlState.currentPage) !== currentPage) {
+        setUrlState({
+          currentPage: currentPage
+        });
+      }
+      if ((urlState == null ? void 0 : urlState.pageSize) !== pageSize) {
+        setUrlState({
+          pageSize: pageSize
+        });
+      }
+    }
+  }, [currentPage, pageSize, urlState]);
+
   // 存储能够被 on 监听到的 ProTable 状态
   // 因为只做存储用。不需要更新视图以及需要同步更改。所以不使用 setState 更新
   var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
@@ -107371,6 +107386,12 @@ var ProTable = function ProTable(props) {
   // 请求函数
   function _request(params, noLoading, filterParams, isReset) {
     var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current6, _extends3;
+    // 首次渲染表格，获取 urlState 上的 表头 filter 数据
+    if (bindUrl && (bindUrlProps == null ? void 0 : bindUrlProps.headerFilters) !== false && dataRef.current.flag) {
+      (0,_utils_util__WEBPACK_IMPORTED_MODULE_18__/* .getUrlStateFilter */ .a)(urlState, actionRef);
+      dataRef.current.flag = false;
+    }
+
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
       return;
@@ -107547,11 +107568,13 @@ var ProTable = function ProTable(props) {
         switchCardView: switchCardView,
         defaultView: defaultView,
         autoRefresh: autoRefresh,
-        autoRefreshProps: autoRefreshProps
+        autoRefreshProps: autoRefreshProps,
+        bindUrlProps: bindUrlProps,
+        bindUrl: bindUrl
       }), 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, dataTeamixSpm),
+        columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm, bindUrl, bindUrlProps),
         loading: getTableLoading(),
         className: classnames__WEBPACK_IMPORTED_MODULE_13___default()('teamix-pro-table', tableClassName, {
           'with-row-select': rowSelection,
@@ -107568,7 +107591,7 @@ 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_17__/* ["default"] */ .Z)(), otherProps))), switchViewState === 'card' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_CardView__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z, {
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_19__/* ["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(),
@@ -107583,7 +107606,7 @@ var ProTable = function ProTable(props) {
       // 不传 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_17__/* ["default"] */ .Z)(), otherProps)));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_19__/* ["default"] */ .Z)(), otherProps)));
     }
   };
   var renderFooterAction = function renderFooterAction() {
@@ -107778,7 +107801,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 /**
  * 增加了 icon 的功能 render title
  */
-var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
+var renderColumnsTitle = function renderColumnsTitle(item, actionRef, bindUrl, bindUrlProps) {
   var filterMode = item.filterMode,
     filters = item.filters,
     dataSource = item.dataSource,
@@ -107836,7 +107859,9 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
     icon: item.tooltipIcon
   }), item.filters && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Filter__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
     column: item,
-    actionRef: actionRef
+    actionRef: actionRef,
+    bindUrl: bindUrl,
+    bindUrlProps: bindUrlProps
   }));
 };
 
@@ -108027,7 +108052,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function genProColumnToColumn(columns, /** 是否渲染骨架屏 */
 showSkeleton, actionRef, context,
 // 用于埋点
-dataTeamixSpm) {
+dataTeamixSpm, bindUrl, bindUrlProps) {
   if (context === void 0) {
     context = {};
   }
@@ -108054,7 +108079,7 @@ dataTeamixSpm) {
     }, others, {
       children: children ? genProColumnToColumn(children, showSkeleton, actionRef, context) : undefined,
       dataIndex: dataIndex == null ? void 0 : dataIndex.toString(),
-      title: (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderColumnsTitle */ .p)(columnProps, actionRef),
+      title: (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderColumnsTitle */ .p)(columnProps, actionRef, bindUrl, bindUrlProps),
       cell: function cell(value, index, record) {
         return (0,_columnRender__WEBPACK_IMPORTED_MODULE_1__/* .renderCell */ .c)(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
@@ -108557,6 +108582,33 @@ function useTableSelection(config, primaryKey) {
 
 /***/ }),
 
+/***/ 49618:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "a": () => (/* binding */ getUrlStateFilter)
+/* harmony export */ });
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function getUrlStateFilter(urlState, actionRef) {
+  var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2, _actionRef$current2;
+  var filters = Object.keys(urlState).filter(function (item) {
+    return /^filter.+$/.test(item);
+  });
+  var urlStateParams = Object.fromEntries(filters.map(function (item) {
+    var _item$split, _urlState$item, _urlState$item$split, _urlState$item2;
+    return [(_item$split = item.split('filter')) == null ? void 0 : _item$split[1], {
+      params: Array.isArray(urlState == null ? void 0 : urlState[item]) ? urlState == null ? void 0 : (_urlState$item = urlState[item]) == null ? void 0 : _urlState$item.join == null ? void 0 : _urlState$item.join(',') : urlState == null ? void 0 : urlState[item],
+      rules: Array.isArray(urlState == null ? void 0 : urlState[item]) ? urlState == null ? void 0 : urlState[item] : (_urlState$item$split = urlState == null ? void 0 : (_urlState$item2 = urlState[item]) == null ? void 0 : _urlState$item2.split == null ? void 0 : _urlState$item2.split(',')) != null ? _urlState$item$split : []
+    }];
+  }));
+  var rules = (_actionRef$current$ge = (_actionRef$current = actionRef.current) == null ? void 0 : _actionRef$current.getState == null ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState()) == null ? void 0 : _actionRef$current$ge2.filterRules) != null ? _actionRef$current$ge : {};
+  // 再设置所有的列筛选状态
+  (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.setFilterRules == null ? void 0 : _actionRef$current2.setFilterRules(_extends({}, rules, urlStateParams));
+}
+
+/***/ }),
+
 /***/ 39113:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -111239,8 +111291,8 @@ function getGlobalConfig(key) {
   "private": 'Private',
   elastic: 'Elastic',
   p1: 'P1 Emergency',
-  p2: 'P2 Important',
-  p3: 'P3 Secondary',
+  p2: 'P2 Serious',
+  p3: 'P3 Warning',
   p4: 'P4 Reminder',
   p5: 'P5 Reminder',
   p6: 'P6 Reminder',
@@ -111382,8 +111434,8 @@ var getMessage = function getMessage(id, data) {
   "private": '私',
   elastic: '弹',
   p1: 'P1 紧急',
-  p2: 'P2 重要',
-  p3: 'P3 次要',
+  p2: 'P2 严重',
+  p3: 'P3 警告',
   p4: 'P4 提示',
   p5: 'P5 提示',
   p6: 'P6 提示',
@@ -111481,8 +111533,8 @@ var getMessage = function getMessage(id, data) {
   "private": '私',
   elastic: '弹',
   p1: 'P1 緊急',
-  p2: 'P2 重要',
-  p3: 'P3 次要',
+  p2: 'P2 嚴重',
+  p3: 'P3 警告',
   p4: 'P4 提示',
   p5: 'P5 提示',
   p6: 'P6 提示',