@bit-sun/business-component 1.2.3 → 1.2.4-alpha.1

package/src/components/Business/BsLayouts/service.ts

@@ -0,0 +1,11 @@
+import axios from 'axios';
+
+export async function outLogin(params: any) {
+
+   let res = await axios({
+    url: '/user/web/loginOut',
+    method: 'GET',
+  })
+
+  return res;
+}

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

@@ -0,0 +1,211 @@
+// @ts-nocheck
+import cloneDeep from 'lodash/cloneDeep';
+import memoizeOne from 'memoize-one';
+import ENUM from '@/utils/enumConfig';
+import { history } from 'umi';
+
+const cache = {};
+const cacheLimit = 10000;
+let cacheCount = 0;
+
+function compilePath(path, options, pathToRegexp) {
+  const cacheKey = `${options.end}${options.strict}${options.sensitive}`;
+  const pathCache = cache[cacheKey] || (cache[cacheKey] = {});
+
+  if (pathCache[path]) return pathCache[path];
+
+  const keys = [];
+  const regexp = pathToRegexp(path, keys, options);
+  const result = { regexp, keys };
+
+  if (cacheCount < cacheLimit) {
+    pathCache[path] = result;
+    // eslint-disable-next-line no-plusplus
+    cacheCount++;
+  }
+
+  return result;
+}
+
+/**
+ * Public API for matching a URL pathname to a path.
+ */
+ export const  matchPath = (pathname, options = {}, pathToRegexp) => {
+  if (typeof options === 'string' || Array.isArray(options)) {
+    // eslint-disable-next-line no-param-reassign
+    options = { path: options };
+  }
+
+  const { path, exact = false, strict = false, sensitive = false } = options;
+
+  const paths = [].concat(path);
+
+  // eslint-disable-next-line no-shadow
+  return paths.reduce((matched, path) => {
+    if (!path && path !== '') return null;
+    if (matched) return matched;
+
+    const { regexp, keys } = compilePath(path, {
+      end: exact,
+      strict,
+      sensitive,
+    }, pathToRegexp);
+    const match = regexp.exec(pathname);
+
+    if (!match) return null;
+
+    const [url, ...values] = match;
+    const isExact = pathname === url;
+
+    if (exact && !isExact) return null;
+
+    return {
+      path, // the path used to match
+      url: path === '/' && url === '' ? '/' : url, // the matched portion of the URL
+      isExact, // whether or not we matched exactly
+      params: keys.reduce((memo, key, index) => {
+        // eslint-disable-next-line no-param-reassign
+        memo[key.name] = values[index];
+        return memo;
+      }, {}),
+    };
+  }, null);
+}
+
+
+export const searchMenuData = (router: any, name?: any, callBack) => {
+  if (!name) {
+    callBack([]);
+    return;
+  }
+  const btnAuth = JSON.parse(
+    localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES) || '[]',
+  );
+  const resultList: any = [];
+  const newRouter = cloneDeep(router);
+  const deep = (router: any) => {
+    if (router && Array.isArray(router)) {
+      router.forEach((item) => {
+        if (item.children && Array.isArray(item.children)) {
+          deep(item.children);
+        } else if (
+          !item.hideInMenu &&
+          (name ? item.name.indexOf(name) !== -1 : true) &&
+          btnAuth.find((d: any) => d === item.code)
+        ) {
+          resultList.push({
+            ...item,
+          });
+        }
+      });
+      // } else if ((name ? router.name.indexOf(name) !== -1 : true) && btnAuth.find((d: any) => d.code === router.code)) {
+    } else if (
+      (name ? router.name.indexOf(name) !== -1 : true) &&
+      btnAuth.find((d: any) => d === router.code)
+    ) {
+      resultList.push({
+        ...router,
+      });
+    }
+  };
+  deep(newRouter);
+  callBack([...resultList]);
+};
+
+export const setMenuTreeData = (routesData: Array<any>) => {
+  const authButton = localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES)
+    ? JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.MAIN_AUTH_CODES) as string)
+    : [];
+  for (let i = routesData.length - 1; i >= 0; i--) {
+    if (routesData[i].hideInMenu) {
+      routesData.splice(i, 1);
+      continue;
+    }
+    if (
+      routesData[i].code &&
+      authButton.every((item) => {
+        return routesData[i].code != item;
+      })
+    ) {
+      routesData.splice(i, 1);
+      continue;
+    }
+    if (routesData[i].children) {
+      setMenuTreeData(routesData[i].children);
+    }
+  }
+};
+
+export function handleUserID() {
+  return JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.USER_INFO) || '{}')
+    ?.accountPersonDetail?.username;
+}
+
+export function handleAccountID() {
+  return JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.USER_INFO) || '{}')
+    ?.accountPersonDetail?.id;
+}
+
+export function handleUserName() {
+  return JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.USER_INFO) || '{}')
+    ?.accountPersonDetail?.employeeName;
+}
+
+export function handleUserPhone() {
+  const str =
+    JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.USER_INFO) || '{}')?.accountPersonDetail
+      ?.person?.phone || '';
+  const enStr = str && str.slice(0, 3) + '****' + str.slice(str.length - 4);
+  return enStr;
+}
+
+export const setLoginOutPath = () => {
+  if (window.top == window) {
+    history.push({
+      pathname: '/user/login'
+    })
+  } else {
+    window.parent.postMessage(
+      {
+        type: 'go2Login',
+      },
+      '*',
+    );
+  }
+};
+
+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 ergodicMenuRoutes = (routes) => {
+  const codeArray = [];
+
+  function ergodicRoutes(routesParam) {
+    routesParam.forEach((element) => {
+      // element.code &&
+      if (element.hideInMenu) {
+        codeArray.push(element);
+      }
+      if (element.routes) {
+        ergodicRoutes(element.routes);
+      }
+    });
+  }
+
+  ergodicRoutes(routes);
+
+  return codeArray;
+};

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

@@ -0,0 +1,220 @@
+.sort_table_wrapper {
+  .sort_table {
+    display: flex;
+
+    .sort_table_column_wrapper {
+      width: 560px;
+      margin-right: 10px;
+    }
+
+    .sort_table_content_wrapper {
+      width: 210px;
+    }
+
+    .sort_table_column_count,
+    .sort_table_content_count {
+      height: 20px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 14px;
+      color: #000000;
+      letter-spacing: 0;
+
+      span {
+        color: #848484;
+      }
+    }
+
+    .sort_table_column {
+      margin-top: 10px;
+      width: 560px;
+      height: 430px;
+      overflow: auto;
+      padding: 10px;
+      background: #ffffff;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      &_all {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        &_empty {
+          width: 538px;
+          line-height: 360px;
+          text-align: center;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 14px;
+          color: #848484;
+        }
+      }
+
+      &_special {
+        margin-top: 40px;
+        width: 100px;
+        height: 20px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: #848484;
+        letter-spacing: 0;
+      }
+
+      .ant-checkbox-wrapper {
+        width: 144px;
+        margin-top: 16px;
+      }
+
+      .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+        margin-left: 0px;
+      }
+    }
+
+    .sort_table_content {
+      margin-top: 10px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+      border: 1px solid #d9d9d9;
+      border-radius: 5px;
+
+      .ant-table-wrapper {
+        padding: 0px !important;
+      }
+      .sort_table_title {
+        height: 32px;
+        line-height: 32px;
+        padding-left: 10px;
+        color: gray;
+      }
+    }
+  }
+  div.ant-modal-header {
+    width: 820px;
+    height: 64px;
+    background: #ffffff;
+    padding: 20px;
+    border: 0px;
+
+    div.ant-modal-title {
+      height: 24px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 18px;
+      color: #000000;
+      letter-spacing: 0;
+      line-height: 24px;
+    }
+  }
+
+  .ant-modal-body {
+    padding: 0 20px !important;
+  }
+
+  .ant-modal-close-x {
+    height: 24px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 18px;
+    color: #000000;
+    letter-spacing: 0;
+  }
+
+  .ant-input-affix-wrapper {
+    padding: 0px;
+    padding-right: 10px;
+  }
+
+  input {
+    height: 32px;
+    padding: 6px 4px;
+    border-radius: 5px;
+  }
+
+  .ant-input-prefix {
+    width: 24px;
+    height: 24px;
+    margin: 4px;
+    // border: 1px dashed #d9d9d9;
+    display: flex;
+    justify-content: center;
+  }
+
+  .ant-modal-footer {
+    height: 70px;
+    border: 0;
+    padding: 20px;
+
+    .ant-btn {
+      width: 80px;
+      height: 34px;
+      border-radius: 5px;
+
+      span {
+        font-family: PingFangSC-Medium;
+        font-weight: 600;
+        font-size: 14px;
+        letter-spacing: 0;
+        text-align: center;
+        line-height: 20px;
+      }
+
+      &:first-child {
+        margin-right: 524px;
+      }
+    }
+  }
+
+  .ant-table-wrapper::-webkit-scrollbar {
+    display: none;
+  }
+
+  .ant-table-wrapper {
+    margin-top: 10px;
+    height: 364px;
+    overflow: scroll;
+    padding-bottom: 50px;
+
+    tr {
+      height: 36px;
+      td {
+        width: 24px !important;
+        height: 36px !important;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: #000000;
+        letter-spacing: 0;
+
+        &:first-child {
+          padding-left: 10px !important;
+          padding-right: 0px !important;
+          width: 115px !important;
+        }
+
+        img {
+          // border: 1px dashed #d9d9d9;
+          cursor: pointer;
+        }
+
+        &:not(:first-child) {
+          padding-left: 0px !important;
+          padding-right: 0px !important;
+        }
+
+        &:last-child {
+          padding-left: 0px !important;
+          padding-right: 3px !important;
+          width: 34px !important;
+
+          img {
+            // border: 1px dashed #d9d9d9;
+            position: relative;
+            top: 1px;
+          }
+        }
+      }
+    }
+  }
+}