open-index/open-npm huggingface dataset:
npm package: @okayswap/sdk
Description: 🛠 An SDK for building applications on top of okayswap.
Latest version: 1.0.0

# Okayswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/Okayswap/uniswap-sdk/workflows/CI/badge.svg)](https://github.com/Okayswap/uniswap-sdk)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/Okayswap/uniswap-sdk.git
```

Move into the uniswap-sdk working directory

```sh
cd uniswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @okayt/signature_wall
Description: signature wall in chinese name
Author: 林庭伟
Latest version: 1.0.7

# signature_wall

> A electronic signature component by Vue.js

## Reference and Thanks

[signature_pad]("https://github.com/szimek/signature_pad") [vue-signature]("https://github.com/WangShayne/vue-signature")

## preview

![signature_wall show](https://i.postimg.cc/yYwpfQDB/1661421608548.jpg)



## API

#### Props

name|type|default|description
:-:|:--:|:--:|:-:
value|String|""|Signature Background Name
option|Object|{penColor: "rgb(0, 0, 0)",backgroundColor: "rgba(255,255,255,0)",minWidth: 3,maxWidth: 5,}|PenColor,backgroundColor,minWidth,maxWidth
disabled|Boolean|false|disabled
width|String|"100%"|parent container width
height|String|"50vh"|parent container height
size|String|"240px"|backgroundName Size

#### Methods

name|type|description
:-:|:--:|:-:
save |base64 |save image
clear | |clear canvas
isEmpty | |Returns true if canvas is empty, otherwise returns false
fromDataURL |base64 |Draws signature image from data URL.

## Usage

> npm install @okayt/signature_wall

**main.js**

```javascript
import signatureWall from "@okayt/signature_wall"
Vue.use(signatureWall);
```

**App.vue**

```vue
<template>
  <div id="app">
    <signature-wall
      ref="signature"
      :value="value"
      :option="option"
      size="100px"
      :disabled="disabled"
    ></signature-wall>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      value: "周杰伦",
      option: {
        penColor: "rgb(23, 92, 19)",
        backgroundColor: "rgba(0,0,0,0)",
        minWidth: 3,
        maxWidth: 5,
      },
      disabled: false,
    };
  },
};
</script>
```
npm package: @okayt/site-list
Description: A dynamic address selection component by Vue.js
Author: 林庭伟
Latest version: 1.0.1

# site-list

> A dynamic address selection component by Vue.js

## preview

![图片](https://i.postimg.cc/Kc3jdQLy/1661860988594.jpg)

## API

#### Props

name|type|default|description
:-:|:--:|:--:|:-:
value|String or Number|""|The current address value is selected
id_key|String|"id"|The key to renaming values
sites|Object|{}|Address list

#### Methods

name|type|description
:-:|:--:|:-:
on-selected |Object| Returns the currently selected address

## Usage

> npm install @okayt/site-list

**main.js**

```javascript
import siteList from "@okayt/site-list"
Vue.use(siteList);
```

**App.vue**

```Vue
<template>
  <div id="app">
    <site-list :sites="sites" :value="id" @on-selected="siteChange" />
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      id: 0,
      sites: {
        A: [
          {
            id: 14,
            country_id: 260,
            name: "\u5b89\u5fbd",
            pinyin: "Anhui",
            initial: "A"
          }
        ],
        B: [
          {
            id: 1,
            country_id: 260,
            name: "\u5317\u4eac",
            pinyin: "Beijing",
            initial: "B"
          }
        ],
        T: [
          {
            id: 3,
            country_id: 260,
            name: "\u5929\u6d25",
            pinyin: "Tianjin",
            initial: "T"
          },
          {
            id: 32,
            country_id: 260,
            name: "\u53f0\u6e7e",
            pinyin: "Taiwan",
            initial: "T"
          }
        ],
      }
    };
  },
  methods: {
    siteChange(now_site) {
      this.id = now_site.id;
    }
  }
};
</script>

<style lang="scss">
html,
body {
  margin: 0;
  padding: 0;
}
</style>
```