@bit-sun/business-component 2.0.32 → 2.0.34-alpha.0

package/src/components/Business/DetailPageWrapper/utils.tsx

@@ -1,111 +1,111 @@
-// @ts-nocheck
-import { request } from 'bssula';
-import { Modal } from 'antd';
-import { ExclamationCircleOutlined } from '@ant-design/icons';
-import React from 'react';
-import { formatMessage, history } from 'umi';
-import isEqual from 'lodash/isEqual';
-import memoizeOne from 'memoize-one';
-
-interface actionItem {
-  [propName: string]: any;
-}
-
-export const doDetailPageAction = (config: actionItem) => {
-  if (config?.type == 'modal') {
-    const { confirm } = Modal;
-    let requestConfig = {
-      url: config.url,
-      method: config.method,
-      params: config.params || {},
-      successMessage: config?.successMessage,
-    };
-
-
-    const onOk = () => {
-      request(requestConfig).then((res) => {
-        if (config.backPath) {
-          history.push({
-            pathname: config.backPath
-          })
-        }
-        // 是否执行成功之后的回调
-        if (typeof (config.successCb) === 'function') {
-          config.successCb();
-        }
-      });
-    };
-
-    if (config.noConfirm) {
-      onOk();
-    } else {
-      confirm({
-        title: config.title,
-        icon: <ExclamationCircleOutlined />,
-        content: config.content,
-        okText: '确定',
-        okType: 'danger',
-        cancelText: '取消',
-        onOk,
-        onCancel() {
-          console.log('Cancel');
-        },
-      });
-    }
-  }
-}
-
-export const formatter = (data, parentAuthority, parentName) => {
-  return data
-    .map((item) => {
-      if (!item.name || !item.path) {
-        return null;
-      }
-
-      let locale = 'menu';
-      if (parentName) {
-        locale = `${parentName}.${item.name}`;
-      } else {
-        locale = `menu.${item.name}`;
-      }
-      const result = {
-        ...item,
-        name: formatMessage && formatMessage({ id: locale, defaultMessage: item.name }) || item.name,
-        locale,
-        authority: item.authority || parentAuthority,
-      };
-      if (item.routes) {
-        const children = formatter(item.routes, item.authority, locale);
-        // Reduce memory usage
-        result.children = children;
-      }
-      delete result.routes;
-      return result;
-    })
-    .filter((item) => item);
-};
-
-export const memoizeOneFormatter = memoizeOne(formatter, isEqual);
-
-export const getBreadcrumbNameMap = (menuData) => {
-  const routerMap = {};
-
-  const flattenMenuData = (data) => {
-    data.forEach((menuItem) => {
-      if (menuItem.children) {
-        flattenMenuData(menuItem.children);
-      }
-      // Reduce memory usage
-      routerMap[menuItem.path] = menuItem;
-    });
-  };
-  flattenMenuData(menuData);
-  return routerMap;
-};
-
-export const judgeIsEmpty = (value: any) => {
-  if (value == null || value == undefined || String(value).trim() == '') {
-    return true;
-  }
-  return false;
+// @ts-nocheck
+import { request } from 'bssula';
+import { Modal } from 'antd';
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+import React from 'react';
+import { formatMessage, history } from 'umi';
+import isEqual from 'lodash/isEqual';
+import memoizeOne from 'memoize-one';
+
+interface actionItem {
+  [propName: string]: any;
+}
+
+export const doDetailPageAction = (config: actionItem) => {
+  if (config?.type == 'modal') {
+    const { confirm } = Modal;
+    let requestConfig = {
+      url: config.url,
+      method: config.method,
+      params: config.params || {},
+      successMessage: config?.successMessage,
+    };
+
+
+    const onOk = () => {
+      request(requestConfig).then((res) => {
+        if (config.backPath) {
+          history.push({
+            pathname: config.backPath
+          })
+        }
+        // 是否执行成功之后的回调
+        if (typeof (config.successCb) === 'function') {
+          config.successCb();
+        }
+      });
+    };
+
+    if (config.noConfirm) {
+      onOk();
+    } else {
+      confirm({
+        title: config.title,
+        icon: <ExclamationCircleOutlined />,
+        content: config.content,
+        okText: '确定',
+        okType: 'danger',
+        cancelText: '取消',
+        onOk,
+        onCancel() {
+          console.log('Cancel');
+        },
+      });
+    }
+  }
+}
+
+export const formatter = (data, parentAuthority, parentName) => {
+  return data
+    .map((item) => {
+      if (!item.name || !item.path) {
+        return null;
+      }
+
+      let locale = 'menu';
+      if (parentName) {
+        locale = `${parentName}.${item.name}`;
+      } else {
+        locale = `menu.${item.name}`;
+      }
+      const result = {
+        ...item,
+        name: formatMessage && formatMessage({ id: locale, defaultMessage: item.name }) || item.name,
+        locale,
+        authority: item.authority || parentAuthority,
+      };
+      if (item.routes) {
+        const children = formatter(item.routes, item.authority, locale);
+        // Reduce memory usage
+        result.children = children;
+      }
+      delete result.routes;
+      return result;
+    })
+    .filter((item) => item);
+};
+
+export const memoizeOneFormatter = memoizeOne(formatter, isEqual);
+
+export const getBreadcrumbNameMap = (menuData) => {
+  const routerMap = {};
+
+  const flattenMenuData = (data) => {
+    data.forEach((menuItem) => {
+      if (menuItem.children) {
+        flattenMenuData(menuItem.children);
+      }
+      // Reduce memory usage
+      routerMap[menuItem.path] = menuItem;
+    });
+  };
+  flattenMenuData(menuData);
+  return routerMap;
+};
+
+export const judgeIsEmpty = (value: any) => {
+  if (value == null || value == undefined || String(value).trim() == '') {
+    return true;
+  }
+  return false;
 };

package/src/components/Business/HomePageWrapper/index.less

@@ -1,33 +1,33 @@
-.home_page_head {
-  height: 54px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background-color: #FFFFFF;
-  border-bottom: 1px solid #f0f0f0;
-  padding: 0 20px;
-  .home_page_title {
-    height: 20px;
-    font-family: PingFangSC-Medium;
-    font-weight: 600;
-    font-size: 16px;
-    color: #000000;
-    letter-spacing: 0;
-    line-height: 20px;
-    flex-grow: 1;
-    margin-top: 2px;
-  }
-  .ant-breadcrumb {
-    display: block !important;
-    .ant-breadcrumb-separator {
-      margin: 0 2px;
-    }
-    li .bread_name {
-      
-      color: #8A8F8D;
-      font-size: 12px;
-      line-height: 16px;
-      cursor: pointer;
-    }
-  }
-}
+.home_page_head {
+  height: 54px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #FFFFFF;
+  border-bottom: 1px solid #f0f0f0;
+  padding: 0 20px;
+  .home_page_title {
+    height: 20px;
+    font-family: PingFangSC-Medium;
+    font-weight: 600;
+    font-size: 16px;
+    color: #000000;
+    letter-spacing: 0;
+    line-height: 20px;
+    flex-grow: 1;
+    margin-top: 2px;
+  }
+  .ant-breadcrumb {
+    display: block !important;
+    .ant-breadcrumb-separator {
+      margin: 0 2px;
+    }
+    li .bread_name {
+      
+      color: #8A8F8D;
+      font-size: 12px;
+      line-height: 16px;
+      cursor: pointer;
+    }
+  }
+}

package/src/components/Business/HomePageWrapper/index.md

@@ -1,45 +1,45 @@
----
-nav:
-  title: '组件'
-  order: 1
-group:
-  title: 业务组件
-  order: 1
-title: 标题组件
-order: 1
----
-
-# HomePageWrapper
-
-
-## 首页标题组件
-
-```tsx
-import { HomePageWrapper } from '../../../index.ts';
-import React, { useState } from 'react';
-
-export default () => {
-  const routes = [
-    {
-      path: '/',
-      name: 'welcome',
-      routes: [
-        {
-           path: '/components',
-           name: '组件',
-           routes: [
-            {
-              path: '/components/business/home-page-wrapper',
-              name: '标题组件',
-              component: 'aaa'
-            }
-           ]
-        }
-      ]
-    }
-  ]
-  return (
-    <HomePageWrapper routes={routes} />
-  );
-};
-```
+---
+nav:
+  title: '组件'
+  order: 1
+group:
+  title: 业务组件
+  order: 1
+title: 标题组件
+order: 1
+---
+
+# HomePageWrapper
+
+
+## 首页标题组件
+
+```tsx
+import { HomePageWrapper } from '../../../index.ts';
+import React, { useState } from 'react';
+
+export default () => {
+  const routes = [
+    {
+      path: '/',
+      name: 'welcome',
+      routes: [
+        {
+           path: '/components',
+           name: '组件',
+           routes: [
+            {
+              path: '/components/business/home-page-wrapper',
+              name: '标题组件',
+              component: 'aaa'
+            }
+           ]
+        }
+      ]
+    }
+  ]
+  return (
+    <HomePageWrapper routes={routes} />
+  );
+};
+```

package/src/components/Business/HomePageWrapper/index.tsx

@@ -1,150 +1,150 @@
-// @ts-nocheck
-import React, { useEffect, useState, useMemo } from 'react';
-import { history } from 'umi';
-import { memoizeOneFormatter, getBreadcrumbNameMap } from '../DetailPageWrapper/utils';
-import pathToRegexp from 'path-to-regexp';
-import { Breadcrumb, Space } from 'antd';
-import './index.less';
-import { useLocation, formatMessage } from 'umi';
-import CommonAlert from '../CommonAlert';
-
-export default (props: any) => {
-  const { pathname } = useLocation();
-  const [id]: any = useState(pathname + 'id');
-  const { children, ...restProps} = props;
-
-  return (
-    <div id={id} className={'home_page_wrapper'}>
-      <HeaderWrapper 
-        pathname={pathname}
-        {
-          ...restProps
-        } 
-      />
-      {props.children}
-    </div>
-  );
-};
-
-const HeaderWrapper = React.memo(
-  ({ 
-    pathname, 
-    routes=[], 
-    itemPath,
-    alertProps,
-    extra,
-  }: { pathname: string, routes: any[], itemPath: string, alertProps: any }) => {
-    const basePath = window.top == window ? '' : `/${itemPath}`;
-    const menuRoutes =
-      window.top == window
-        ? routes.find((item) => item.path === '/')?.routes || []
-        : JSON.parse(localStorage.getItem('limitedMenuData') || '[]');
-
-    const breadcrumbNameMap = getBreadcrumbNameMap(
-      memoizeOneFormatter(menuRoutes, ''),
-    );
-
-    const matchParamsPath = (pathname: string, breadcrumbNameMap: object) => {
-      const pathKey: any = Object.keys(breadcrumbNameMap).find((key) =>
-        pathToRegexp(key).test(pathname),
-      );
-      return breadcrumbNameMap[pathKey];
-    };
-
-    const getPageTitle = (pathname: string) => {
-      const currRouterData = matchParamsPath(
-        `${basePath}${pathname}`,
-        breadcrumbNameMap,
-      );
-
-      if (!currRouterData) {
-        return '';
-      }
-      const pageName = formatMessage({
-        id: currRouterData.locale || currRouterData.name,
-        defaultMessage: currRouterData.name,
-      });
-      return `${pageName}`;
-    };
-
-    const pageTitle = useMemo(() => getPageTitle(pathname), [pathname]);
-
-    useEffect(() => {}, [pathname]);
-
-    const breadcrumbArr = `${basePath}${pathname}`
-      .split('/')
-      .slice(1)
-      .map((_item, index, arr) =>
-        matchParamsPath(
-          `/${arr.slice(0, index + 1).join('/')}`,
-          breadcrumbNameMap,
-        ),
-      )
-      .filter((item) => item);
-
-
-    return (
-      <div>
-        <div className={'home_page_head'}>
-          <div>
-            <div className={'home_page_title'}>{pageTitle}</div>
-            <Breadcrumb>
-              {breadcrumbArr.map((item) => (
-                <Breadcrumb.Item
-                  key={item.path}
-                  onClick={() => {
-                    if (
-                      item.path &&
-                      !item.children &&
-                      !pathToRegexp(item.path).test(`${basePath}${pathname}`)
-                    ) {
-                      history.push({
-                        pathname: item.path.replace(basePath, ''),
-                      });
-                    }
-                  }}
-                >
-                  <span
-                    style={{
-                      color: pathToRegexp(item.path).test(
-                        `${basePath}${pathname}`,
-                      )
-                        ? '#000000d9'
-                        : '',
-                    }}
-                    className="bread_name"
-                  >
-                    {item.name}
-                  </span>
-                </Breadcrumb.Item>
-              ))}
-            </Breadcrumb>
-          </div>
-          {
-            extra ? 
-            <Space>
-              {
-                extra
-              }
-            </Space> : ''
-          }
-        </div>
-        {
-          alertProps && (
-            <CommonAlert
-              {
-                ...alertProps
-              }
-            />
-          )
-        }
-      </div>
-    );
-  },
-  (prevProps, nextProps) => {
-    // if (prevProps.pathname === nextProps.pathname) {
-    //   return true;
-    // }
-    return true;
-  },
-);
+// @ts-nocheck
+import React, { useEffect, useState, useMemo } from 'react';
+import { history } from 'umi';
+import { memoizeOneFormatter, getBreadcrumbNameMap } from '../DetailPageWrapper/utils';
+import pathToRegexp from 'path-to-regexp';
+import { Breadcrumb, Space } from 'antd';
+import './index.less';
+import { useLocation, formatMessage } from 'umi';
+import CommonAlert from '../CommonAlert';
+
+export default (props: any) => {
+  const { pathname } = useLocation();
+  const [id]: any = useState(pathname + 'id');
+  const { children, ...restProps} = props;
+
+  return (
+    <div id={id} className={'home_page_wrapper'}>
+      <HeaderWrapper 
+        pathname={pathname}
+        {
+          ...restProps
+        } 
+      />
+      {props.children}
+    </div>
+  );
+};
+
+const HeaderWrapper = React.memo(
+  ({ 
+    pathname, 
+    routes=[], 
+    itemPath,
+    alertProps,
+    extra,
+  }: { pathname: string, routes: any[], itemPath: string, alertProps: any }) => {
+    const basePath = window.top == window ? '' : `/${itemPath}`;
+    const menuRoutes =
+      window.top == window
+        ? routes.find((item) => item.path === '/')?.routes || []
+        : JSON.parse(localStorage.getItem('limitedMenuData') || '[]');
+
+    const breadcrumbNameMap = getBreadcrumbNameMap(
+      memoizeOneFormatter(menuRoutes, ''),
+    );
+
+    const matchParamsPath = (pathname: string, breadcrumbNameMap: object) => {
+      const pathKey: any = Object.keys(breadcrumbNameMap).find((key) =>
+        pathToRegexp(key).test(pathname),
+      );
+      return breadcrumbNameMap[pathKey];
+    };
+
+    const getPageTitle = (pathname: string) => {
+      const currRouterData = matchParamsPath(
+        `${basePath}${pathname}`,
+        breadcrumbNameMap,
+      );
+
+      if (!currRouterData) {
+        return '';
+      }
+      const pageName = formatMessage({
+        id: currRouterData.locale || currRouterData.name,
+        defaultMessage: currRouterData.name,
+      });
+      return `${pageName}`;
+    };
+
+    const pageTitle = useMemo(() => getPageTitle(pathname), [pathname]);
+
+    useEffect(() => {}, [pathname]);
+
+    const breadcrumbArr = `${basePath}${pathname}`
+      .split('/')
+      .slice(1)
+      .map((_item, index, arr) =>
+        matchParamsPath(
+          `/${arr.slice(0, index + 1).join('/')}`,
+          breadcrumbNameMap,
+        ),
+      )
+      .filter((item) => item);
+
+
+    return (
+      <div>
+        <div className={'home_page_head'}>
+          <div>
+            <div className={'home_page_title'}>{pageTitle}</div>
+            <Breadcrumb>
+              {breadcrumbArr.map((item) => (
+                <Breadcrumb.Item
+                  key={item.path}
+                  onClick={() => {
+                    if (
+                      item.path &&
+                      !item.children &&
+                      !pathToRegexp(item.path).test(`${basePath}${pathname}`)
+                    ) {
+                      history.push({
+                        pathname: item.path.replace(basePath, ''),
+                      });
+                    }
+                  }}
+                >
+                  <span
+                    style={{
+                      color: pathToRegexp(item.path).test(
+                        `${basePath}${pathname}`,
+                      )
+                        ? '#000000d9'
+                        : '',
+                    }}
+                    className="bread_name"
+                  >
+                    {item.name}
+                  </span>
+                </Breadcrumb.Item>
+              ))}
+            </Breadcrumb>
+          </div>
+          {
+            extra ? 
+            <Space>
+              {
+                extra
+              }
+            </Space> : ''
+          }
+        </div>
+        {
+          alertProps && (
+            <CommonAlert
+              {
+                ...alertProps
+              }
+            />
+          )
+        }
+      </div>
+    );
+  },
+  (prevProps, nextProps) => {
+    // if (prevProps.pathname === nextProps.pathname) {
+    //   return true;
+    // }
+    return true;
+  },
+);