react_hsbc_teller 0.0.1

package/packages/pages/video/video.less

@@ -0,0 +1,97 @@
+.publishVideo1{
+  width: 100px;
+  height: 100px
+}
+.mixedvideo{
+  display: none;
+  position:absolute;
+}
+.imgClass{
+  width: 100%;
+  height: 100%;
+  float: right
+}
+.sharedScreen{
+  font-size: 10px;
+  position: absolute;
+  height: 30px;
+  line-height: 30px;
+  color: red;
+}
+.wrapper {
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+  background: #f3f3f3;
+  text-align: center;
+  display: grid;
+  grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
+  grid-template-rows: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
+}
+.itemed {
+  text-align: center;
+  // border: 1px solid #fff;
+  color: #fff;
+  font-weight: bold;
+  line-height: 150px;
+}
+.item1 {
+  grid-column-start: 1;
+  grid-column-end: 6;
+  grid-row-start: 1;
+  grid-row-end: 7;
+}
+.item2 {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  grid-row-start: 4;
+  grid-row-end: 1;
+  position: absolute;
+  z-index: 2000;
+}
+.videoFit{
+  object-fit: cover;
+}
+.itemPublic {
+  grid-column-start: 1;
+  grid-column-end: 7;
+  grid-row-start: 1;
+  grid-row-end: 7;
+}
+.isBack {
+  transform: rotateY(180deg);
+  background: #333;
+}
+.video1{
+  width: 100%;
+  height: 100%;
+  object-fit: cover
+}
+.video{
+  width: 100%;
+  height: 100%;
+}
+.video1Div{
+  width: 100%;
+  height: 100%;
+}
+.health{
+  margin: 20px;
+  height: calc(100vh - 15px);
+}
+.all{
+  height: 100%;
+}
+.ownClass{
+  height: calc(100vh - 15px);
+  object-fit: cover;
+  width: 100%;
+}
+.publishVideoClass{
+  height: 100%;
+  width: 100%;
+}
+.publishVideoDiv{
+  height: 100%;
+  width: 100%;
+}

package/packages/style/index.less

@@ -0,0 +1 @@
+@import "reset.less";

package/packages/style/reset.less

@@ -0,0 +1,345 @@
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

package/packages/utils/asyncComponent.jsx

@@ -0,0 +1,27 @@
+import React, { Component } from "react";
+
+export default function asyncComponent(importComponent) {
+  class AsyncComponent extends Component {
+    constructor(props) {
+      super(props);
+
+      this.state = {
+        component: null
+      };
+    }
+
+    async componentDidMount() {
+      const { default: component } = await importComponent();
+
+      this.setState({component});
+    }
+
+    render() {
+      const C = this.state.component;
+
+      return C ? <C {...this.props} /> : null;
+    }
+  }
+
+  return AsyncComponent;
+}

package/packages/utils/cell.js

@@ -0,0 +1,64 @@
+/* eslint-disable eqeqeq */
+/* eslint-disable no-undef */
+
+var index = 0
+var maxIndex = 10
+var callbackRegister = new Map()
+function callNimIM(method, json, callback) {
+  // 回调处理
+  const fn = function(status, resData) {
+    // 回调
+    if (callback) {
+      // -----------------------//
+      // 根据第一个字段code来判断调用是否成功，成功取值data中的数据，失败取值message中的数据
+      // 可以根据需要，在公共层判断，还是逻辑层判断
+      // -----------------------//
+      console.log('resData.code---' + resData.code)
+      if (resData.code !== 0) {
+        alert('调用失败,message=' + resData.message)
+      }
+      callback(resData.code, resData.message, resData.data)
+    }
+  }
+
+  const callId = _generateId()
+
+  callbackRegister.set(callId, fn)
+  if (method == 'sendGroupMsg') {
+    sendMessage(json.groupId, (window.sessionStorage.getItem('tellerId') + '@' + window.sessionStorage.getItem('hostname')), 'groupchat', json.content)
+  } else if (method == 'sendCustomCmdMsg') {
+    sendMessage(json.customId, (window.sessionStorage.getItem('tellerId') + '@' + window.sessionStorage.getItem('hostname')), 'groupchat', json.content)
+  } else if (method == 'transfer' || method == 'transferreject' || method == 'transferagree') {
+    // 发起转接或者邀请
+    json.event = 'IMVedio'
+    if (method == 'transfer') {
+      json.command = 'transfer'
+    } else if (method == 'transferagree') {
+      json.command = 'transfer_agree'
+    } else if (method == 'transferreject') {
+      json.command = 'transfer_reject'
+    }
+    console.log('json', json)
+    sendMessage((json.distUserId + '@' + window.sessionStorage.getItem('hostname')), (window.sessionStorage.getItem('tellerId') + '@' + window.sessionStorage.getItem('hostname')), 'chat', JSON.stringify(json))
+  }
+  // window.RemoteShellBridge.callNimIM(method, JSON.stringify(json), callId)
+}
+/**
+ * 生成索引ID
+ * @returns {string}
+ * @private
+ */
+function _generateId() {
+  // 增加索引
+  index++
+  // 超出最大值后，循环
+  if (index >= maxIndex) {
+    index = 0
+  }
+  // 返回id
+  return 'remote_' + index
+}
+export {
+  _generateId,
+  callNimIM,
+}

package/packages/utils/mixin.js

@@ -0,0 +1,27 @@
+export default methods => {
+  return target => {
+    Object.assign(target.prototype, methods);
+  }
+}
+
+/**
+ * 字符串填充函数
+ * @param  {string} value      目标字符串
+ * @param  {array} position 需要填充的位置
+ * @param  {string} padstr   填充字符串
+ * @return {string}          返回目标字符串
+ */
+export const padStr = (value, position, padstr, inputElement) => {
+  position.forEach((item, index) => {
+    if (value.length > item + index) {
+      value = value.substring(0, item + index) + padstr + value.substring(item + index)
+    }
+  })
+  value = value.trim();
+  // 解决安卓部分浏览器插入空格后光标错位问题
+  requestAnimationFrame(() => {
+    inputElement.setSelectionRange(value.length, value.length); 
+  })
+  return value;
+}
+

package/packages/utils/setRem.js

@@ -0,0 +1,11 @@
+(function(psdw){
+  var dpr=0 , rem=0 , scale=0;
+  var htmlDOM=document.documentElement;
+  dpr=window.devicePixelRatio;
+  var currentWidth=htmlDOM.clientWidth;
+  scale=currentWidth/psdw;
+  rem=psdw/14;
+  rem=rem*scale;
+  htmlDOM.style.fontSize=rem+'px';
+  htmlDOM.setAttribute('data-dpr',dpr)
+})(1920)

package/public/index.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <link rel="shortcut icon" href="favicon.ico">
+    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
+    <script type="text/javascript" src="http://dns.leimon.xyz/log4b.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_api_util.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/mcu.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/client_record.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_vod.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/remote_record.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_invite.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_im.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_camera_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_file_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_desk_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_html_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_beautify_stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/stream.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/room.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/backgroundBlur.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/meeting_api.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/html2image.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/reconnecting-websocket.min.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/mtc_api.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/BandwidthHandler.js"></script>
+<!--    <script type="text/javascript" src="http://dns.leimon.xyz/RecordRTC.min.js"></script>-->
+    <script type="text/javascript" src="http://dns.leimon.xyz/pdf.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/EBML.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/adapter.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/beauty.js"></script>
+    <script type="text/javascript" src="http://dns.leimon.xyz/getMediaInfo.js"></script>
+<!--    <script type="text/javascript" src="http://dns.leimon.xyz/websocket.js"></script>-->
+    <title>汇丰银行营业厅 | <%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/public/snowman.svg

@@ -0,0 +1 @@
+<svg id="692d8699-1238-4b33-ba17-8bcd4ac1de29" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="566.04" height="759.48" viewBox="0 0 566.04 759.48"><defs><linearGradient id="1c71d675-c1b9-4d0f-bd4a-1880cc952bc1" x1="601.75" y1="829.74" x2="601.75" y2="120.23" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="dca6d3c2-408a-4324-89e9-e21c9b320daf" x1="602.33" y1="155.81" x2="602.33" y2="70.26" xlink:href="#1c71d675-c1b9-4d0f-bd4a-1880cc952bc1"/><linearGradient id="7c916d8a-5b23-438f-825e-48cc083aa3fe" x1="396.02" y1="304.93" x2="396.02" y2="70.55" xlink:href="#1c71d675-c1b9-4d0f-bd4a-1880cc952bc1"/><linearGradient id="60e8d838-c250-4804-a89f-cb3484b6bec6" x1="803.94" y1="304.1" x2="803.94" y2="103.3" xlink:href="#1c71d675-c1b9-4d0f-bd4a-1880cc952bc1"/></defs><title>snowman_1</title><path d="M761.32,396.69a163.62,163.62,0,0,0,3.32-32.89c0-65-37.3-112.42-92.39-138.55,4.85-10.11,6.77-16.59,6.77-28.55,0-42.68-37.49-76.47-80.16-76.47S523.35,154,523.35,196.7c0,12,1,7.1,4.37,29.68-55.09,26.12-88.86,72.39-88.86,137.42,0,2.22.06,4.42.14,6.61a5.43,5.43,0,0,0,.18,3.55,163,163,0,0,0,3,22.73C398.92,443,372,508,372,580c0,140.72,102.85,249.79,229.73,249.79S831.47,720.67,831.47,580C831.47,508,804.57,443,761.32,396.69Z" transform="translate(-316.98 -70.26)" fill="url(#1c71d675-c1b9-4d0f-bd4a-1880cc952bc1)"/><path d="M752.9,400.57a154.54,154.54,0,0,0-85.13-170.64,73.19,73.19,0,1,0-132,0,154.31,154.31,0,0,0-88.27,139.49c0,2.1.05,4.18.14,6.26a5.14,5.14,0,0,0,.17,3.36,154.4,154.4,0,0,0,2.84,21.53c-41,43.89-66.45,105.43-66.45,173.59,0,133.29,97.42,241.34,217.6,241.34s217.6-108.05,217.6-241.34C819.35,506,793.86,444.46,752.9,400.57Z" transform="translate(-316.98 -70.26)" fill="#fff"/><circle cx="252.36" cy="104.9" r="6.94" fill="#263238"/><circle cx="307.92" cy="104.9" r="6.94" fill="#263238"/><path d="M535.77,229.56s50.93,57.87,57.87,96.07L618,315.21l-34.72-62.5s56.71,3.47,84.49-23.15Z" transform="translate(-316.98 -70.26)" fill="#6c63ff"/><path d="M591.33,197.34v63.29a4.81,4.81,0,0,0,4.81,4.81h0a4.81,4.81,0,0,0,4.8-4.43l5-63.29a4.81,4.81,0,0,0-4.8-5.19h-5A4.81,4.81,0,0,0,591.33,197.34Z" transform="translate(-316.98 -70.26)" fill="#ff6e40"/><path d="M650,127.16V88.54a17.32,17.32,0,0,0-24.19-15.89c-16.28,7-30.64,4.39-41.57-.7a17.38,17.38,0,0,0-24.82,13.91l-4.43,41.31H540.3v28.65h124V127.16Z" transform="translate(-316.98 -70.26)" fill="url(#dca6d3c2-408a-4324-89e9-e21c9b320daf)"/><rect x="225.74" y="59.76" width="119.22" height="21.99" fill="#6c63ff"/><path d="M585.8,75.59a44.78,44.78,0,0,0,37.88.64,15.78,15.78,0,0,1,22,14.48v41.63H558.92l4.27-44.07A15.84,15.84,0,0,1,585.8,75.59Z" transform="translate(-316.98 -70.26)" fill="#6c63ff"/><circle cx="281.3" cy="292.41" r="8.1" fill="#263238"/><circle cx="281.3" cy="319.03" r="8.1" fill="#263238"/><circle cx="281.3" cy="345.65" r="8.1" fill="#263238"/><circle cx="281.3" cy="372.27" r="8.1" fill="#263238"/><path d="M470.88,292.87a167.92,167.92,0,0,1-98.23-87.26c23.45-1,41.47-18.9,50.53-39.69C435,138.69,438.46,107,444.52,78.15c1.6-7.63-10.11-10.89-11.71-3.23-5.17,24.67-9,50.14-16.38,74.26-6.57,21.5-21.43,44.68-46.6,44.33a6.14,6.14,0,0,0-2.24.39A170.35,170.35,0,0,1,357.39,110c1-7.74-11.15-7.64-12.15,0A177.66,177.66,0,0,0,347,166.76a42.18,42.18,0,0,0-27.22,6.68c-6.53,4.26-.43,14.78,6.13,10.49a30.32,30.32,0,0,1,24-4.46A182.27,182.27,0,0,0,467.65,304.58C475.09,307.08,478.25,295.34,470.88,292.87Z" transform="translate(-316.98 -70.26)" fill="url(#7c916d8a-5b23-438f-825e-48cc083aa3fe)"/><path d="M471.53,289.69a159.24,159.24,0,0,1-93.15-82.75c22.23-1,39.33-17.93,47.92-37.64,11.25-25.82,14.49-55.83,20.24-83.24,1.52-7.23-9.59-10.33-11.11-3.06-4.9,23.39-8.55,47.55-15.53,70.42-6.23,20.39-20.32,42.37-44.19,42a5.83,5.83,0,0,0-2.13.37,161.54,161.54,0,0,1-9.66-79.58c1-7.34-10.57-7.25-11.52,0A168.48,168.48,0,0,0,354,170.11a40,40,0,0,0-25.82,6.34c-6.19,4-.41,14,5.81,9.95a28.75,28.75,0,0,1,22.77-4.23A172.85,172.85,0,0,0,468.46,300.8C475.52,303.17,478.52,292,471.53,289.69Z" transform="translate(-316.98 -70.26)" fill="#795548"/><path d="M880.22,172.57A42.2,42.2,0,0,0,853,165.88a177.74,177.74,0,0,0,1.75-56.81c-1-7.65-13.17-7.75-12.15,0,10.46,80-36.75,157.26-113.53,183-7.38,2.47-4.22,14.21,3.23,11.72A182.34,182.34,0,0,0,850.07,178.6a30.33,30.33,0,0,1,24,4.46C880.66,187.35,886.76,176.83,880.22,172.57Z" transform="translate(-316.98 -70.26)" fill="url(#60e8d838-c250-4804-a89f-cb3484b6bec6)"/><path d="M871.73,176.45a40,40,0,0,0-25.82-6.34,168.48,168.48,0,0,0,1.66-53.85c-.95-7.25-12.48-7.34-11.52,0,9.92,75.87-34.83,149.07-107.62,173.44-7,2.34-4,13.47,3.06,11.11A172.85,172.85,0,0,0,843.15,182.16a28.75,28.75,0,0,1,22.77,4.23C872.15,190.46,877.93,180.49,871.73,176.45Z" transform="translate(-316.98 -70.26)" fill="#795548"/></svg>

package/src/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.less";
+// import { HSBC } from "../lib/hsbc";
+import {HSBC} from "../packages";
+
+ReactDOM.render(
+  <div className="hsbc"><HSBC></HSBC></div>,
+  document.getElementById("root")
+);

package/src/index.less

@@ -0,0 +1 @@
+.hsbc {}

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+    "compilerOptions": {
+      "outDir": "./dist/",
+      "sourceMap": true,
+      "noImplicitAny": true,
+      "module": "es6",
+      "target": "es5",
+      "jsx": "react",
+      "allowJs": true
+    }
+}