@bit-sun/business-component 2.4.24 → 2.4.26-beta01

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

@@ -1,162 +1,162 @@
-// @ts-nocheck
-import React, { useEffect, useState, useMemo } from 'react';
-import { getMainCrumbNameMap } from '../DetailPageWrapper/utils';
-import { memoizeOneFormatter } from '@/utils/utils';
-import { Breadcrumb, Space } from 'antd';
-import './index.less';
-import { useLocation, formatMessage } from 'umi';
-import CommonAlert from '../CommonAlert';
-import ENUM from '@/utils/enumConfig';
-
-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,
-    title,
-    pathToRegexp, //改为从项目代码透传该方法
-  }: { pathname: string, routes: any[], itemPath: string, alertProps: any }) => {
-    const [breadcrumbArr, setBreadCrumbArr]: any = useState([]);
-    const basePath = window.top == window ? '' : `/${itemPath}`;
-    const menuRoutes =
-      window.top == window
-        ? routes.find((item) => item.path === '/')?.routes || []
-        : JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.LIMIT_MENU_DATA) || '[]');
-
-    const breadcrumbNameMap = getMainCrumbNameMap(
-      memoizeOneFormatter(menuRoutes, ''),
-    );
-
-    const matchParamsPath = (pathname: string, breadcrumbNameMap: object) => {
-      const pathKey: any = Object.keys(breadcrumbNameMap).find((key) =>
-        pathToRegexp ? pathToRegexp(key).test(pathname) : false
-      );
-
-      return pathKey ? breadcrumbNameMap[pathKey] : undefined;
-    };
-
-    const getPageTitle = (pathname: string) => {
-      const currRouterData = matchParamsPath(
-        `${basePath}${pathname}`,
-        breadcrumbNameMap,
-      );
-
-      if (!currRouterData) {
-        return '';
-      }
-
-      let breadcrumbArrs = currRouterData.nameMap || [];
-      if (breadcrumbArrs.length && title) {
-        breadcrumbArrs.pop();
-        breadcrumbArrs.push(title)
-      }
-      setBreadCrumbArr([...breadcrumbArrs])
-
-      const pageName = formatMessage({
-        id: currRouterData.locale || currRouterData.name,
-        defaultMessage: currRouterData.name,
-      });
-      return title ? title : window.top === window ? pageName : `${currRouterData.name}`;
-    };
-
-    const pageTitle = useMemo(() => getPageTitle(pathname), [pathname, title]);
-
-    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}
-                  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}
-                  </span>
-                </Breadcrumb.Item>
-              ))}
-            </Breadcrumb>
-          </div>
-          {
-            extra ? 
-            <Space>
-              {
-                extra
-              }
-            </Space> : ''
-          }
-        </div>
-        {
-          alertProps && (
-            <CommonAlert
-              {
-                ...alertProps
-              }
-            />
-          )
-        }
-      </div>
-    );
-  },
-  (prevProps, nextProps) => {
-    if (prevProps.title !== nextProps.title) {
-      return false;
-    }
-    return true;
-  },
-);
+// @ts-nocheck
+import React, { useEffect, useState, useMemo } from 'react';
+import { getMainCrumbNameMap } from '../DetailPageWrapper/utils';
+import { memoizeOneFormatter } from '@/utils/utils';
+import { Breadcrumb, Space } from 'antd';
+import './index.less';
+import { useLocation, formatMessage } from 'umi';
+import CommonAlert from '../CommonAlert';
+import ENUM from '@/utils/enumConfig';
+
+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,
+    title,
+    pathToRegexp, //改为从项目代码透传该方法
+  }: { pathname: string, routes: any[], itemPath: string, alertProps: any }) => {
+    const [breadcrumbArr, setBreadCrumbArr]: any = useState([]);
+    const basePath = window.top == window ? '' : `/${itemPath}`;
+    const menuRoutes =
+      window.top == window
+        ? routes.find((item) => item.path === '/')?.routes || []
+        : JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.LIMIT_MENU_DATA) || '[]');
+
+    const breadcrumbNameMap = getMainCrumbNameMap(
+      memoizeOneFormatter(menuRoutes, ''),
+    );
+
+    const matchParamsPath = (pathname: string, breadcrumbNameMap: object) => {
+      const pathKey: any = Object.keys(breadcrumbNameMap).find((key) =>
+        pathToRegexp ? pathToRegexp(key).test(pathname) : false
+      );
+
+      return pathKey ? breadcrumbNameMap[pathKey] : undefined;
+    };
+
+    const getPageTitle = (pathname: string) => {
+      const currRouterData = matchParamsPath(
+        `${basePath}${pathname}`,
+        breadcrumbNameMap,
+      );
+
+      if (!currRouterData) {
+        return '';
+      }
+
+      let breadcrumbArrs = currRouterData.nameMap || [];
+      if (breadcrumbArrs.length && title) {
+        breadcrumbArrs.pop();
+        breadcrumbArrs.push(title)
+      }
+      setBreadCrumbArr([...breadcrumbArrs])
+
+      const pageName = formatMessage({
+        id: currRouterData.locale || currRouterData.name,
+        defaultMessage: currRouterData.name,
+      });
+      return title ? title : window.top === window ? pageName : `${currRouterData.name}`;
+    };
+
+    const pageTitle = useMemo(() => getPageTitle(pathname), [pathname, title]);
+
+    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}
+                  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}
+                  </span>
+                </Breadcrumb.Item>
+              ))}
+            </Breadcrumb>
+          </div>
+          {
+            extra ? 
+            <Space>
+              {
+                extra
+              }
+            </Space> : ''
+          }
+        </div>
+        {
+          alertProps && (
+            <CommonAlert
+              {
+                ...alertProps
+              }
+            />
+          )
+        }
+      </div>
+    );
+  },
+  (prevProps, nextProps) => {
+    if (prevProps.title !== nextProps.title) {
+      return false;
+    }
+    return true;
+  },
+);

package/src/components/Business/JsonQueryTable/configButton/index.js

@@ -1,20 +1,20 @@
-import React from 'react';
-import { Affix, Button } from 'antd';
-import { SettingOutlined } from '@ant-design/icons';
-
-export default props => {
-  const { onClick } = props;
-
-  const style = { position: 'fixed', top: 360, right: 24, zIndex: 1001 };
-
-  return (
-    <Affix style={style}>
-      <Button
-        style={{ width: 50, height: 50, lineHeight: '57px' }}
-        icon={<SettingOutlined style={{ fontSize: 30 }} />}
-        type="primary"
-        onClick={onClick}
-      />
-    </Affix>
-  );
-};
+import React from 'react';
+import { Affix, Button } from 'antd';
+import { SettingOutlined } from '@ant-design/icons';
+
+export default props => {
+  const { onClick } = props;
+
+  const style = { position: 'fixed', top: 360, right: 24, zIndex: 1001 };
+
+  return (
+    <Affix style={style}>
+      <Button
+        style={{ width: 50, height: 50, lineHeight: '57px' }}
+        icon={<SettingOutlined style={{ fontSize: 30 }} />}
+        type="primary"
+        onClick={onClick}
+      />
+    </Affix>
+  );
+};

package/src/components/Business/JsonQueryTable/configTree/component/compactArrayView.js

@@ -1,25 +1,25 @@
-import React from 'react';
-
-const prefixCls = 'tree-compact';
-
-export default class CompactArrayView extends React.Component {
-  shouldComponentUpdate(nextProps) {
-    return nextProps.array.length !== this.props.array.length;
-  }
-
-  render() {
-    let { array } = this.props;
-    let count = array.length;
-
-    if (count === 0) {
-      return <span>{'[ ]'}</span>;
-    }
-    return (
-      <span className={prefixCls}>
-        <span>{'['}</span>
-        <span>{count + ' element' + (count > 1 ? 's' : '')}</span>
-        <span>{']'}</span>
-      </span>
-    );
-  }
-}
+import React from 'react';
+
+const prefixCls = 'tree-compact';
+
+export default class CompactArrayView extends React.Component {
+  shouldComponentUpdate(nextProps) {
+    return nextProps.array.length !== this.props.array.length;
+  }
+
+  render() {
+    let { array } = this.props;
+    let count = array.length;
+
+    if (count === 0) {
+      return <span>{'[ ]'}</span>;
+    }
+    return (
+      <span className={prefixCls}>
+        <span>{'['}</span>
+        <span>{count + ' element' + (count > 1 ? 's' : '')}</span>
+        <span>{']'}</span>
+      </span>
+    );
+  }
+}

package/src/components/Business/JsonQueryTable/configTree/component/compactObjectView.js

@@ -1,30 +1,30 @@
-import React from 'react';
-
-const prefixCls = 'tree-compact';
-
-export default class CompactObjectView extends React.Component {
-  shouldComponentUpdate(nextProps) {
-    const nextLength = Object.keys(nextProps.object).length;
-    const prevLength = Object.keys(this.props.object).length;
-    return nextLength !== prevLength;
-  }
-
-  render() {
-    let keys = this.props.object.map(v => v.name);
-    let count = keys.length;
-
-    if (count === 0) {
-      return <span>{'{ }'}</span>;
-    }
-    if (count > 2) {
-      keys = keys.slice(0, 2).concat([`... +${count - 2}`]);
-    }
-    return (
-      <span className={prefixCls}>
-        <span>{'{'}</span>
-        <span>{keys.join(', ')}</span>
-        <span>{'}'}</span>
-      </span>
-    );
-  }
-}
+import React from 'react';
+
+const prefixCls = 'tree-compact';
+
+export default class CompactObjectView extends React.Component {
+  shouldComponentUpdate(nextProps) {
+    const nextLength = Object.keys(nextProps.object).length;
+    const prevLength = Object.keys(this.props.object).length;
+    return nextLength !== prevLength;
+  }
+
+  render() {
+    let keys = this.props.object.map(v => v.name);
+    let count = keys.length;
+
+    if (count === 0) {
+      return <span>{'{ }'}</span>;
+    }
+    if (count > 2) {
+      keys = keys.slice(0, 2).concat([`... +${count - 2}`]);
+    }
+    return (
+      <span className={prefixCls}>
+        <span>{'{'}</span>
+        <span>{keys.join(', ')}</span>
+        <span>{'}'}</span>
+      </span>
+    );
+  }
+}

package/src/components/Business/JsonQueryTable/configTree/index.js

@@ -1,82 +1,82 @@
-import React, { useState, useEffect } from 'react';
-import castArray from 'lodash/castArray';
-import createTreeData, { getConfigNode } from './parser';
-import { createHighLightTreeData, clearActiveNode } from './parser/highlight';
-import TreeNode from './treeNode';
-import iconRender from './render/iconRender';
-import nameRender from './render/nameRender';
-
-import './index.less';
-
-export { iconRender, nameRender };
-
-function parseData(data) {
-  let res;
-  try {
-    res = createTreeData(getConfigNode(data));
-  } catch (e) {}
-
-  return res;
-}
-
-export default props => {
-  const {
-    data,
-    onToggle,
-    onSelect,
-    nameRender,
-    iconRender,
-    contextMenuRender,
-    style,
-    level = 0,
-    currentLine,
-  } = props;
-  const [treeData, setTreeData] = useState(parseData(data));
-  const [activeLine, setActiveLine] = useState(-1);
-
-  useEffect(() => {
-    setTreeData(parseData(data));
-  }, [data]);
-
-  useEffect(() => {
-    if (!treeData || !treeData[0]) {
-      setActiveLine(-1);
-    } else {
-      setActiveLine(currentLine);
-    }
-  }, [treeData, currentLine]);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setTreeData(createHighLightTreeData(treeData, activeLine));
-    });
-  }, [activeLine]);
-
-  const handleSelect = (node, hasChildren) => {
-    const noActiveData = clearActiveNode(treeData);
-    setTreeData(noActiveData);
-    onSelect(node, hasChildren);
-  };
-
-  return (
-    <div className="si-tree" style={style}>
-      {castArray(treeData).map((node, index) => {
-        if (!node) return;
-
-        return (
-          <TreeNode
-            data={node}
-            onToggle={onToggle}
-            onSelect={handleSelect}
-            nameRender={nameRender}
-            iconRender={iconRender}
-            contextMenuRender={contextMenuRender}
-            key={node.name || index}
-            level={level}
-            activeLine={activeLine}
-          />
-        );
-      })}
-    </div>
-  );
-};
+import React, { useState, useEffect } from 'react';
+import castArray from 'lodash/castArray';
+import createTreeData, { getConfigNode } from './parser';
+import { createHighLightTreeData, clearActiveNode } from './parser/highlight';
+import TreeNode from './treeNode';
+import iconRender from './render/iconRender';
+import nameRender from './render/nameRender';
+
+import './index.less';
+
+export { iconRender, nameRender };
+
+function parseData(data) {
+  let res;
+  try {
+    res = createTreeData(getConfigNode(data));
+  } catch (e) {}
+
+  return res;
+}
+
+export default props => {
+  const {
+    data,
+    onToggle,
+    onSelect,
+    nameRender,
+    iconRender,
+    contextMenuRender,
+    style,
+    level = 0,
+    currentLine,
+  } = props;
+  const [treeData, setTreeData] = useState(parseData(data));
+  const [activeLine, setActiveLine] = useState(-1);
+
+  useEffect(() => {
+    setTreeData(parseData(data));
+  }, [data]);
+
+  useEffect(() => {
+    if (!treeData || !treeData[0]) {
+      setActiveLine(-1);
+    } else {
+      setActiveLine(currentLine);
+    }
+  }, [treeData, currentLine]);
+
+  useEffect(() => {
+    setTimeout(() => {
+      setTreeData(createHighLightTreeData(treeData, activeLine));
+    });
+  }, [activeLine]);
+
+  const handleSelect = (node, hasChildren) => {
+    const noActiveData = clearActiveNode(treeData);
+    setTreeData(noActiveData);
+    onSelect(node, hasChildren);
+  };
+
+  return (
+    <div className="si-tree" style={style}>
+      {castArray(treeData).map((node, index) => {
+        if (!node) return;
+
+        return (
+          <TreeNode
+            data={node}
+            onToggle={onToggle}
+            onSelect={handleSelect}
+            nameRender={nameRender}
+            iconRender={iconRender}
+            contextMenuRender={contextMenuRender}
+            key={node.name || index}
+            level={level}
+            activeLine={activeLine}
+          />
+        );
+      })}
+    </div>
+  );
+};