@gm-pc/react 1.11.1-beta.0 → 1.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gm-pc/react",
-  "version": "1.11.1-beta.0",
+  "version": "1.12.1",
   "description": "观麦前端基础组件库",
   "author": "liyatang <liyatang@qq.com>",
   "homepage": "https://github.com/gmfe/gm-pc#readme",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@gm-common/hooks": "^2.10.0",
     "@gm-common/tool": "^2.10.0",
-    "@gm-pc/locales": "^1.11.1-beta.0",
+    "@gm-pc/locales": "^1.12.1",
     "big.js": "^6.0.1",
     "classnames": "^2.2.5",
     "lodash": "^4.17.19",
@@ -48,5 +48,5 @@
     "react-router-dom": "^5.2.0",
     "react-window": "^1.8.5"
   },
-  "gitHead": "6aac986980cb2d9e2f32ac10171846f5b6beea41"
+  "gitHead": "9d0ca9956bfdeee6bb4775ab56e8c15d5b4f5e94"
 }

package/src/component/more_select/base.tsx

@@ -275,6 +275,13 @@ class MoreSelectBase<V extends string | number = string> extends Component<
     )
   }
 
+  private _handleMoreSelectClick = () => {
+    const { onClick, selected } = this.props
+    if (typeof onClick === 'function') {
+      return onClick(selected)
+    }
+  }
+
   render() {
     const {
       isInPopup,
@@ -292,6 +299,7 @@ class MoreSelectBase<V extends string | number = string> extends Component<
     return (
       <div
         ref={this._baseRef}
+        onClick={this._handleMoreSelectClick}
         className={classNames(
           'gm-more-select',
           {

package/src/component/more_select/more_select.tsx

@@ -73,6 +73,7 @@ class MoreSelect<V = any> extends Component<MoreSelectProps<V>> {
       multiple,
       isGroupList,
       onSearch,
+      onClick,
       renderListFilter,
       ...rest
     } = this.props
@@ -109,6 +110,7 @@ class MoreSelect<V = any> extends Component<MoreSelectProps<V>> {
     return (
       <MoreSelectBase<V>
         {...rest}
+        onClick={onClick}
         ref={this._moreSelectBaseRef}
         data={oData}
         selected={oSelected}

package/src/component/more_select/stories.tsx

@@ -95,6 +95,9 @@ const store = observable({
   setMulSelected(selected: any) {
     this.mulSelected = selected
   },
+  clickFn(selected: any) {
+    this.selected = selected
+  },
 })
 
 export const ComMoreSelect = () => (
@@ -249,6 +252,23 @@ export const ComMoreSelectWithMultipleByValue = () => (
     />
   </div>
 )
+
+export const ComMoreSelectClick = () => (
+  <>
+    <MoreSelect<number>
+      isGroupList
+      multiple
+      data={store.dataGroup.slice()}
+      onClick={store.clickFn}
+      selected={store.selected}
+      onSelect={(selected) => {
+        store.setSelected(selected)
+      }}
+    />
+    <div>{_.map(store.selected, (item) => item.text).join('')}</div>
+  </>
+)
+
 export const ComMoreSelectWithMultipleAndOnSearch = () => {
   return (
     <MoreSelect<number>

package/src/component/more_select/types.ts

@@ -70,6 +70,8 @@ interface MoreSelectBaseProps<V extends string | number = string>
 
   /** 搜索回调 */
   onSearch?(searchWord: string, data: MoreSelectGroupDataItem<V>[]): Promise<void> | void
+  /** 点击回调 */
+  onClick?(selected: MoreSelectSelected<V>[]): void
 
   /** 自定义搜索过滤展示的数据 */
   renderListFilter?(
@@ -94,6 +96,8 @@ interface MoreSelectProps<V extends string | number = string>
   onChange?(value: V | V[]): void
   /** 搜索回调 */
   onSearch?(searchWord: string, data: MoreSelectData<V>): Promise<void> | void
+  /** 点击回调 */
+  onClick?(selected: MoreSelectSelected<V>[]): void
 
   /** 自定义搜索过滤展示的数据 */
   renderListFilter?(data: MoreSelectData<V>, searchValue: string): MoreSelectData<V>

package/src/component/price/price.tsx

@@ -101,6 +101,7 @@ class Price extends Component<PriceProps> {
     keepZero: boolean,
     isFenUnit: boolean
   ): string => {
+    if (isNaN(value)) return ''
     const divRatio = isFenUnit ? 100 : 1
     const result = Big(Math.abs(value)).div(divRatio).toFixed(precision)
     return keepZero ? result : `${parseFloat(result)}`

package/src/component/v_browser/types.ts

@@ -14,7 +14,7 @@ export interface VBrowserWindow {
 export interface VBrowserProps {
   /** 窗口数量限制 */
   maxLength?: number
-  /**  */
+  /** 准备就绪 */
   onReady?: Function
   /** 重新打开vBrowser时恢复已打开窗口, 默认为true */
   restore?: boolean
@@ -26,8 +26,15 @@ export interface VBrowserProps {
   ) => void
   /** 窗口打开/切换前调用，返回false会阻止窗口打开/切换 */
   auth?: (from?: VBrowserWindow, to?: VBrowserWindow) => Promise<boolean> | boolean
+  /**
+   * 错误码参考
+   * code: 0, message: '超过最大允许的窗口数量'
+   */
   onError?: (error: { code: number; message: string }) => void
+  /** 打开窗口如果没有传入标题，则使用此方法取标题 */
   autoTitle?: (path: string) => string
+  /** 不以子窗口形式展示的页面名单（视觉上）, 这些页面会子窗口形式打开，但是视觉上会隐藏子窗口标签栏，且在离开页面时自动close掉，以达到子页面不在vbrowser中的视觉效果 */
+  ignoredPath?: Array<string | RegExp>
 }
 
 export interface CacheItem {

package/src/component/v_browser/ui/index.tsx

@@ -71,21 +71,27 @@ const VBrowserContainer: FC<{ className?: string }> = observer(
         browser['_portal']
       )
     )
+    const ignored = browser.props.ignoredPath?.find((p) =>
+      typeof p === 'string'
+        ? p === browser.activeWindow?.path
+        : p.test(browser.activeWindow?.path!)
+    )
     return (
       <div
         className={classNames('v-browser tw-relative', {
-          'hiding-tabs': browser['_hidingTabs'],
+          'hiding-tabs': browser['_hidingTabs'] || ignored,
         })}
       >
         <div
           className={classNames(
             'v-browser-tabs tw-w-full tw-flex tw-items-center tw-overflow-x-auto tw-shadow',
-            { 'tw-hidden': browser['_hidingTabs'] }
+            { 'tw-hidden': browser['_hidingTabs'] || ignored }
           )}
         >
           <div
             className={classNames('v-browser-tabs-left tw-font-sm tw-px-2.5', {
               disabled: state.scrollLeft === 0,
+              'tw-hidden': state.width === state.scrollWidth,
             })}
             // onClick={(e) => {
             //   e.stopPropagation()
@@ -133,8 +139,9 @@ const VBrowserContainer: FC<{ className?: string }> = observer(
                       {w.faviconURL && (
                         <img
                           src={w.faviconURL}
-                          className='tw-w-3.5 tw-h-3.5 tw-mr-0.5'
-                          style={{ color: '#6A6A6A' }}
+                          className={classNames('tw-w-3.5 tw-h-3.5 tw-mr-0.5', {
+                            'tw-opacity-70': i !== browser.activeIndex,
+                          })}
                         />
                       )}
                       <span>{w.title || '-'}</span>
@@ -163,6 +170,7 @@ const VBrowserContainer: FC<{ className?: string }> = observer(
           <div
             className={classNames('v-browser-tabs-right tw-font-sm tw-px-2.5', {
               disabled: state.scrollWidth - state.width - state.scrollLeft === 0,
+              'tw-hidden': state.width === state.scrollWidth,
             })}
             // onClick={(e) => {
             //   e.stopPropagation()
@@ -188,7 +196,7 @@ const VBrowserContainer: FC<{ className?: string }> = observer(
         <div className='v-browser-window-wrapper'>
           <div
             className={classNames('v-browser-window', className, {
-              'hiding-tabs': browser['_hidingTabs'],
+              'hiding-tabs': browser['_hidingTabs'] || ignored,
             })}
             ref={containerRef}
             {...props}

package/src/component/v_browser/ui/style.less

@@ -15,17 +15,17 @@
     z-index: 100;
     color: var(--v-browser-tabs-text-color);
     user-select: none;
-    padding: 0 40px;
+    padding: 0;
 
     &::-webkit-scrollbar {
-      display: none; /* for Chrome, Safari, and Opera */
+      display: none;
     }
 
     &-left,
     &-right {
       width: 40px;
       cursor: pointer;
-      position: absolute;
+      // position: absolute;
       background-color: var(--v-browser-tabs-bg);
       height: var(--v-browser-tabs-height);
       display: flex;

package/src/component/v_browser/v_browser.stories.mdx

@@ -0,0 +1,128 @@
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'
+
+<Meta title='窗口/VBrowser(页签)' />
+
+# Vbrowser
+
+VBrowser 即虚拟浏览器，用以实现页签形式的多窗口管理。
+
+## 使用方式
+
+实例化一个 VBrowser, 接受以下参数：
+
+```
+import { VBrowser } from '@gm-pc/react'
+const vbrowser = new VBrowser({
+  /** 窗口数量限制 */
+  maxLength?: number
+  /** 准备就绪 */
+  onReady?: Function
+  /** 重新打开vBrowser时恢复已打开窗口, 默认为true */
+  restore?: boolean
+  /** 窗口变化事件 */
+  onChange?: (
+    from: VBrowserWindow | undefined,
+    to: VBrowserWindow,
+    windows: VBrowserWindow[]
+  ) => void
+  /** 窗口打开/切换前调用，返回false会阻止窗口打开/切换 */
+  auth?: (from?: VBrowserWindow, to?: VBrowserWindow) => Promise<boolean> | boolean
+  /**
+   * 错误码参考
+   * code: 0, message: '超过最大允许的窗口数量'
+   */
+  onError?: (error: { code: number; message: string }) => void
+  /** 打开窗口如果没有传入标题，则使用此方法取标题 */
+  autoTitle?: (path: string) => string
+  /** 不以子窗口形式展示的页面名单（视觉上）, 这些页面会子窗口形式打开，但是视觉上会隐藏子窗口标签栏，且在离开页面时自动close掉，以达到子页面不在vbrowser中的视觉效果 */
+  ignoredPath?: Array<string | RegExp>
+})
+```
+
+vbrowser 暴露了以下属性和方法，详细信息见类型声明/代码提示：
+
+属性
+
+- `props`
+
+  实例化传入的参数；
+
+- `windows`
+
+  已打开的窗口列表；
+
+- `activeIndex`
+
+  活动窗口索引；
+
+- `activeWindow`
+
+  活动窗口；
+
+- `ui`
+
+  UI 组件，放在页面要显示到的位置，只读；
+
+- `mounted`
+
+  `ui`是否已挂载；
+
+方法
+
+- `open`
+
+  打开窗口；
+
+- `close`
+
+  关闭窗口；
+
+- `switchWindow`
+
+  切换窗口；
+
+- `showTabs`
+
+  显示窗口管理栏；
+
+- `hideTabs`
+
+  隐藏窗口管理栏，可以用于进入全屏模式的场景；
+
+- `on`
+
+  事件监听, `'error' | 'change' | 'close' | 'show'`，分别对应错误、窗口切换、窗口关闭、窗口激活事件；
+
+- `off`
+
+  取消监听；
+
+## Hook 函数
+
+当前提供的 Hook 函数有：
+
+- `useWindowEffect`
+
+  使用方式同 `useEffect`，功能： 窗口激活时、deps 更新时，触发 fn 执行； 窗口失活时执行 fn 返回的销毁函数； 如果子窗口为失活状态，不观察 deps 的更新；
+
+## 路由跳转
+
+erp 中做了向后兼容，可以继续使用原有的`history.push`等方法来跳转页面，其会被表现为打开或切换子窗口，也可以直接使用上述 vbrowser 的方法来跳转页面；
+
+需要注意的是如果想在新浏览器窗口中打开某个页面，不建议使用`window.open`方法，`window.open`打开的浏览器窗口会加载缓存恢复 VBrowser 的子窗口，
+如果其行为不符合预期可以考虑传入 target 到 vbrowser.open 来打开新浏览器窗口：
+
+```
+vbrowser.open('/order/order_manage/create' , { target: '_blank' })
+```
+
+## 注意事项
+
+VBrowser 中打开的窗口中的组件，其生命周期会和预期略有不同：
+
+多窗口中的子页面组件因为被缓存，原来的 `useEffect` 受到影响，即 effect 仅在子窗口创建时触发，销毁函数仅在子窗口关闭时触发；子窗口失活时依然会观察 deps，并触发 effect;
+
+基本大多数情况下可以继续使用 `useEffect`，某些场景下则需要改用 `useWindowEffect`，比如
+
+- 希望窗口激活、失活时初始化数据；
+- 希望失活组件停止观察 useEffect 的 deps，比如在订单列表和商品列表页面都观察了`query.q`，那么订单列表页面的`query.q`变化后商品列表页面会做响应，这是没有必要的；

package/src/component/v_browser/v_browser.tsx

@@ -45,7 +45,7 @@ class VBrowser implements VBrowser {
 
   props!: VBrowserProps
 
-  /** 窗口列表 */
+  /** 子窗口列表 */
   windows: VBrowserWindow[] = []
   /** 选中窗口索引 */
   activeIndex = -1
@@ -57,6 +57,16 @@ class VBrowser implements VBrowser {
   /** 切换已打开窗口 */
   switchWindow(w: number | VBrowserWindow) {
     const oldWindow = this.activeWindow
+
+    const ignored = this.props.ignoredPath?.find((p) =>
+      typeof p === 'string' ? p === oldWindow?.path : p.test(oldWindow?.path!)
+    )
+    if (ignored) {
+      const i = this.windows.indexOf(oldWindow!)
+      this.windows.splice(i, 1)
+      delete this._cache[i]
+    }
+
     if (typeof w === 'number') {
       this.activeIndex = w
     } else {
@@ -73,7 +83,7 @@ class VBrowser implements VBrowser {
     this._stash()
   }
 
-  /** 打开新子窗口,路由已打开则判断query是否相等，相等则切换，不相等则销毁重新加载，未打开则新建子窗口
+  /** 打开新子窗口, 子窗口已存在则判断query是否相等，相等则切换，不相等则隐性销毁重新加载；子窗口不存在则新建子窗口；
    *
    * target为'_blank'时，新开浏览器窗口
    */
@@ -116,6 +126,7 @@ class VBrowser implements VBrowser {
             this.props.onError({ code: 0, message: '超过最大允许的窗口数量' })
           return
         }
+
         this.windows.push(w)
       } else {
         /**
@@ -153,7 +164,7 @@ class VBrowser implements VBrowser {
     // #endregion
   }
 
-  /** 关闭窗口 */
+  /** 关闭子窗口  */
   close(i: number | VBrowserWindow) {
     if (typeof i !== 'number') {
       i = this.windows.findIndex((item) => item.path === (i as VBrowserWindow).path)

package/src/svg/vbrowser-tab-left.svg

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/左右滑动/禁用@2x</title>
+    <title>icon/左右滑动@2x</title>
     <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="icon/左右滑动/禁用" stroke="#575757" stroke-width="1.5">
-            <path d="M7.8822128,6.07106781 L7.8822128,13.8710678 C7.8822128,13.9815248 7.97175585,14.0710678 8.0822128,14.0710678 L15.8822128,14.0710678 L15.8822128,14.0710678" id="路径-4" transform="translate(11.882213, 10.071068) rotate(-315.000000) translate(-11.882213, -10.071068) "></path>
+        <g id="icon/左右滑动/左" stroke="#575757" stroke-width="2">
+            <path d="M7.07106781,5.07106781 L7.07106781,14.8710678 C7.07106781,14.9815248 7.16061086,15.0710678 7.27106781,15.0710678 L17.0710678,15.0710678 L17.0710678,15.0710678" id="路径-4" transform="translate(12.071068, 10.071068) rotate(-315.000000) translate(-12.071068, -10.071068) "></path>
         </g>
     </g>
 </svg>

package/src/svg/vbrowser-tab-right.svg

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>icon/左右滑动/禁用@2x</title>
+    <title>icon/左右滑动@2x</title>
     <g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-        <g id="icon/左右滑动/右/禁用" stroke="#575757" stroke-width="1.5">
-            <path d="M3.8822128,6.07106781 L3.8822128,13.8710678 C3.8822128,13.9815248 3.97175585,14.0710678 4.0822128,14.0710678 L11.8822128,14.0710678 L11.8822128,14.0710678" id="路径-4" transform="translate(7.882213, 10.071068) rotate(-135.000000) translate(-7.882213, -10.071068) "></path>
+        <g id="icon/左右滑动/右" stroke="#575757" stroke-width="2">
+            <path d="M3.07106781,5.07106781 L3.07106781,14.8710678 C3.07106781,14.9815248 3.16061086,15.0710678 3.27106781,15.0710678 L13.0710678,15.0710678 L13.0710678,15.0710678" id="路径-4" transform="translate(8.071068, 10.071068) scale(-1, 1) rotate(-315.000000) translate(-8.071068, -10.071068) "></path>
         </g>
     </g>
 </svg>

package/yarn-error.log

@@ -0,0 +1,267 @@
+Arguments: 
+  /usr/local/bin/node /usr/local/bin/yarn add react-router-dom^5.2.0 --peer
+
+PATH: 
+  /opt/intel/openvino_2021/deployment_tools/model_optimizer:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Applications/VMware Fusion.app/Contents/Public:/usr/local/go/bin:/opt/X11/bin:/Library/Apple/usr/bin:/Users/jawei/google-cloud-sdk/bin:/Users/jawei/opt/anaconda3/bin:/Users/jawei/opt/anaconda3/condabin:/Library/Frameworks/Python.framework/Versions/3.8/bin:/Users/jawei/flutter/bin:/Users/yuanzhiying/Library/flutter/bin:/usr/local/go/bin
+
+Yarn version: 
+  1.22.10
+
+Node version: 
+  14.15.1
+
+Platform: 
+  darwin x64
+
+Trace: 
+  Error: https://registry.npm.taobao.org/react-router-dom%5E5.2.0: [NOT_FOUND] react-router-dom^5.2.0 not found
+      at Request.params.callback [as _callback] (/usr/local/lib/node_modules/yarn/lib/cli.js:66988:18)
+      at Request.self.callback (/usr/local/lib/node_modules/yarn/lib/cli.js:140662:22)
+      at Request.emit (events.js:315:20)
+      at Request.<anonymous> (/usr/local/lib/node_modules/yarn/lib/cli.js:141634:10)
+      at Request.emit (events.js:315:20)
+      at Gunzip.<anonymous> (/usr/local/lib/node_modules/yarn/lib/cli.js:141556:12)
+      at Object.onceWrapper (events.js:421:28)
+      at Gunzip.emit (events.js:315:20)
+      at endReadableNT (_stream_readable.js:1327:12)
+      at processTicksAndRejections (internal/process/task_queues.js:80:21)
+
+npm manifest: 
+  {
+    "name": "@gm-pc/react",
+    "version": "1.7.4-alpha.0",
+    "description": "观麦前端基础组件库",
+    "author": "liyatang <liyatang@qq.com>",
+    "homepage": "https://github.com/gmfe/gm-pc#readme",
+    "license": "ISC",
+    "publishConfig": {
+      "access": "public"
+    },
+    "main": "src/index.ts",
+    "module": "src/index.ts",
+    "types": "src/index.ts",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/gmfe/gm-pc.git"
+    },
+    "scripts": {
+      "test": "echo \"Error: run tests from root\" && exit 1"
+    },
+    "bugs": {
+      "url": "https://github.com/gmfe/gm-pc/issues"
+    },
+    "dependencies": {
+      "@gm-common/hooks": "^2.10.0",
+      "@gm-common/tool": "^2.10.0",
+      "@gm-pc/locales": "^1.7.4-alpha.0",
+      "big.js": "^6.0.1",
+      "classnames": "^2.2.5",
+      "lodash": "^4.17.19",
+      "modern-normalize": "^1.0.0",
+      "moment": "^2.29.1",
+      "react-window": "^1.8.5"
+    },
+    "devDependencies": {
+      "@types/react-router-dom": "^5.3.3",
+      "react": "^16.14.0",
+      "react-dom": "^16.14.0"
+    },
+    "peerDependencies": {
+      "big.js": "^6.0.1",
+      "classnames": "^2.2.5",
+      "lodash": "^4.17.19",
+      "modern-normalize": "^1.0.0",
+      "moment": "^2.29.1",
+      "react": "^16.14.0",
+      "react-dom": "^16.14.0",
+      "react-router-dom": "^5.2.0",
+      "react-window": "^1.8.5"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+  # yarn lockfile v1
+  
+  
+  "@babel/runtime@^7.0.0":
+    version "7.12.1"
+    resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.12.1.tgz?cache=0&sync_timestamp=1602799933339&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.12.1.tgz#b4116a6b6711d010b2dad3b7b6e43bf1b9954740"
+    integrity sha1-tBFqa2cR0BCy2tO3tuQ78bmVR0A=
+    dependencies:
+      regenerator-runtime "^0.13.4"
+  
+  "@gm-common/hooks@^2.10.0":
+    version "2.10.0"
+    resolved "https://registry.npmmirror.com/@gm-common/hooks/download/@gm-common/hooks-2.10.0.tgz#c67e02875b4d266ef911e7828257d957e923826b"
+    integrity sha1-xn4Ch1tNJm75EeeCglfZV+kjgms=
+    dependencies:
+      "@gm-common/tool" "^2.10.0"
+      ts-config-gm-react-app "^3.4.5"
+  
+  "@gm-common/tool@^2.10.0":
+    version "2.10.0"
+    resolved "https://registry.npmmirror.com/@gm-common/tool/download/@gm-common/tool-2.10.0.tgz#f4f512233ff1118eff8bbdeca9762f0e65ce26bd"
+    integrity sha1-9PUSIz/xEY7/i73sqXYvDmXOJr0=
+    dependencies:
+      lodash "^4.17.20"
+  
+  "@gm-pc/locales@^1.7.4-alpha.0":
+    version "1.8.6-alpha.0"
+    resolved "https://registry.npmmirror.com/@gm-pc/locales/-/locales-1.8.6-alpha.0.tgz#9fc9918454ee774c0d61ff41f5b33343411dd3c3"
+    integrity sha512-iNAdAuu8bg7F3xB7Vr0DgvY+jpJ1lxkOTAOw+2BK3ljI1eRTbIYkqvazX9ImrdcaB+7R0sbDGUMeR8Ca7iRY3w==
+  
+  "@types/history@^4.7.11":
+    version "4.7.11"
+    resolved "https://registry.npmmirror.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
+    integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
+  
+  "@types/prop-types@*":
+    version "15.7.4"
+    resolved "https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11"
+    integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ==
+  
+  "@types/react-router-dom@^5.3.3":
+    version "5.3.3"
+    resolved "https://registry.npmmirror.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83"
+    integrity sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==
+    dependencies:
+      "@types/history" "^4.7.11"
+      "@types/react" "*"
+      "@types/react-router" "*"
+  
+  "@types/react-router@*":
+    version "5.1.18"
+    resolved "https://registry.npmmirror.com/@types/react-router/-/react-router-5.1.18.tgz#c8851884b60bc23733500d86c1266e1cfbbd9ef3"
+    integrity sha512-YYknwy0D0iOwKQgz9v8nOzt2J6l4gouBmDnWqUUznltOTaon+r8US8ky8HvN0tXvc38U9m6z/t2RsVsnd1zM0g==
+    dependencies:
+      "@types/history" "^4.7.11"
+      "@types/react" "*"
+  
+  "@types/react@*":
+    version "17.0.39"
+    resolved "https://registry.npmmirror.com/@types/react/-/react-17.0.39.tgz#d0f4cde092502a6db00a1cded6e6bf2abb7633ce"
+    integrity sha512-UVavlfAxDd/AgAacMa60Azl7ygyQNRwC/DsHZmKgNvPmRR5p70AJ5Q9EAmL2NWOJmeV+vVUI4IAP7GZrN8h8Ug==
+    dependencies:
+      "@types/prop-types" "*"
+      "@types/scheduler" "*"
+      csstype "^3.0.2"
+  
+  "@types/scheduler@*":
+    version "0.16.2"
+    resolved "https://registry.npmmirror.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
+    integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
+  
+  big.js@^6.0.1:
+    version "6.0.1"
+    resolved "https://registry.npm.taobao.org/big.js/download/big.js-6.0.1.tgz#9e0a2e8b1825ce006cd4a096d6f294738cd5cff6"
+    integrity sha1-ngouixglzgBs1KCW1vKUc4zVz/Y=
+  
+  classnames@^2.2.5:
+    version "2.2.6"
+    resolved "https://registry.npm.taobao.org/classnames/download/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
+    integrity sha1-Q5Nb/90pHzJtrQogUwmzjQD2UM4=
+  
+  csstype@^3.0.2:
+    version "3.0.10"
+    resolved "https://registry.npmmirror.com/csstype/-/csstype-3.0.10.tgz#2ad3a7bed70f35b965707c092e5f30b327c290e5"
+    integrity sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==
+  
+  "js-tokens@^3.0.0 || ^4.0.0":
+    version "4.0.0"
+    resolved "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+    integrity sha1-GSA/tZmR35jjoocFDUZHzerzJJk=
+  
+  lodash@^4.17.19, lodash@^4.17.20:
+    version "4.17.20"
+    resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+    integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
+  
+  loose-envify@^1.1.0, loose-envify@^1.4.0:
+    version "1.4.0"
+    resolved "https://registry.npm.taobao.org/loose-envify/download/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+    integrity sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=
+    dependencies:
+      js-tokens "^3.0.0 || ^4.0.0"
+  
+  "memoize-one@>=3.1.1 <6":
+    version "5.1.1"
+    resolved "https://registry.npm.taobao.org/memoize-one/download/memoize-one-5.1.1.tgz#047b6e3199b508eaec03504de71229b8eb1d75c0"
+    integrity sha1-BHtuMZm1COrsA1BN5xIpuOsddcA=
+  
+  modern-normalize@^1.0.0:
+    version "1.0.0"
+    resolved "https://registry.npm.taobao.org/modern-normalize/download/modern-normalize-1.0.0.tgz#539d84a1e141338b01b346f3e27396d0ed17601e"
+    integrity sha1-U52EoeFBM4sBs0bz4nOW0O0XYB4=
+  
+  moment@^2.29.1:
+    version "2.29.1"
+    resolved "https://registry.npm.taobao.org/moment/download/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
+    integrity sha1-sr52n6MZQL6e7qZGnAdeNQBvo9M=
+  
+  object-assign@^4.1.1:
+    version "4.1.1"
+    resolved "https://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+    integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+  
+  prop-types@^15.6.2:
+    version "15.7.2"
+    resolved "https://registry.npm.taobao.org/prop-types/download/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
+    integrity sha1-UsQedbjIfnK52TYOAga5ncv/psU=
+    dependencies:
+      loose-envify "^1.4.0"
+      object-assign "^4.1.1"
+      react-is "^16.8.1"
+  
+  react-dom@^16.14.0:
+    version "16.14.0"
+    resolved "https://registry.npm.taobao.org/react-dom/download/react-dom-16.14.0.tgz?cache=0&sync_timestamp=1603367590403&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freact-dom%2Fdownload%2Freact-dom-16.14.0.tgz#7ad838ec29a777fb3c75c3a190f661cf92ab8b89"
+    integrity sha1-etg47Cmnd/s8dcOhkPZhz5Kri4k=
+    dependencies:
+      loose-envify "^1.1.0"
+      object-assign "^4.1.1"
+      prop-types "^15.6.2"
+      scheduler "^0.19.1"
+  
+  react-is@^16.8.1:
+    version "16.13.1"
+    resolved "https://registry.npm.taobao.org/react-is/download/react-is-16.13.1.tgz?cache=0&sync_timestamp=1603367576715&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freact-is%2Fdownload%2Freact-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+    integrity sha1-eJcppNw23imZ3BVt1sHZwYzqVqQ=
+  
+  react-window@^1.8.5:
+    version "1.8.6"
+    resolved "https://registry.npm.taobao.org/react-window/download/react-window-1.8.6.tgz#d011950ac643a994118632665aad0c6382e2a112"
+    integrity sha1-0BGVCsZDqZQRhjJmWq0MY4LioRI=
+    dependencies:
+      "@babel/runtime" "^7.0.0"
+      memoize-one ">=3.1.1 <6"
+  
+  react@^16.14.0:
+    version "16.14.0"
+    resolved "https://registry.npm.taobao.org/react/download/react-16.14.0.tgz?cache=0&sync_timestamp=1603367592109&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freact%2Fdownload%2Freact-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
+    integrity sha1-lNd23dCqo32j7aj8W2sYpMmjEU0=
+    dependencies:
+      loose-envify "^1.1.0"
+      object-assign "^4.1.1"
+      prop-types "^15.6.2"
+  
+  regenerator-runtime@^0.13.4:
+    version "0.13.7"
+    resolved "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.7.tgz?cache=0&sync_timestamp=1595456311465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55"
+    integrity sha1-ysLazIoepnX+qrrriugziYrkb1U=
+  
+  scheduler@^0.19.1:
+    version "0.19.1"
+    resolved "https://registry.npm.taobao.org/scheduler/download/scheduler-0.19.1.tgz?cache=0&sync_timestamp=1603367591660&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fscheduler%2Fdownload%2Fscheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
+    integrity sha1-Tz4u0sGn1laB9MhU+oxaHMtA8ZY=
+    dependencies:
+      loose-envify "^1.1.0"
+      object-assign "^4.1.1"
+  
+  ts-config-gm-react-app@^3.4.5:
+    version "3.4.7"
+    resolved "https://registry.npmjs.org/ts-config-gm-react-app/-/ts-config-gm-react-app-3.4.7.tgz#51decbf847c991ae8e3bd950f3f84cfb0523ba4b"
+    integrity sha512-1XOMmAIEiUr2R0JTasF30zj5ZRZgVTOx/ycZJOh2xusQCYC4n1/wGbXfEzm8Dzhv2YSWHEWPVHpytAM3mYsu9Q==

package/src/component/v_browser/stories.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { observable } from 'mobx'
-
-const store = observable({})
-
-export const ComSwitch = () => <div />
-
-export default {
-  title: '表单/V-Browser',
-}