open-index/open-npm huggingface dataset:
npm package: @fishx/intl-tel-input
Description: A JavaScript plugin for entering and validating international telephone numbers
Author: Jack O'Connor
Latest version: 1.0.0

### 说明
本组件是基于intl-tel-input 18.1.3版本进行改造，差异点如下：
1. 对源代码进行了改造兼容了IE11
2. countrySearch功能是移植了18.5版本的代码
3. 无国家时显示地球图标是移植了19.5版本的代码
4. 对兼容fish框架的表单校验进行了改造
5. react组件版本功能移植了19.2版本的代码
6. utils工具类取自20.0.3版本

### 使用说明
- 打包fish代码:先打包正常的代码`yarn build`，然后`build:fish`将`build/js`里的`fish.intltelinput.js`粘贴到fish框架
- 打包react组件代码 `build:react-only`

### 注意事项
该组件react版本需要与主工程使用的react/react-dom版本一致，目前是peerDependencies中设置react 17.0.2版本与Fishx的模板保持一致，如有特殊需要可以升级为18.2.0以上版本。
npm package: @fishx/lib-proxy
Description: load you lib as a proxy object
Latest version: 1.0.0
Deprecated: false

<p align="center" >
<img width="820px" src="/uploads/E2B6D834E065418A9AFD8BF1F36A85C9/image.png" alt="image.png" />
</p>



## hel-lib-proxy
微库代理模块，用于帮助用户暴露库方法或属性，同时配合rollup不将用户的实际业务代码打包，仅发布类型到npm
npm package: @fishx/locale
Description: ## Fishx的国际化组件，基于react-intl-universal进行了封装，需要配合@fishx/plugins进行使用
Author: qi.futao
Latest version: 0.1.25

# Fishx/locale

## Fishx的国际化组件，基于react-intl-universal进行了封装，需要配合@fishx/plugins进行使用
npm package: @fishx/micro-fish
Description: A completed implementation of Micro Frontends
Latest version: 2.7.1

# micro-fish

inspired and inherits many benefits from qiankun for microapp

## 📦 Installation

```shell
$ yarn add @fishx/micro-fish  # or npm i @fishx/micro-fish -S
```

## 💿 Examples

Inside the `examples` folder, there is a sample Shell app and multiple mounted Micro FE apps. To get it running, first clone :

Now install and run the example:

```shell
$ yarn install
$ yarn examples:install
$ yarn examples:start
```

Visit `http://localhost:7099`.

![](./examples/example.gif)
npm package: @fishx/micro-react
Description: react implementation of micro
Latest version: 1.0.5
Deprecated: false

<p align="center">
<img width="820px" src="https://tnfe.gtimg.com/image/nesdj6xn5b_1659182715485.png" alt="image.png" />
</p>

# @fishx/micro-react
依赖 @fishx/micro 基础 api 实现的 react 组件加载库
## 加载react应用
先在主应用头部引入`react runtime`文件，
```html
<script id="leah-runtime" src="https://tnfe.gtimg.com/hel-runtime/level1/16.14.0-react.js"></script>
```

为主应用webpack配置external，让你的应用使用的react库和`@fishx/micro`使用的react库是同一个
```js
  const externals = {
    'react': 'LEAH_React',
    'react-dom': 'LEAH_ReactDOM',
    'react-reconciler': 'LEAH_ReactReconciler',
  };
```

之后主应用的任意地方代码都可以实例化`MicroApp`了，
```jsx
import { MicroApp } from '@fishx/micro-react';

<MicroApp name="hm-counter" />
npm package: @fishx/modal
Description: ## Installation
Latest version: 1.0.1

# @fishx/modal

## Installation

```bash
yarn add @fishx/modal
```

## Quick Start

```js
import React from 'react'
import { Modals, ModalConfig, modalStore } from '@fishx/modal'

const About = () => (
  <span>
    about
    <button onClick={() => modalStore.close('about')}>close</button>
  </span>
)

const config: ModalConfig = [
  {
    name: 'about',
    component: About,
  },
]

export default () => (
  <div>
    <Modals config={config} />
    <span>Hi, fishx</span>
    <button onClick={() => modalStore.open('about')}>open</button>
  </div>
)
```