open-index/open-npm huggingface dataset:
npm package: @miapp/pwf
Description: 跳转公益林功能包
Author: jyx
Latest version: 1.0.1

<!-- @format -->

# pwf

![](https://img.shields.io/npm/v/@miapp/pwf.svg?style=flat) ![](https://img.shields.io/npm/dt/@miapp/pwf.svg?style=flat)

> 跳转公益林功能包

## 使用

```js
import { toPWF } from "@ubrorg/pwf";

toPWF({
  activityId: '1e7gnio0sgp87aikv0u81z87vfi63067&chInfo=eleme65', //公益林id
})

```

## 开发

1. `yarn` 或者 `ayarn`（[阿里内网](https://web.npm.alibaba-inc.com/package/@ali/yarn)）安装依赖
2. 小程序 IDE 打开组件（[下载地址](https://opendocs.alipay.com/mini/ide/download)）

## 更多命令

- `miapp newbranch`: 新建分支
- `miapp push`: 提交代码
- `miapp prepub`: 预发（发布 beta 版本）
- `miapp publish`: 正式发布
npm package: @miapp/store
Description: 数据流管理
Author: huya.nzb
Latest version: 2.2.7

# store

![](https://img.shields.io/npm/v/@miapp/store.svg?style=flat) ![](https://img.shields.io/npm/dt/@miapp/store.svg?style=flat)

> 数据流管理

## 使用

具体使用方法参考 [Minifish Store](https://minifish.antfin-inc.com/guide/store/basic-concepts.html/)，不同点：

* 不支持 `module` 分模块功能


```js
// store.js
import Store from "@miapp/store";

const store = new Store({
  state: {
    foo: 1,
    bar: 2
  },
  getters: {
    fooBar(state) {
      return state.foo + state.bar
    }
  },
  mutations: {
    update(state, diff) {
      state.foo += diff;
    }
  },
  actions: {
    doUpdate({ commit }, diff) {
      setTimeout(() => {
        commit('update', diff);
      }, 3000);
    }
  },
  plugins: []
});
```

```js
// page.js
import { createPage } from '@miapp/app';
import store from './store';

createPage({
  $store: store,
  onLoad() {
    console.log(this.data);
    console.log(this.$store);
    this.$store.commit('foo', 'bar');
    this.$store.dispatch({ type: 'foo', bar: 'bar' });
  }
});
```

```js
import { createComponent } from '@miapp/app';
createComponent({
  connector: {
    state: ['foo', { b: 'bar' }],
    getters: ['fooBar'],
    mutations: ['foo'],
    actions: {
      dispatchBar: 'bar'
    },
  },
  didMount() {
    console.log(this.data.foo);
    console.log(this.data.b); // b => bar
    console.log(this.data.fooBar);

    this.foo(2); // this.$store.commit('foo', 2);
    this.dispatchBar({ diff: 1 }); // this.$store.dispatch('bar', { diff: 1 });
  }
}));
```

`axml` 直接使用 `state/getters` 数据

```html
<view>
  <text>{{foo}}</text>
  <text>{{bar}}</text>
  <text>{{fooBar}}</text>
</view>
```


## 开发

1. `yarn` 或者 `ayarn`（[阿里内网](https://web.npm.alibaba-inc.com/package/@ali/yarn)）安装依赖
2. 小程序 IDE 打开组件（[下载地址](https://opendocs.alipay.com/mini/ide/download)）

## 更多命令

* `miapp newbranch`: 新建分支
* `miapp push`: 提交代码
* `miapp prepub`: 预发（发布 beta 版本）
* `miapp publish`: 正式发布
npm package: @miapp/tps2oss
Description: tps 转存 oss
Author: tuyan
Latest version: 0.1.2

## TPS2OSS

### 安装

``` sh
npm i -g @miapp/tps2oss
```

### 使用

* 配置 OSS 信息

``` sh
tps2oss config
```

| 简写 | 完整  | 描述 |
| :-: | --- | --- |
| -l  | --list | 展示当前配置 |

* 转存 TPS 文件

``` sh
tps2oss [source] [target]
```

> source 及 target 默认值均为当前目录

| 简写 | 完整  | 描述 | 默认值 |
| :-: | --- | --- | --- |
| -o  | --oss-path | OSS 上传目录 | `tps/${dayjs().format('YYYY-MM-DD')}` |
| -sd  | --source-domain | 原始资源域名 | `https://(gw|img).alicdn.com` |
| -td  | --target-domain | OSS 资源域名 | - |
| -fs  | --file-suffix | 文件后缀名，逗号分隔 | `json,js,axml,acss` |
| -is  | --image-suffix | 图片后缀名，逗号分隔 | `svg,png,ajpgml,jpeg,gif,webp` |
| -id  | --ignore-dirs | 忽略目录，逗号分隔 | `node_modules` |
| -if  | --ignore-files | 忽略文件，逗号分隔 | - |

### 示例

``` sh
tps2oss config
tps2oss ./ ./test -o tps-test -td https://demo.oss.com
```
npm package: @miapp/uic-immersive-page
Description: uic-immersive-page
Latest version: 1.0.9

# uic-immersive-page

![](https://img.shields.io/npm/v/@miapp/uic-immersive-page.svg?style=flat) ![](https://img.shields.io/npm/dt/@miapp/uic-immersive-page.svg?style=flat)

> uic-immersive-page

## 使用

    
在页面的 `page.json` 中配置：

```json
{
  "usingComponents": {
    "uic-immersive-page": "@miapp/uic-immersive-page/lib/index"
  }
}
```

在页面的 `page.axml` 中直接使用：

```html
<uic-immersive-page />
```
### option参数

| 属性 | 类型 | 默认值 | 描述 |
|:--|:--|:--|:--|
| `title` | string | `''` | 导航栏标题 |
| `icon` | string | `''` | 导航栏图标 |
| `backgroundColor` | HexColor | `#0368D9` | 导航栏背景色 |
| `bannerList` | Arrary | `[]` | banner区 |
| `bannerHeight` | String | `'904rpx'` | banner区高度 |
| `marginTop` | String | `'-110rpx'` | 主题内容距离banner距离 |
| `subShow` | boolean | `true` | 是否展示索引下标 |
| `subWidth` | String | `'100rpx'` | 索引下标宽度 |
| `subSize` | String | `'280rpx'` | 索引下标字体大小 |
| `subRadius` | String | `'30rpx'` | 索引下标圆角 |
| `subBg` | Color | `'rgba(255, 255, 255, 0.3)'` | 索引下标背景色 |
| `subColor` | HexColor | `#ffffff` | 索引下标字体颜色 |
| `autoplay` | boolean | `false` | 轮播图是否自动播放 |
| `showTheme` | boolean | `true` | 是否展示banner主题色 |
| `tabBarTheme` | boolean | `true` | tabbar背景色是否跟随banner主题色切换 |
| `trapScrollTop` | Number | `240` | 停止切换主题色时的滚动距离 |
| `interval` | Number | `3000` | 自动切换时间间隔 |
| `color` | HexColor | `#333333` | tab上的文字默认颜色 |
| `selectedColor` | HexColor | `#0368D9` | tab上的文字选中时的颜色 |
| `OnHandleTap` | EventHandle | `` | banner点击事件（已适配跳转url） |
| `tabBarItem` | Arrary | `[]` | tabBar参数 |
| `topButton` | boolean | `true` | 是否展示回顶部按钮 |
| `topIconUrl` | String | `''` | 返回顶部图标 |

tabBarItem

* `tabBarItem` 参数

  - index
  - text
  - iconPath
  - selectedIconPath

## 开发

1. `yarn` 安装依赖
2. 小程序 IDE 打开组件（[下载地址](https://opendocs.alipay.com/mini/ide/download)）

## 更多命令

* `miapp newbranch`: 新建分支
* `miapp push`: 提交代码
* `miapp prepub`: 预发（发布 beta 版本）
* `miapp publish`: 正式发布
npm package: @miapp/utils
Description: 工具集
Author: huya.nzb
Latest version: 1.0.8

# utils

![](https://img.shields.io/npm/v/@miapp/utils.svg?style=flat) ![](https://img.shields.io/npm/dt/@miapp/utils.svg?style=flat)

> 工具集

## 使用


```js
import {
  // type
  typeOf,
  isNull,
  isUndefined,
  isNumber,
  isDate,
  isRegExp,
  isArray,
  isObject,
  isString,
  isFunction,
  isBoolean,
  isValue,

  // object
  forEach,
  mix,
  merge,
  clone,

  // data
  getData,
  setData,
  ellipsis,
  tryParse,
  escapeHTML,
  paramsToObj,
  objToParams,
  simpleDeepCompare,

  // params
  parseURL,
  getParams,
  getLaunchOptions,
  initParams,
  initLaunchOptions,
  getUrlParam,
  setUrlParam,
  deleteUrlParam,

  // navigate
  open,
  close
} from "@miapp/utils";

// type
typeOf({}); // object
isArray([]); // true

// data
const data = { a: { b: { c: 1 } } };
getData(data, 'a.b.c'); // 1
setData(data, 'a.b.c', 2); // 2
paramsToObj('a=1&b=2'); // { a: '1', b: '2' }
objToParams({ a: 1, b: 2 }); // a=1&b=2

// object
forEach(obj, (v, k) => console.log(v));
forEach(arr, (v, i) => console.log(v));
mix(obj1, obj2); // mix obj2 into obj1
merge(obj1, obj2); // return a new object
merge(obj1, obj2, obj3, true); // including undefined
clone(obj); // clone a new object

// params
const href = 'https://m.taobao.com?a=1&b=2&c=true';
getUrlParam(href); // like getParam()
getUrlParam(href, 'a'); // like getParam('a')
setUrlParam(href, 'a', 6); // https://m.taobao.com?a=6&b=2&c=true
setUrlParam(href, { a: 6, c: null }); // https://m.taobao.com?a=6&b=2
deleteUrlParam(href, 'a'); // https://m.taobao.com?b=2&c=true

App({
  onLaunch(opts) {
    initLaunchOptions(this, opts);
  }
})

// 页面
Page({
  onLoad(query) {
    initParams(this, query); // 初始化页面参数
  }
});

// 组件
Component({
  didMount() {
    const params = getParams(this); // { a: '1', b: '2', c: 'true' }
    const launchOpts = getLaunchOptions(this);
  }
})

// navigate
// https://m.taobao.com
close();
open(url);
open(url, { params: { a: 1, b: 2 } });

// 相对路径兼容小程序不带后缀
open('/pages/detail/index?a=1');
open('../detail/index');

// 数据回传
open(url, { backListener: data => console.log(data) }); // 前一个页面
close({ data: { a: 1, b: 2 } }); // 后一个页面

// 小程序跳转 webview 页面
open(url, { webview: true }); // /pages/webview/index?url=encodeURIComponent(url)
```

## 开发

1. `yarn` 或者 `ayarn`（[阿里内网](https://web.npm.alibaba-inc.com/package/@ali/yarn)）安装依赖
2. 小程序 IDE 打开组件（[下载地址](https://opendocs.alipay.com/mini/ide/download)）

## 更多命令

* `miapp newbranch`: 新建分支
* `miapp push`: 提交代码
* `miapp prepub`: 预发（发布 beta 版本）
* `miapp publish`: 正式发布