@tuya-sat/sdf-main-sdk 0.0.1-beta.1

package/src/theme/index.less

@@ -0,0 +1,327 @@
+@import './variable.less';
+
+.main-layout {
+  background: @pageBgc !important;
+}
+
+// .main-app-layout-header {
+//   // background-color: @navBgc !important;
+//   border-bottom: 1px solid @main-app-layout-header-bottom;
+// }
+
+.main-text-color {
+  color: @text-color !important;
+}
+
+.main-list-item-meta-title {
+  color: @text-color-secondary;
+}
+.main-list-item-meta-description {
+  color: @text-color;
+}
+
+// .main-menu {
+//   background: @navBgc !important;
+//   color: @main-menu-item-selected-color;
+// }
+// .main-app-menu-containter .main-menu {
+//   border-top: 1px solid @item-hover-bg;
+// }
+// .main-menu-item a {
+//   color: @main-menu-item-selected-color;
+// }
+// .main-menu-item-selected,
+// .main-menu-item-selected a {
+//   color: @main-menu-item-selected-color-hover !important;
+// }
+
+// .main-menu-item-selected a:hover {
+//   color: @main-menu-item-selected-color-hover !important;
+// }
+// 菜单hover和选中时
+// .main-menu-item:hover,
+// .main-menu-item a:hover {
+//   color: @main-menu-item-selected-color-hover;
+//   background-color: @menu-item-active-bg;
+// }
+
+.main-app-collapsed {
+  background: @main-menu-background-color !important;
+  border-top: 1px solid @item-hover-bg;
+}
+
+// .main-app-menu-group-mode > .main-menu {
+//   border-top: 1px solid @item-hover-bg;
+// }
+
+// .main-app-menu-group-title {
+//   color: @text-color;
+//   background: @main-menu-collapsed-title-background !important;
+//   // border-bottom: 1px solid @item-hover-bg;
+// }
+.main-app-menu-group-menu {
+  &::-webkit-scrollbar-thumb {
+    background: @main-app-scrollbar-thumb-bg;
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  &::-webkit-scrollbar-track {
+    width: 6px;
+    background: @main-app-scrollbar-track-bg;
+  }
+}
+.main-app-menu-collapsed-selected {
+  background-color: @main-app-menu-collapsed;
+  color: @main-menu-item-selected-color-hover !important;
+  margin: 4px 0;
+}
+
+.main-app-qrTitle {
+  color: @text-color;
+}
+
+.main-app-account {
+  color: @text-color;
+}
+
+// 消息中心
+.main-app-message-title {
+  color: @text-color;
+}
+
+// 设置
+.main-app-setting {
+  background-color: @navBgc;
+  color: @text-color;
+}
+.main-app-message,
+.main-app-setting-edit,
+.main-app-message-footer,
+.main-app-link {
+  color: @primary-color;
+  &:hover {
+    color: @link-hover-color;
+  }
+}
+.main-app-message > .main-list-footer {
+  border-top: 1px solid @item-hover-bg;
+}
+
+// .main-group-item {
+//   color: @text-color;
+// }
+
+// .main-group-active,
+// .main-group-item:hover {
+//   // color: @primary-color !important;
+//   color: @main-menu-item-selected-color-hover;
+//   background-color: @menu-item-active-bg;
+// }
+
+.main-group {
+  background: @component-background;
+
+  &::-webkit-scrollbar-thumb {
+    background: @main-app-scrollbar-thumb-bg;
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar-track {
+    background: @main-app-scrollbar-track-bg;
+    border-radius: 3px;
+    // box-shadow: inset 0 0 5px @main-app-scrollbar-track-boxshadow;
+  }
+}
+
+// .main-group-cover {
+//   background: @mani-menu-collapsed-background;
+//   border-right: 1px solid @item-hover-bg;
+// }
+
+.main-svg-container {
+  svg {
+    & path {
+      fill: @svg-containter-content-color;
+    }
+    & > path:nth-child(1) {
+      fill: @svg-containter-bg-color;
+    }
+  }
+  &:hover {
+    svg {
+      & path {
+        fill: #fff;
+      }
+      & > path:nth-child(1) {
+        fill: @svg-containter-hover-color;
+      }
+    }
+  }
+}
+
+.main-collapsed-line {
+  background-color: @svg-containter-line-color;
+}
+
+.main-svg-container:hover + .main-collapsed-line {
+  background-color: @svg-containter-line-hover-color !important;
+}
+
+.main-fake-menu {
+  background-color: @component-background;
+}
+
+.main-app-notice {
+  background-color: @navBgc;
+  color: @text-color;
+}
+
+.main-app-notice-table {
+  background-color: @navBgc;
+}
+
+.main-app-setting-top {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: @main-app-setting-top;
+}
+
+.main-app-breadcrumb {
+  background-color: @layout-sider-background;
+  border-left: 1px solid transparent;
+}
+
+.main-app-setting-bottom {
+  color: @text-color;
+  & > .main-app-setting-bottom-img path {
+    // filter: drop-shadow(100px 0 0 @text-color);
+    fill: @text-color;
+  }
+}
+.main-app-setting-bottom:hover {
+  color: @primary-color;
+  & > .main-app-setting-bottom-img path {
+    // filter: drop-shadow(100px 0 0 @primary-color);
+    fill: @primary-color;
+  }
+}
+.main-app-tag-priview {
+  color: @cyan-7;
+  background-color: @cyan-1;
+  border-color: @cyan-3;
+}
+
+.main-app-tag-latest {
+  color: @blue-7;
+  background-color: @blue-1;
+  border: 1px solid @blue-3;
+}
+
+.main-app-tag-trial {
+  color: @gold-7;
+  background-color: @gold-1;
+  border: 1px solid @gold-3;
+}
+
+.main-popover-arrow-content::before {
+  background: transparent !important;
+}
+
+// .main-menu-submenu-selected,
+// .main-menu-light .main-menu-submenu-title:hover,
+// .main-menu-submenu:hover > .main-menu-submenu-title > .main-menu-submenu-arrow {
+//   color: @main-menu-item-selected-color-hover;
+// }
+.main-modal-content,
+.main-modal-header {
+  background-color: @navBgc;
+}
+
+.main-select-item-option-selected:not(.main-select-item-option-disabled) {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.main-menu-icon img {
+  background-color: @main-menu-item-icon-bg;
+}
+
+.main-app-custom-nav,
+.main-app-custom-nav-navItem {
+  color: @text-color;
+}
+
+.main-app-custom-nav-navItem:hover {
+  color: @text-color;
+}
+
+.main-app-custom-nav {
+  &::-webkit-scrollbar-thumb {
+    background: @main-app-scrollbar-thumb-bg;
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar {
+    height: 6px;
+  }
+  &::-webkit-scrollbar-track {
+    height: 6px;
+    background: @main-app-scrollbar-track-bg;
+  }
+}
+
+.main-dropdown-menu {
+  background-color: @navBgc;
+}
+
+.main-dropdown-menu-item:hover,
+.main-dropdown-menu-submenu-title:hover {
+  background-color: @main-app-drop-down-hover-color;
+}
+
+// 消息中心
+.main-app-message-drawer-tab-check-title {
+  color: @text-color;
+}
+
+.main-app-message-drawer-tab-check-describe {
+  color: @text-color-describe;
+}
+
+.main-app-message-table-del {
+  color: @red-6;
+}
+// .main-dropdown-menu-item:hover,
+// .main-dropdown-menu-submenu-title:hover {
+//   background-color: @main-app-drop-down-hover-color;
+// }
+
+.main-app-message > .main-list-footer {
+  border-top: 1px solid @borderBgc;
+}
+
+.main-table-tbody > tr.main-table-row-selected > td {
+  background: @table-row-hover-bg !important;
+}
+.main-table-tbody > tr.main-table-row-selected:hover > td {
+  background: @table-row-hover-bg !important;
+}
+
+.main-menu-light .main-menu-item:hover,
+.main-menu-light .main-menu-item-active,
+.main-menu-light .main-menu:not(.main-menu-inline) .main-menu-submenu-open,
+.main-menu-light .main-menu-submenu-active,
+.main-menu-light .main-menu-submenu-title:hover {
+  color: @main-menu-item-selected-color-hover;
+}
+.main-bg-color {
+  background: @pageBgc !important;
+}
+
+.main-notice-tools-bg {
+  background: var(--ant-primary-1);
+  border: 1px solid var(--ant-primary-2);
+}
+
+.main-verify-code .main-statistic-content {
+  color: @main-static-color;
+}

package/src/theme/variable.less

@@ -0,0 +1,13 @@
+@macro-variable-location: if(
+  (isdefined(@use-dark-compiler)),
+  '../../dark-variable',
+  'antd/es/style/variable'
+);
+@macro-entry-name: if(
+  (isdefined(@use-dark-compiler)),
+  'custom-dark',
+  'custom-light'
+);
+
+@import '@{macro-variable-location}.less';
+@import './@{macro-entry-name}.less';

package/src/utils/checkPass.ts

@@ -0,0 +1,21 @@
+export function checkPassWord(value: string): boolean {
+  if (value.length < 8 || value.length > 20) return false;
+
+  let isPass = 0;
+  // 判断是否含有大写
+  const hasUpCase = /[A-Z]/g;
+  if (hasUpCase.test(value)) isPass++;
+  // 判断是否含有小写
+  const hasLowCase = /[a-z]/g;
+  if (hasLowCase.test(value)) isPass++;
+  // 判断是否含有数字
+  const hasNumber = /[0-9]/g;
+  if (hasNumber.test(value)) isPass++;
+  // 判断是否含有英文符号
+  const hasCharacter =
+    /[\u0020-\u002F]|[\u003A-\u0040]|[\u005B-\u0060]|[\u007B-\u007E]/g;
+
+  if (hasCharacter.test(value)) isPass++;
+  if (isPass >= 3) return true;
+  return false;
+}

package/src/utils/common.ts

@@ -0,0 +1,195 @@
+import Cookies from 'js-cookie';
+import { api, URLS } from '@/api';
+import { SafePath } from '@/constant';
+
+export const findEntry = (menus, pathname) => {
+  let entry = null;
+  for (const menu of menus) {
+    const { path, sub_entry_list } = menu;
+    if (
+      pathname === path ||
+      pathname + '/' === path ||
+      pathname === path + '/'
+    ) {
+      entry = menu;
+    } else if (sub_entry_list && sub_entry_list.length) {
+      entry = findEntry(menu.sub_entry_list, pathname);
+    }
+    if (entry) {
+      break;
+    }
+  }
+  return entry;
+};
+
+export const getDeepestPath = (menu) => {
+  if (menu.sub_entry_list?.length) {
+    return getDeepestPath(menu.sub_entry_list[0]);
+  } else {
+    return menu.path;
+  }
+};
+export const auth = (history) => {
+  const {
+    location: { search, pathname },
+  } = history;
+  if (SafePath.includes(pathname)) {
+    return;
+  }
+  cleanLocal();
+  window.location.href = `/login${search}`;
+};
+
+export const getCurrentUser = () => {
+  const { user } = window._SDF;
+  return user ? { ...user } : user;
+};
+
+export const safeLogout = (history) => {
+  cleanLocal();
+  window.location.href = `/logout`;
+};
+
+const cleanLocal = () => {
+  const title = window?._SDF?.saas?.title;
+  title && (document.title = title);
+};
+
+export const getSearchMap = (search) => {
+  return new URLSearchParams(search.substring(1));
+};
+
+export const afterLoginHook = ({
+  search,
+  history,
+}: {
+  search: string;
+  history: any;
+}) => {
+  if (process.env.NODE_ENV === 'development') {
+    history.push('/');
+  } else {
+    const lastPath = getSearchMap(search).get('from') || '/';
+    if (lastPath.includes('relogin')) {
+      window.location.replace('/');
+    } else {
+      window.location.replace(decodeURIComponent(lastPath));
+    }
+  }
+};
+
+export let geetestPromise;
+let _cb;
+export const initGeetest = () => {
+  geetestPromise = new Promise((resolve, reject) => {
+    api
+      .post(URLS.CAPTCHA, {
+        userId: '',
+        clientType: 'web',
+      })
+      .then((captcha) => {
+        const result = captcha?.result;
+        window.initGeetest(
+          {
+            gt: result?.gt,
+            challenge: result?.challenge,
+            offline: !result?.success,
+            new_captcha: true,
+            product: 'bind',
+            lang: Cookies.get('main-i18next') === 'zh' ? 'zh-cn' : 'en',
+            https: true,
+            width: '',
+          },
+          (geetest) => {
+            geetest
+              .onReady(() => {
+                resolve(geetest);
+              })
+              .onSuccess(() => {
+                const result = geetest.getValidate(); // 获取极验的验证结果
+                const secureKey = {
+                  clientType: 'web',
+                  challenge: result.geetest_challenge,
+                  validate: result.geetest_validate,
+                  seccode: result.geetest_seccode,
+                };
+                if (_cb) {
+                  _cb(secureKey);
+                  _cb = null;
+                }
+              })
+              .onError((error) => {
+                reject(error);
+              });
+          }
+        );
+      })
+      .catch(() => reject('极验请求出错'));
+  });
+};
+
+export const showGeetest = (geetest, form, cb) => {
+  _cb = (secureKey) => {
+    if (form) {
+      cb(form, secureKey);
+    } else {
+      cb(secureKey);
+    }
+  };
+  geetest.verify();
+};
+
+export const isSupportMultiLang = () => {
+  return window._SDF_CONFIG?.saas?.MULTI_LANG.ENABLE !== false;
+};
+
+export const isOpenGt = () => !!window._SDF.saas?.is_need_jiyan;
+
+export const isMessageCt = () => {
+  return (
+    window._SDF_CONFIG?.saas?.TOP_MESSAGE_ENABLE !== false &&
+    !!window._SDF.saas?.message_switch
+  );
+};
+
+const replacePathInCSS = (css, mapFn) => {
+  const hasQuote = /^\s*('|")/;
+  return [
+    /(@import\s+)(')(.+?)(')/gi,
+    /(@import\s+)(")(.+?)(")/gi,
+    /(url\s*\()(\s*')([^']+?)(')/gi,
+    /(url\s*\()(\s*")([^"]+?)(")/gi,
+    /(url\s*\()(\s*)([^\s'")].*?)(\s*\))/gi,
+  ].reduce((css, reg, index) => {
+    return css.replace(reg, (all, lead, quote1, path, quote2) => {
+      const ret = mapFn(path, quote1);
+      if (hasQuote.test(ret) && hasQuote.test(quote1)) quote1 = quote2 = '';
+      return lead + quote1 + ret + quote2;
+    });
+  }, css);
+};
+
+const isUrlReg = /^(data:|https?:|\/\/)/i;
+export const processLoadAssetInCss = (apps, url, args) => {
+  return {
+    async text() {
+      const res = await window.fetch(url, ...args);
+      let css = await res.text();
+      let baseUrl = '';
+      apps.forEach((app) => {
+        if (url.includes(app.props.resourcePrefix)) {
+          baseUrl = app.props.resourcePrefix;
+        }
+      });
+      if (baseUrl) {
+        css = replacePathInCSS(css, (path) => {
+          if (isUrlReg.test(path)) {
+            return path;
+          }
+          return baseUrl + '/' + path;
+        });
+      }
+      return css;
+    },
+  } as any;
+};

package/src/utils/eventBus.ts

@@ -0,0 +1,112 @@
+interface TEvent {
+  timestamp: number;
+  value?: any;
+}
+
+type EventCallback = (e: any) => void;
+
+interface IEvent {
+  addEventListener: (type: string, callback: EventCallback) => void;
+  removeEventListener: (type: string, callback: EventCallback) => boolean;
+  removeAllEventListener: (type?: string) => boolean;
+  dispatchEvent: (type: string, value?: any) => void;
+}
+
+function buildEventParam(value?: any) {
+  return {
+    value,
+    timestamp: Date.now(),
+  };
+}
+
+class CustomEvent implements IEvent {
+  static eventMap: { [key: string]: EventCallback[] } = {};
+
+  private eventMap: { [key: string]: EventCallback[] } = {};
+
+  static addEventListener = (type: string, callback: EventCallback) => {
+    if (!CustomEvent.eventMap[type]) {
+      CustomEvent.eventMap[type] = [];
+    }
+    if (!CustomEvent.hasEventListener(type, callback)) {
+      CustomEvent.eventMap[type].push(callback);
+    }
+  };
+
+  static removeEventListener = (type: string, callback: EventCallback) => {
+    const listeners = CustomEvent.eventMap[type] || [];
+    const index = listeners.findIndex((cb) => cb === callback);
+    if (index > -1) {
+      listeners.splice(index, 1);
+      return true;
+    }
+    return false;
+  };
+
+  static removeAllEventListener = (type?: string) => {
+    if (type !== undefined && CustomEvent.eventMap[type]) {
+      delete CustomEvent.eventMap[type];
+    } else if (type === undefined) {
+      CustomEvent.eventMap = {};
+    }
+    return true;
+  };
+
+  static dispatchEvent = (type: string, value?: any) => {
+    const listeners = CustomEvent.eventMap[type] || [];
+    for (const listener of listeners) {
+      if (listener && typeof listener === 'function') {
+        listener(buildEventParam(value));
+      }
+    }
+  };
+
+  static hasEventListener = (type: string, callback: EventCallback) => {
+    const listeners = CustomEvent.eventMap[type] || [];
+    return listeners.some((listener) => listener === callback);
+  };
+
+  public addEventListener = (type: string, callback: EventCallback) => {
+    if (!this.eventMap[type]) {
+      this.eventMap[type] = [];
+    }
+    if (!this.hasEventListener(type, callback)) {
+      this.eventMap[type].push(callback);
+    }
+  };
+
+  public removeEventListener = (type: string, callback: EventCallback) => {
+    const listeners = this.eventMap[type] || [];
+    const index = listeners.findIndex((cb) => cb === callback);
+    if (index > -1) {
+      listeners.splice(index, 1);
+      return true;
+    }
+    return false;
+  };
+
+  public removeAllEventListener = (type?: string) => {
+    if (type !== undefined && this.eventMap[type]) {
+      delete this.eventMap[type];
+    } else if (type === undefined) {
+      this.eventMap = {};
+    }
+    return true;
+  };
+
+  public dispatchEvent = (type: string, value?: any) => {
+    const listeners = this.eventMap[type] || [];
+    for (const listener of listeners) {
+      if (listener && typeof listener === 'function') {
+        listener(buildEventParam(value));
+      }
+    }
+  };
+
+  private hasEventListener = (type: string, callback: EventCallback) => {
+    const listeners = this.eventMap[type] || [];
+    return listeners.some((listener) => listener === callback);
+  };
+}
+
+export default CustomEvent;