@jiangood/open-admin 3.0.1 → 3.0.2

package/package.json

@@ -48,5 +48,5 @@
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui"
   },
-  "version": "3.0.1"
+  "version": "3.0.2"
 }

package/src/framework/router/PageFrame.tsx

@@ -6,9 +6,28 @@ import ErrorBoundary from '../components/ErrorBoundary';
 
 interface PageFrameProps {
     url: string;
+    show?: boolean;
 }
 
 export class PageFrame extends React.Component<PageFrameProps> {
+    componentRef = React.createRef<any>();
+
+    componentDidMount() {
+        this.callOnShowIfActive();
+    }
+
+    componentDidUpdate(prevProps: PageFrameProps) {
+        if (!prevProps.show && this.props.show) {
+            this.callOnShowIfActive();
+        }
+    }
+
+    callOnShowIfActive() {
+        if (this.props.show && this.componentRef.current?.onShow) {
+            this.componentRef.current.onShow();
+        }
+    }
+
     render() {
         const {url} = this.props;
         const qIndex = url.indexOf('?');
@@ -21,7 +40,7 @@ export class PageFrame extends React.Component<PageFrameProps> {
         if (matched) {
             const {component: Comp, params} = matched;
             const location = {pathname, search, query: UrlUtils.getParams(url)};
-            content = <Comp params={params} location={location}/>;
+            content = <Comp ref={this.componentRef} params={params} location={location}/>;
         } else {
             content = <Result status={404} title='页面不存在！' subTitle={<div>路由地址：{pathname}</div>}/>;
         }

package/src/layouts/admin/TabLayout.jsx

@@ -113,7 +113,7 @@ export class TabLayout extends React.Component {
                 <div style={{flex: 1, overflow: 'hidden'}}>
                     {tabs.map(t => (
                         <div key={t.key} style={{display: t.key === activeKey ? 'block' : 'none', height: '100%'}}>
-                            <PageFrame key={t.refreshKey} url={t.key}/>
+                            <PageFrame key={t.refreshKey} url={t.key} show={t.key === activeKey}/>
                         </div>
                     ))}
                 </div>

package/src/pages/system/role/index.jsx

@@ -8,6 +8,7 @@ export default class extends React.Component {
 
     state = {
         usersModalOpen: false,
+        usersModalLoading: false,
         selectedRecord: null,
 
         userList: [],
@@ -132,12 +133,15 @@ export default class extends React.Component {
     ]
 
     handleSaveUsers = () => {
+        this.setState({usersModalLoading: true})
         const params = {
             id: this.state.selectedRecord.id,
             userIdList: this.state.targetKeys
         }
         HttpUtils.post('admin/sysRole/grant-users', params).then(rs => {
-            this.setState({usersModalOpen: false})
+            this.setState({usersModalOpen: false, usersModalLoading: false})
+        }).catch(() => {
+            this.setState({usersModalLoading: false})
         })
     }
 
@@ -213,6 +217,7 @@ export default class extends React.Component {
 
             <Modal title={'角色用户' + "【" + this.state.selectedRecord?.name + '】'}
                    open={this.state.usersModalOpen}
+                   confirmLoading={this.state.usersModalLoading}
                    destroyOnHidden
                    mask={{ closable: false }}
                    width={800}