yz-cps-sdk - npm explorer

一、介绍

yz-cps-sdk 是有赞 cps 提供给 PC 端的商品选择组件。

二、下载

可以使用 npm 或者 yarn 下载：

``bash npm install yz-cps-sdk --save-dev

yarn add yz-cps-sdk -D`

`三、使用`

需要先从有赞云平台申请应用，获得 appId，然后生成 token，这样接口才能鉴权通过，还需要从有赞客平台获得 promoter_code。

`js import YzCpsSdk from 'yz-cps-sdk';

const yzSdk = new YzCpsSdk({ container: document.getElementById('sdk'), token: 'c8fecee7dc7f42c072f2a301570f78af', promoter_code: '5414188818', onSelected: (arr) => { console.log(arr); }, }); setTimeout(() => { yzSdk.hide(); }, 3000);`

`四、API`

1. IOptions

`js interface IOptions { container?: HTMLElement; classListArray?: string[]; show?: boolean; token: string; promoter_code: string; isPre?: boolean; unique?: string; onSelected: (alias: string[]) => void; }``

| 参数 | 解释 | 类型 | 默认值 | 是否必填 |
| -------------- | ----------------------- | ------------------------- | ------------- | -------- |
| container | iframe 容器 | HTMLElement | document.body | 否 |
| classListArray | iframe 的自定义类 | string[] | [] | 否 |
| show | 是否默认展现 | boolean | true | 否 |
| token | 通过 appId 生成的 token | string | | 是 |
| promoter_code | 通过有赞客平台获得 | string | | 是 |
| isPre | 是否预发环境 | boolean | false | 否 |
| onSelected | 点击选好了回调 | (alias: string[]) => void | | 是 |
| unique | 保证多个实例的回调回不影响 | string | | 否 |

2. 实例方法
- show(): void; 展示 iframe
- hide(): void; 隐藏 iframe
- destory(): void; 销毁 iframe
- setToken(token: string): void; 设置 token
- clearSelected(): void; 清空选择

三、使用

需要先从有赞云平台申请应用，获得 appId，然后生成 token，这样接口才能鉴权通过，还需要从有赞客平台获得 promoter_code。

js
import YzCpsSdk from 'yz-cps-sdk';

const yzSdk = new YzCpsSdk({
  container: document.getElementById('sdk'),
  token: 'c8fecee7dc7f42c072f2a301570f78af',
  promoter_code: '5414188818',
  onSelected: (arr) => {
    console.log(arr);
  },
});
setTimeout(() => {
  yzSdk.hide();
}, 3000);

四、API

1. IOptions

js
    interface IOptions {
      container?: HTMLElement;
      classListArray?: string[];
      show?: boolean;
      token: string;
      promoter_code: string;
      isPre?: boolean;
      unique?: string;
      onSelected: (alias: string[]) => void;
    }

2. 实例方法
- show(): void; 展示 iframe
- hide(): void; 隐藏 iframe
- destory(): void; 销毁 iframe
- setToken(token: string): void; 设置 token
- clearSelected(): void; 清空选择