open-index/open-npm huggingface dataset:
npm package: @fengtf/vue-cli-plugin-proxy
Description: 代理插件
Author: fengtf
Latest version: 1.0.0

# vue-cli-plugin-proxy

## 说明

- 该插件方便管理代理域名，并且会根据环境自动切换要代理的环境域名，减少手动配置
- 降低 git 冲突频率
- 可以共用同一个 header，也可以单独使用 header
- 一键开启/关闭 mock
- 可以对接 mock 平台，并对本地代码无侵入性

## 支持

- 任何 vue 项目&以 vue-cli 启动的项目
- uniapp 小程序以 h5 方式启动
- vue pc 项目

## 安装

`yarn add @fengtf/vue-cli-plugin-proxy -D`

## 使用

**生成配置文件**

`vue invoke @fengtf/vue-cli-plugin-proxy`

此操作会在根目录下生成 proxy.config.js 文件

```js
module.exports = {
  // 是否开启代理
  open: true,
  // 设置header（共用同一个header）
  headers: {},
  mock: true,
  // 设置根路径("/")代理
  proxyMain: {
    target: {
      development: '',
      stable: '',
      zprod: '',
      production: '',
    },
    headers: {},
  },
  // 设置其它路径代理
  proxyOther: {
    '/example': {
      target: {
        development: '',
        stable: '',
        zprod: '',
        production: '',
      },
      headers: {},
    },
  },
  // mock代理
  proxyMock: [
    {
      projectId: '', // 项目id
      projectBaseUrl: '', //项目基本路径
      paths: [], //需要代理的接口前缀
    },
  ],
};
```

> 提示：内层 `headers` 优先级大于外层 `headers`

**启动**

> 正常启动项目（yarn start）的同时，代理也会启动，如需关闭代理，请将 open 设置为 false

## 接入 mock 说明

**proxy.config.js**

```js
mock: true, //默认true，（ture: 启动mock; false:关闭mock）
proxyMock: [
  {
    projectId: '', // 项目id
    projecBaseUrl: '', //项目基本路径
    paths: [], //需要代理的接口前缀
  },
],
```

![imgage](https://oss.baibangxy.com/uploads/image/a089e3c0-3cab-4a54-a3f4-bca87e4bc219.jpg)

- projectId: 为项目 ID 上面的`Project ID`
- projecBaseUrl: mock 项目基础 url，为上面的 example
- paths: 为`string[]`字符串数组，存放接口路径

### 举例

```js
proxyMock: [
    {
      projectId: '62fb068766ad8a002bd76c43',
      projectBaseUrl: '/example',
      paths: ['/mock'],
    },
  ],

```

生成的 devserve 为

```js
devServer: {
    proxy: {
      '/mock': {
        target: 'http://xxxx.com/mock/62fb068766ad8a002bd76c43/example',
        changeOrigin: true
      }
    }
  },
```
npm package: @fengweichong/react-native-gzip
Description: 解压缩gzip和tar格式文件
Author: fengweichong
Latest version: 2.0.0

# react-native-gzip
解压缩gzip和tar格式文件
- IOS实现基于[NVHTarGzip](https://github.com/nvh/NVHTarGzip)
- Android实现基于[CompressorStreamFactory](https://commons.apache.org/proper/commons-compress/apidocs/org/apache/commons/compress/compressors/CompressorStreamFactory.html)和[ArchiveStreamFactory](https://commons.apache.org/proper/commons-compress/javadocs/api-1.18/org/apache/commons/compress/archivers/ArchiveStreamFactory.html)

## 安装

```
npm install @fengweichong/react-native-gzip --save

ios -> pod install
```
## 使用
```javascript
import Gzip from '@fengweichong/react-native-gzip';

const sourcePath = `${PATH}/xxx.gz`
const targetPath = `${PATH}/xxx`

// 解压缩tar
Gzip.unTar(sourcePath, targetPath, true).then((res)=>{
    console.log(res)
})

// 解压缩gzip
Gzip.unGzip(sourcePath, targetPath, true).then((res)=>{
    console.log(res)
})

// 解压缩gzip和tar
Gzip.unGzipTar(sourcePath, targetPath, true).then((res)=>{
    console.log(res)
})
```
### 参数
|  名称   | 说明  |  会否必须  |
|  ----  | ----  |  ----  |
| sourcePath  | 目标文件地址 |  true  |
| targetPath  | 解压目标地址 |  true  |
| force  | 是否覆盖目标地址 |  true  |
npm package: @fengyebb/date-picker
Description: Quick Ranges Picker component
Author: iwhaleFED@126.com
Latest version: 0.0.2

# @digitalc/date-picker

Quick Ranges Picker component

## Installation
```
npm install @digitalc/date-picker

```
## Usage
```
import { QuickRangesPicker } from '@digitalc/date-picker';

```
### component used like this
```
  const handlerDatePickerChange = ({ value }) => {
    console.log(value);
  };

  <QuickRangesPicker
    isOpen
    allowClear
    close={open => {}}
    value={['2025-01-01', '2025-01-31']}
    onValueChange={handlerDatePickerChange}
  />

```
npm package: @fengyinchao/eslint-config-fed
Description: <div align=center><img src="./logo.png"/></div>
Author: Feng Yinchao
Latest version: 1.0.2

<div align=center><img src="./logo.png"/></div>

# fed-standard-config

## FED 最新代码规范 2022

[FED 前端代码规范](https://www.yuque.com/fengyinchao/awb51o/ksm7sc/edit)

## 接入指南

1、项目目录安装依赖  yarn add --dev @fengyinchao/eslint-config-fed

2、安装 vscode 插件：vscode-plugin-fed-tools

3、然后按下图操作即可：
<div align=center><img src="./image.png"/></div>

## License

MIT
npm package: @fengyuanchen/exif
Description: JavaScript Exif reader.
Author: Fengyuan Chen
Latest version: 0.1.1
Deprecated: No longer maintainted.

# Exif

> JavaScript Exif reader (only available in the browser).

- [Homepage](http://fengyuanchen.github.io/exif)
- [Exif standard version 2.3 (2012)](http://www.cipa.jp/std/documents/e/DC-008-2012_E.pdf)



## Install

```
npm install @fengyuanchen/exif
```

```html
<script src="/path/to/exif.js"></script>
```



## Usage

Four available usages:
  - `new Exif(HTMLImageElement, options)`
  - `new Exif(HTMLImageElement.src, options)`
  - `new Exif(File, options)`
  - `new Exif(Blob, options)`

Example:

```html
<img id="image" src="image.jpg">
```

```js
var image = document.getElementById('image');
var exif = new Exif(image, {
  done: function(tags) {
    console.log(tags);
  }
});
```



## Options

You may set cropper options with `new Exif(image, options)`.


### exif

- Type: `Boolean`
- Default: `true`

Read Exif tags.


### gps

- Type: `Boolean`
- Default: `true`

Read GPS tags.


### interoperability

- Type: `Boolean`
- Default: `true`

Read interoperability tags.


### ignored

- Type: `Array` or `Boolean`
- Default: `['MakerNote', 'UserComment']`

Assign the ignored tags. Set `false` to disable it.


### done

- Type: `Function`
- Default: `null`

Read success callback.

```js
new Exif(image, {
  done: function(tags) {
    console.log(tags);
  }
});
```


### fail

- Type: `Function`
- Default: `null`

Read error callback.

```js
new Exif(image, {
  fail: function(message) {
    console.log(message);
  }
});
```



## No conflict

If you have to use other global function with the same namespace, just call the `Exif.noConflict` static method to revert to it.

```html
<script src="other-exif.js"></script>
<script src="exif.js"></script>
<script>
  Exif.noConflict();
  // Code that uses other `Exif` can follow here.
</script>
```



## Browser support

- Chrome (latest 2)
- Firefox (latest 2)
- Internet Explorer 10+
- Opera (latest 2)
- Safari (latest 2)



## License

[MIT](http://opensource.org/licenses/MIT) © [Fengyuan Chen](http://chenfengyuan.com)
npm package: @fengyuanchen/loader
Description: JavaScript image loader.
Author: Fengyuan Chen
Latest version: 0.1.1
Deprecated: No longer maintainted.

# Loader

> JavaScript image loader (translates Exif Orientation by canvas).

- [Homepage](http://fengyuanchen.github.io/loader)



## Install

```
npm install @fengyuanchen/loader
```

```html
<script src="/path/to/loader.js"></script>
```



## Usage

```html
<img id="image" src="image.jpg">
```

```js
var image = document.getElementById('image');
var loader = new Loader(image, {
  done: function(image) {
    console.log(image); // HTMLImageElement
  }
});
```



## Options

You may set cropper options with `new Loader(image, options)`.


### type

- Type: `String`
- Default: `'image'`
- Options: `'image'` and `'canvas'`

Define the type of the loaded image or canvas.

```js
new Loader(image, {
  type: 'canvas',
  done: function(canvas) {
    console.log(canvas); // HTMLCanvasElement
    console.log(canvas.toDataURL()); // Data URL
  }
});
```


### width

- Type: `Number`
- Default: `NaN`

Define the new width of the loaded image or canvas. Use the natural width of the original image by default.


### height

- Type: `Number`
- Default: `NaN`

Define the new height of the loaded image or canvas. Use the natural height of the original image by default.



### minWidth

- Type: `Number`
- Default: `0`

Define the minimum width of the loaded image or canvas.


### minHeight

- Type: `Number`
- Default: `0`

Define the minimum height of the loaded image or canvas.


### maxWidth

- Type: `Number`
- Default: `Infinity`

Define the maximum width of the loaded image or canvas.


### maxHeight

- Type: `Number`
- Default: `Infinity`

Define the maximum height of the loaded image or canvas.


### done

- Type: `Function`
- Default: `null`

Load complete callback.

```js
new Loader(image, {
  done: function(image) {
    console.log(image);
  }
});
```



## No conflict

If you have to use other global function with the same namespace, just call the `Loader.noConflict` static method to revert to it.

```html
<script src="other-loader.js"></script>
<script src="loader.js"></script>
<script>
  Loader.noConflict();
  // Code that uses other `Loader` can follow here.
</script>
```



## Browser support

- Chrome (latest 2)
- Firefox (latest 2)
- Internet Explorer 10+
- Opera (latest 2)
- Safari (latest 2)



## License

[MIT](http://opensource.org/licenses/MIT) © [Fengyuan Chen](http://chenfengyuan.com)
npm package: @fengzie/backbone
Description: Give your JS App some Backbone with Models, Views, Collections, and Events.
Author: Jeremy Ashkenas
Latest version: 1.4.1

     ____                     __      __
    /\  _`\                  /\ \    /\ \                                   __
    \ \ \ \ \     __      ___\ \ \/'\\ \ \____    ___     ___      __      /\_\    ____
     \ \  _ <'  /'__`\   /'___\ \ , < \ \ '__`\  / __`\ /' _ `\  /'__`\    \/\ \  /',__\
      \ \ \ \ \/\ \ \.\_/\ \__/\ \ \\`\\ \ \ \ \/\ \ \ \/\ \/\ \/\  __/  __ \ \ \/\__, `\
       \ \____/\ \__/.\_\ \____\\ \_\ \_\ \_,__/\ \____/\ \_\ \_\ \____\/\_\_\ \ \/\____/
        \/___/  \/__/\/_/\/____/ \/_/\/_/\/___/  \/___/  \/_/\/_/\/____/\/_/\ \_\ \/___/
                                                                           \ \____/
                                                                            \/___/
    (_'_______________________________________________________________________________'_)
    (_.———————————————————————————————————————————————————————————————————————————————._)


Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

For Docs, License, Tests, pre-packed downloads, and everything else, really, see:
http://backbonejs.org

To suggest a feature or report a bug:
https://github.com/jashkenas/backbone/issues

For questions on working with Backbone or general discussions:
https://groups.google.com/forum/#!forum/backbonejs,
http://stackoverflow.com/questions/tagged/backbone.js, or
https://gitter.im/jashkenas/backbone

Backbone is an open-sourced component of DocumentCloud:
https://github.com/documentcloud

Testing powered by SauceLabs:
https://saucelabs.com

Many thanks to our contributors:
https://github.com/jashkenas/backbone/graphs/contributors

Special thanks to Robert Kieffer for the original philosophy behind Backbone.
https://github.com/broofa
npm package: @fengzie/electron-updater
Description: Cross platform updater for electron applications
Author: Vladimir Krivosheev
Latest version: 4.0.7

# electron-updater

This module allows you to automatically update your application. You only need to install this module and write two lines of code!
To publish your updates you just need simple file hosting, it does not require a dedicated server.

See [Auto Update](https://electron.build/auto-update) for more information.

Supported OS:
 - macOS ([Squirrel.Mac](https://github.com/Squirrel/Squirrel.Mac)).
 - Windows (NSIS).
 - Linux (AppImage).

## Credits

Thanks to [Evolve Labs](https://www.evolvehq.com) for donating the npm package name.
npm package: @fengziqiao/tab-components
Description: TabA 和 TabB 组件库
Latest version: 0.1.1

# Tab Components 组件库

包含 TabA 和 TabB 两个 React 组件的组件库。

## 组件说明

- **TabA**: 一个带有计数功能的按钮组件
- **TabB**: 一个简单的展示组件

## 本地开发

运行开发服务器：

```bash
npm run dev
```

打开 [http://localhost:3000](http://localhost:3000) 查看效果。

## 构建组件库

构建用于发布的组件库：

```bash
npm run build:lib
```

构建输出位于 `dist/` 目录。

## 发布到私有 npm 仓库

详细的发布指南请参考 [PUBLISH.md](./PUBLISH.md) 文件。

快速发布步骤：

1. 配置 `.npmrc` 文件，设置私有仓库地址
2. 构建组件库：`npm run build:lib`
3. 发布：`npm publish`

## 在其他项目中使用

```bash
npm install @your-scope/tab-components
```

```tsx
import { TabA, TabB } from '@your-scope/tab-components';
```