@plaso-infi/whiteboard-sdk 0.0.3 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaso-infi/whiteboard-sdk",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -64,6 +64,10 @@
   "peerDependencies": {
     "ali-oss": "^6.17.1"
   },
+  "files": [
+    "dist",
+    "!dist/**/*.js.map"
+  ],
   "browserslist": {
     "development": [
       "last 3 chrome version",

package/.eslintrc.cjs

@@ -1,39 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-  },
-  settings: {
-    react: {
-      pragma: 'React',
-      version: 'detect',
-    },
-  },
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react/recommended',
-    'plugin:prettier/recommended',
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-    ecmaVersion: 13,
-    sourceType: 'module',
-  },
-  plugins: ['react', 'react-hooks', '@typescript-eslint'],
-  rules: {
-    '@typescript-eslint/no-explicit-any': 0,
-    'react-hooks/rules-of-hooks': 'warn',
-    '@typescript-eslint/consistent-type-imports': 'error',
-    '@typescript-eslint/no-unused-vars': [
-      'warn',
-      {
-        varsIgnorePattern: '^_$',
-      },
-    ],
-  },
-  ignore: ['dist/'],
-};

package/postcss.config.cjs

@@ -1,3 +0,0 @@
-module.exports = {
-  plugins: [require('postcss-preset-env')],
-};

package/rollup.config.mjs

@@ -1,75 +0,0 @@
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import jsonPlugin from '@rollup/plugin-json';
-import clean from 'rollup-plugin-clean';
-import postcss from 'rollup-plugin-postcss';
-import { terser } from 'rollup-plugin-terser';
-import dts from 'rollup-plugin-dts';
-import typescript from 'rollup-plugin-typescript2';
-
-const webSdkSetting = {
-  input: 'src/index.ts',
-  output: [
-    {
-      dir: 'dist/cjs/',
-      format: 'cjs',
-    },
-    {
-      dir: 'dist/esm/',
-      format: 'es',
-    },
-  ],
-  plugins: [
-    clean(),
-    jsonPlugin(),
-    commonjs({
-      preferBuiltins: false,
-    }),
-    resolve(),
-    typescript({ tsconfig: './tsconfig.json', clean: true }),
-    postcss({
-      extract: true,
-      // postcss plugin has a bug, if modules is object autoModules must set false;
-      autoModules: false,
-      modules: {
-        // generateScopedName: '[local]_[hash:base64:5]',
-        generateScopedName: function (name, filename, css) {
-          if (filename.includes('upime-sdk')) {
-            return name;
-          }
-          const path = require('path');
-          const i = css.indexOf('.' + name);
-          const line = css.substr(0, i).split(/[\r\n]/).length;
-          const file = path.basename(filename, '.css');
-          return '_' + file + '_' + line + '_' + name;
-        },
-      },
-    }),
-    terser({
-      compress: {
-        pure_funcs: ['console.log', 'console.info'],
-      },
-    }),
-  ],
-  external: ['ali-oss'],
-};
-
-const TypeSetting = {
-  input: 'src/index.ts',
-  output: [
-    {
-      file: 'dist/esm/index.d.ts',
-      format: 'es',
-    },
-    {
-      file: 'dist/cjs/index.d.ts',
-      format: 'cjs',
-    },
-  ],
-  plugins: [typescript({ tsconfig: './tsconfig.json' }), dts()],
-  external: ['agora-rtc-sdk-ng', 'react', 'react-dom', 'ali-oss', 'hls.js'],
-};
-
-// export default [webSdkSetting];
-
-export default [webSdkSetting, TypeSetting];

package/src/components/errorBoundary/errorBoundary.tsx

@@ -1,27 +0,0 @@
-import type { EventManagerT } from '@/types';
-import type { WebsdkEventTypeMap } from '@/types/sdk';
-import React from 'react';
-
-type ErrorBoundaryPropT = {
-  evtBus: EventManagerT<WebsdkEventTypeMap>;
-  children: React.ReactNode;
-};
-
-class ErrorBoundary extends React.Component<ErrorBoundaryPropT> {
-  state: { hasError: boolean } = { hasError: false };
-
-  componentDidCatch() {
-    // TODO: 错误信息收集上报
-    this.setState({ hasError: true });
-    this.props.evtBus.publish('internal_error', undefined);
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return <div> WebSDK 内部发送错误，请尝试刷新浏览器再使用，如果仍出现问题，请联系我们 </div>;
-    }
-    return this.props.children;
-  }
-}
-
-export { ErrorBoundary };

package/src/components/errorBoundary/index.ts

@@ -1 +0,0 @@
-export * from './errorBoundary';

package/src/components/index.ts

@@ -1 +0,0 @@
-export * from './errorBoundary';

package/src/fixtures/index.ts

@@ -1 +0,0 @@
-export * from './sdk_status';

package/src/fixtures/sdk_status.ts

@@ -1,5 +0,0 @@
-export enum WebSdkStatus {
-  CONNECTING,
-  CONNECTED,
-  NOT_CONNECTED,
-}

package/src/index.ts

@@ -1,5 +0,0 @@
-import { InfiWebsdk } from './sdk';
-import type { InfiWebsdkInstanceType } from './types';
-
-export default InfiWebsdk;
-export type { InfiWebsdkInstanceType };

package/src/instance.ts

@@ -1,105 +0,0 @@
-import { EventManager, drawNoImageAvatar } from '@/utils';
-import { WebSdkStatus } from './fixtures/sdk_status';
-import type { GetSdkInstanceConfigs, InternalWebSdkInsT, WebsdkEventTypeMap } from '@/types/sdk';
-import { mountUpimeSdk } from './upime';
-import type { BoardSDKRefType } from '@plasosdk/upime-sdk';
-
-/** 装饰器，用以检测 BoardSdkRef 是否存在，通常只有白板初始化成功了才会有这个 ref */
-function checkBoardRef(
-  _t: InfiWebsdkInstance,
-  _k: string,
-  descriptor: PropertyDescriptor,
-): PropertyDescriptor {
-  const fn = descriptor.value;
-  descriptor.value = function (...args: any[]) {
-    const _self = this as InfiWebsdkInstance;
-    if (_self.sdkRef) {
-      return fn.apply(_self, args);
-    } else if (_self.status !== WebSdkStatus.CONNECTED) {
-      _self.evtBus.publish('not_initialized', undefined);
-      return;
-    } else {
-      _self.evtBus.publish('not_initialized', undefined);
-      return;
-    }
-  };
-  return descriptor;
-}
-
-export class InfiWebsdkInstance implements InternalWebSdkInsT {
-  status: WebSdkStatus = WebSdkStatus.NOT_CONNECTED;
-
-  sdkRef: BoardSDKRefType | null = null;
-
-  _authPassed = false;
-
-  get authPassed() {
-    return this._authPassed;
-  }
-
-  constructor(public configs: GetSdkInstanceConfigs) {
-    this.init();
-  }
-
-  evtBus = new EventManager<WebsdkEventTypeMap>();
-
-  async init() {
-    if (await this.authCheck()) {
-      // TODO: 如果 queryString 校验失败，则需要根据返回类型提示不同的错误消息
-      throw new Error('auth check failed ');
-    }
-    const { loginName, userName, avatarUrl } = this.configs.userInfo;
-    if (!avatarUrl) {
-      this.configs.userInfo.avatarUrl = await drawNoImageAvatar({
-        userId: loginName,
-        text: userName,
-      });
-    }
-    mountUpimeSdk(this.configs, this.evtBus).then(ref => {
-      this.sdkRef = ref;
-    });
-  }
-
-  private authCheck() {
-    // TODO: 在正式使用白板连入之前，可能需要先检验一把 queryString 是否合法，并反馈响应有意义的错误消息
-    return Promise.resolve(0);
-  }
-
-  enableEdit(couldEdit: boolean) {
-    //
-  }
-
-  @checkBoardRef
-  async slideToView(position: { x: number; y: number }, scale: number, time: number) {
-    //
-  }
-
-  @checkBoardRef
-  getCurrentViewData() {
-    return {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      scale: 1,
-    };
-  }
-
-  @checkBoardRef
-  async showToast(message: string, duration: number) {
-    //
-  }
-
-  on<T extends keyof WebsdkEventTypeMap>(evtName: T, cb: (param: WebsdkEventTypeMap[T]) => void) {
-    this.evtBus.subscribe(evtName, cb);
-    return () => this.off(evtName, cb);
-  }
-
-  off<T extends keyof WebsdkEventTypeMap>(evtName: T, cb: (param: WebsdkEventTypeMap[T]) => void) {
-    this.evtBus.unsubscribe(evtName, cb);
-  }
-
-  async destroy() {
-    //
-  }
-}

package/src/localdemo/demo.tsx

@@ -1,29 +0,0 @@
-import { setEnv, env_type } from '@plasosdk/upime-sdk';
-import { getInfiWebsdkQuery, type WebsdkQueryParams } from '@plasosdk/whiteboard-ext-tools';
-
-const devQuerySample: WebsdkQueryParams = {
-  recordId: 'dev_sample',
-  appId: '1866',
-  appKey: 'dt47593e1111111b5a185216400f3126',
-  loginName: 'user_0',
-};
-
-setEnv(env_type.DEV);
-
-const getQuery = async () => Promise.resolve(getInfiWebsdkQuery(devQuerySample));
-
-const container = document.getElementById('app') as HTMLDivElement;
-
-const setup = async () => {
-  const ins = await window.InfiWebsdk.getSdkInstance({
-    getQueryString: getQuery,
-    userInfo: {
-      loginName: 'user_0',
-      userName: 'User 0',
-    },
-    containerDom: container,
-    getUsersInfo: async () => [],
-  });
-};
-
-// setup();

package/src/localdemo/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Infi websdk</title>
-
-    <script type="module" src="./demo.tsx"></script>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/src/localdemo/styles.module.less

@@ -1,5 +0,0 @@
-.root {
-  width: 100vw;
-  height: 100vh;
-  position: relative;
-}

package/src/sdk.ts

@@ -1,21 +0,0 @@
-import type { InfiWebSdkType } from '@/types/sdk';
-import pkg from '../package.json';
-import { InfiWebsdkInstance } from './instance';
-
-export const InfiWebsdk: InfiWebSdkType = {
-  getSdkInstance: async (...params) => {
-    try {
-      const ins = new InfiWebsdkInstance(...params);
-      return {
-        code: 0,
-        payload: ins,
-      };
-    } catch {
-      return {
-        code: 1,
-        payload: '初始化错误',
-      };
-    }
-  },
-  version: pkg.version,
-};

package/src/types/event.ts

@@ -1,7 +0,0 @@
-export type eventHandler<E> = (evt: E) => void;
-
-export interface EventManagerT<ET = any> {
-  subscribe<T extends keyof ET>(topic: T, cb: eventHandler<ET[T]>): CB;
-  once<T extends keyof ET>(topic: T, cb: eventHandler<ET[T]>): CB;
-  publish<T extends keyof ET>(topic: T, evt: ET[T]): void;
-}

package/src/types/global.d.ts

@@ -1,27 +0,0 @@
-declare module '*.css';
-declare module '*.scss';
-declare module '*.sass';
-declare module '*.svg';
-declare module '*.png';
-declare module '*.jpg';
-declare module '*.jpeg';
-declare module '*.gif';
-
-declare module '*.less' {
-  const resource: { [key: string]: string };
-  export = resource;
-}
-
-type CB = (...p: any[]) => unknown;
-
-interface Window {
-  // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-  InfiWebsdk: import('./sdk').InfiWebSdkType;
-}
-
-declare namespace NodeJS {
-  interface Process {
-    /** 为解决 node_modules/ali-oss/lib/common/utils/isDingTalk.ts 内错误的类型声明加的  */
-    browser: boolean;
-  }
-}

package/src/types/index.ts

@@ -1,2 +0,0 @@
-export * from './event';
-export * from './sdk';

package/src/types/sdk.ts

@@ -1,128 +0,0 @@
-type PositionLike = {
-  x: number;
-  y: number;
-};
-
-type Viewbox = {
-  left: number;
-  top: number;
-  right: number;
-  bottom: number;
-  scale: number;
-};
-
-/** websdk 实例类型声明接口 */
-export interface InfiWebsdkInstanceType {
-  /**
-   * 设置是否可以编辑
-   * @param couldEdit true: 可编辑; false: 只读
-   */
-  enableEdit: (couldEdit: boolean) => void;
-  /**
-   * 变更白板的画布视野
-   * @param position 白板绘制区域左上角的坐标值
-   * @param scale 白板当前的画布显示缩放值
-   * @param time 显示变更所需时间，如果填入有效值，则画面会平滑过渡到目标视野, 如果填 0 ，则会立即完成视野变更
-   * @returns Promise fulfill 表示移动视野动作执行完成
-   */
-  slideToView: (position: PositionLike, scale: number, time: number) => Promise<void>;
-  /** 获取当前白板的画布视野信息 */
-  getCurrentViewData: () => Viewbox;
-  /**
-   * 于白板内显示 toast 消息
-   * @param message 消息
-   * @param duration 显示时长，经过该时长后 toast 消息消失
-   * @return Promise fulfill 表示消息已经消失
-   */
-  showToast: (message: string, duration: number) => Promise<void>;
-  /**
-   * 注册白板事件监听器
-   * TBD： 初期先暴露一些基本事件，比如白板已初始化完毕、白板已销毁完毕等事件
-   * @param evtName 事件名
-   * @param cb 回调函数
-   * @returns 取消注册执行函数
-   */
-  on: <T extends keyof WebsdkEventTypeMap>(
-    evtName: T,
-    cb: (param: WebsdkEventTypeMap[T]) => void,
-  ) => () => void;
-  /**
-   * 取消注册白板事件监听器
-   * @param evtName 事件名
-   * @param cb 回调函数
-   */
-  off: <T extends keyof WebsdkEventTypeMap>(
-    evtName: T,
-    cb: (param: WebsdkEventTypeMap[T]) => void,
-  ) => void;
-  /** 销毁白板 sdk 实例 */
-  destroy: () => void;
-}
-
-export interface InternalWebSdkInsT extends InfiWebsdkInstanceType {
-  init: () => Promise<void>;
-}
-
-export type WebsdkEventTypeMap = {
-  /** 白板未完成初始化 */
-  not_initialized: void;
-  /** 已连接至白板服务器 */
-  connected: void;
-  /** 白板服务器连接中 */
-  connecting: void;
-  /** 白板服务器连接失败 */
-  connect_failed: void;
-  /** 白板内部错误 */
-  internal_error: void;
-  /** 因当前白板未处于连接状态，api 调用无效 */
-  api_call_rejected: void;
-};
-
-/** 当前白板的用户信息 */
-export interface UserInfoT {
-  loginName: string;
-  userName: string;
-  avatarUrl?: string;
-}
-
-/** 获取白板 websdk 实例的配置参数  */
-export interface GetSdkInstanceConfigs {
-  /** 白板初始化 & 链接服务器使用的加密字符串, 内涵应用、白板、用户等信息， */
-  getQueryString: () => Promise<string>;
-  /** 当前白板的用户信息 */
-  userInfo: UserInfoT;
-  /** 用以挂载白板 DOM 的 HTML DOM 元素, 白板相关元素会自动 appendChild 至这个元素之内 */
-  containerDom: HTMLDivElement;
-  /** 初始状态下是否默认可编辑, 可基于 InfiWebsdkInstanceType.enableEdit API 进行后续控制 */
-  initEditable?: boolean;
-  /** 基于 loginName 获取该用户的用户名与头像 url 的方法，由用户提供，方法返回的用户信息用以于白板内作展示 */
-  getUsersInfo: (loginNames: string[]) => Promise<UserInfoT[]>;
-}
-
-/**
- * 获取白板sdk对象方法的返回值类型，值为对象形式
- * * 对象内 code 值如果为 0, 则表示白板初始化参数验证完毕， payload 为 websdk 的对象实例
- * * 对象内 code 如果不为 0, 则表示白板初始化失败，payload 为错误提示消息
- */
-type GetSdkInstanceReturnType = Promise<
-  | {
-      code: 0;
-      payload: InfiWebsdkInstanceType;
-    }
-  | {
-      code: 1;
-      payload: string;
-    }
->;
-
-/** Infi 白板 websdk 全局对象，引入 min.js 后即会挂载至 window 对象上 */
-export interface InfiWebSdkType {
-  /**
-   * 获取白板sdk对象
-   * @param getQueryString 白板初始化 & 链接服务器使用的加密字符串, 内涵应用、白板、用户等信息，
-   * 推荐于服务端进行生成，当链接重连但是被白板服务器拒绝后，会自动使用 getQueryString 方法生成新的 queryString 并发起重连
-   * @param configs 白板初始化所需要的配置参数
-   */
-  getSdkInstance: (configs: GetSdkInstanceConfigs) => GetSdkInstanceReturnType;
-  readonly version: string;
-}

package/src/upime/index.ts

@@ -1 +0,0 @@
-export * from './upime';

package/src/upime/upime.tsx

@@ -1,86 +0,0 @@
-import type { FC } from 'react';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import ReactDOM from 'react-dom';
-import type { BoardSDKRefType } from '@plasosdk/upime-sdk';
-import { BoardSDK, setEnv, env_type } from '@plasosdk/upime-sdk';
-import type { EventManagerT } from '@/types';
-import type { IAsyncWork } from '@/utils/asyncWork';
-import { AsyncWork } from '@/utils/asyncWork';
-import { ErrorBoundary } from '../components';
-import type { GetSdkInstanceConfigs, WebsdkEventTypeMap } from '@/types/sdk';
-import { drawNoImageAvatar } from '@/utils';
-import '@plasosdk/upime-sdk/dist/cjs/index.css';
-
-setEnv(env_type.DEV);
-
-type BoardPropT = {
-  configs: GetSdkInstanceConfigs;
-  asyncW: IAsyncWork<BoardSDKRefType>;
-  evtBus: EventManagerT<WebsdkEventTypeMap>;
-};
-
-const Board: FC<BoardPropT> = ({ asyncW, configs, evtBus }) => {
-  const boardRef = useRef<BoardSDKRefType>(null);
-  const [couldEdit, setCouldEdit] = useState(true);
-  const { initEditable = true, getUsersInfo } = configs;
-  const { getQueryString, userInfo } = configs;
-
-  useEffect(() => {
-    if (boardRef.current) {
-      asyncW.done(boardRef.current);
-    } else {
-      asyncW.fail('sdk init Failed');
-    }
-  }, []);
-
-  const getUserInfo = async (loginName: string | string[]) => {
-    const loginNames = Array.isArray(loginName) ? loginName : [loginName];
-    const users = await getUsersInfo(loginNames);
-    const res: Record<string, { userName: string; avatarUrl: string }> = {};
-    for (const u of users) {
-      const avatarUrl = await drawNoImageAvatar({
-        userId: u.loginName,
-        text: u.userName,
-        imgUrl: u.avatarUrl,
-      });
-      res[u.loginName] = {
-        userName: u.userName,
-        avatarUrl,
-      };
-    }
-    return res;
-  };
-
-  return (
-    <ErrorBoundary evtBus={evtBus}>
-      <BoardSDK
-        learningCenter={null}
-        customizedUploader={null as any}
-        loginName={userInfo.loginName}
-        userName={userInfo.userName}
-        avatarUrl={userInfo.avatarUrl}
-        userType={couldEdit ? 'editor' : 'visitor'}
-        role={1}
-        autoResize={true}
-        getBoardQuery={getQueryString}
-        getUserInfo={getUserInfo}
-        ref={boardRef}
-      ></BoardSDK>
-    </ErrorBoundary>
-  );
-};
-
-export const mountUpimeSdk = async (
-  configs: GetSdkInstanceConfigs,
-  evtBus: EventManagerT<WebsdkEventTypeMap>,
-) => {
-  const asyncW = new AsyncWork<BoardSDKRefType>();
-
-  // eslint-disable-next-line react/no-deprecated
-  ReactDOM.render(
-    <Board evtBus={evtBus} asyncW={asyncW} configs={configs} />,
-    configs.containerDom,
-  );
-
-  return asyncW.result;
-};

package/src/utils/asyncWork.ts

@@ -1,31 +0,0 @@
-export interface IAsyncWork<T> {
-  readonly result: Promise<T>;
-  done(result: T): void;
-  fail(error: any): void;
-}
-
-export class AsyncWork<T> implements IAsyncWork<T> {
-  private _res: ((result: T | PromiseLike<T>) => void) | undefined;
-  private _rej: ((reason: any) => void) | undefined;
-  private _promise = new Promise<T>((res, rej) => {
-    this._res = res;
-    this._rej = rej;
-  });
-
-  get result() {
-    return this._promise;
-  }
-
-  done(result: T) {
-    if (this._res) {
-      this._res(result);
-      this._res = this._rej = undefined;
-    }
-  }
-  fail(error: any) {
-    if (this._rej) {
-      this._rej(error);
-      this._res = this._rej = undefined;
-    }
-  }
-}

package/src/utils/avatar.ts

@@ -1,71 +0,0 @@
-export type drawNoImageAvatarParamsT = {
-  userId?: string | number;
-  text: string;
-  imgUrl?: string;
-  bgColor?: string;
-};
-
-const DEFAULT_COVER_COLOR = ['#eea5a5', '#f5cd83', '#9abaee', '#74c5e6', '#54d1c0'];
-export function GetDefaultColor(relyString: string | number) {
-  let number;
-  if (typeof relyString === 'string') {
-    number = relyString.match(/(\d|[a-f]|[A-F])/g)?.join('') || '0';
-  } else {
-    number = relyString;
-  }
-  if (number) {
-    return DEFAULT_COVER_COLOR[parseInt(number, 16) % DEFAULT_COVER_COLOR.length];
-  } else {
-    return '#ccc';
-  }
-}
-
-const avatarSize = {
-  w: 128,
-  h: 128,
-};
-
-function drawText(text: string, bgColor: string): string {
-  const canvasDOM = document.createElement('canvas');
-  canvasDOM.width = avatarSize.w;
-  canvasDOM.height = avatarSize.h;
-  const ctx = canvasDOM.getContext('2d') as CanvasRenderingContext2D;
-  ctx.fillStyle = bgColor;
-  ctx.fillRect(0, 0, avatarSize.w, avatarSize.h);
-  ctx.font = '64px Arial';
-  ctx.textAlign = 'center';
-  ctx.fillStyle = '#fff';
-  ctx.fillText(text[0], 64, 88);
-  return canvasDOM.toDataURL();
-}
-
-/**
- * 绘制头像
- * @param param0
- * @returns
- */
-export function drawNoImageAvatar({
-  userId = '',
-  text = '',
-  imgUrl = '',
-  bgColor = '',
-}: drawNoImageAvatarParamsT) {
-  return new Promise<string>(resolve => {
-    const getDefaultAvatar = () => {
-      const curBgColor = bgColor || GetDefaultColor(userId);
-      resolve(drawText(text, curBgColor));
-    };
-    if (!imgUrl) {
-      getDefaultAvatar();
-    } else {
-      const imgDOM = document.createElement('img');
-      imgDOM.onload = () => {
-        resolve(imgUrl);
-      };
-      imgDOM.onerror = () => {
-        getDefaultAvatar();
-      };
-      imgDOM.src = imgUrl;
-    }
-  });
-}

package/src/utils/common.ts

@@ -1,30 +0,0 @@
-export const delay = (t: number) => new Promise(res => setTimeout(res, t));
-
-/** 最基本的 debounce 实现 */
-export function debounce<T extends (...args: any[]) => any>(fn: T, time: number) {
-  let timer: ReturnType<typeof setTimeout> | null = null;
-  return (...args: Parameters<T>): ReturnType<T> => {
-    let res: any;
-    if (timer) {
-      clearTimeout(timer);
-    }
-    timer = setTimeout(() => {
-      res = fn(...args);
-    }, time);
-    return res;
-  };
-}
-
-/** 最基本的 throttle 实现 */
-export function throttle<T extends (...args: any[]) => any>(fn: T, time: number) {
-  let lastTime = 0;
-  return (...args: Parameters<T>): ReturnType<T> => {
-    const now = Date.now();
-    let res: any;
-    if (now - lastTime >= time) {
-      res = fn(...args);
-      lastTime = Date.now();
-    }
-    return res;
-  };
-}

package/src/utils/event.ts

@@ -1,46 +0,0 @@
-import type { EventManagerT, eventHandler } from '@/types';
-
-type Listener<E = any> = {
-  cb: eventHandler<E>;
-  once: boolean;
-};
-
-export class EventManager<ET = any> implements EventManagerT<ET> {
-  private _t: { [p in keyof ET]?: Array<Listener<ET[p]>> } = {};
-
-  private addListener<T extends keyof ET>(topic: T, cb: eventHandler<ET[T]>, once = false) {
-    const topics = this._t;
-    let topicList = topics[topic];
-    if (!topicList) {
-      topics[topic] = topicList = [];
-    }
-    const one = { cb, once };
-    topicList.push(one);
-    return function unsub(): void {
-      const topicList = topics[topic];
-      if (!topicList) return;
-      topics[topic] = topicList.filter(o => o !== one);
-    };
-  }
-
-  subscribe<T extends keyof ET>(topic: T, cb: eventHandler<ET[T]>) {
-    return this.addListener(topic, cb);
-  }
-
-  unsubscribe<T extends keyof ET>(topic: T, cb: eventHandler<ET[T]>) {
-    const listeners = this._t[topic];
-    this._t[topic] = listeners?.filter(l => l.cb === cb);
-  }
-
-  once<T extends keyof ET>(topic: T, cb: eventHandler<ET[T]>) {
-    return this.addListener(topic, cb, true);
-  }
-
-  publish<T extends keyof ET>(topic: T, evt: ET[T]) {
-    const topics = this._t;
-    const topicList = topics[topic];
-    if (!topicList) return;
-    topics[topic] = topicList.filter(listener => !listener.once);
-    topicList.forEach(listener => listener.cb(evt));
-  }
-}

package/src/utils/index.ts

@@ -1,4 +0,0 @@
-export * from './asyncWork';
-export * from './common';
-export * from './event';
-export * from './avatar';

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "jsx": "react",
-    "experimentalDecorators": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "useUnknownInCatchVariables": false,
-    "allowJs": true,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "strict": true,
-    "noImplicitAny": false,
-    "skipLibCheck": true
-  },
-  "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.tsx"]
-}

package/vite.config.ts

@@ -1,40 +0,0 @@
-import { defineConfig } from 'vite';
-import path from 'path';
-import react from '@vitejs/plugin-react';
-import commonjs from '@rollup/plugin-commonjs';
-
-export default defineConfig(({}) => {
-  return {
-    mode: 'development',
-    root: path.resolve(__dirname, 'src/demo'),
-    base: '',
-    define: {},
-    server: {
-      host: '0.0.0.0',
-      port: 3000,
-      proxy: {},
-    },
-    resolve: {
-      alias: [
-        {
-          find: '@',
-          replacement: path.resolve(__dirname, 'src'),
-        },
-      ],
-      extensions: ['.js', '.ts', '.jsx', '.tsx', '.json'],
-    },
-    plugins: [
-      react({
-        include: '**/*.{jsx,tsx}',
-      }),
-      commonjs(),
-    ],
-    css: {
-      preprocessorOptions: {
-        less: {
-          javascriptEnabled: true,
-        },
-      },
-    },
-  };
-});