open-index/open-npm huggingface dataset:
npm package: @jikanban/cls
Description: A simple utility for conditionally joining `className` strings. Also serves as a smaller drop-in replacement for the `classnames` package.
Author: maxwowo
Latest version: 1.1.1

# cls

A simple utility for conditionally joining `className` strings. Also serves as a smaller drop-in replacement for the `classnames` package.

## Install

```bash
# With NPM
$ npm install --save @jikanban/cls

# With Yarn
$ yarn add @jikanban/cls
```

## Usage

```typescript
import cls from '@jikanban/cls'

cls('foo', 'bar')
// => 'foo bar'

cls('foo', { bar: true })
// => 'foo bar'

cls({ 'foo-bar': true })
// => 'foo-bar'

cls({ 'foo-bar': false })
// => ''

cls({ foo: true }, { bar: true })
// => 'foo bar'

cls({ foo: true, bar: true })
// => 'foo bar'

cls('foo', { bar: true, duck: false }, 'baz', { quux: true })
// => 'foo bar baz quux'

cls(null, false, 'bar', undefined, 0, 1, { baz: null }, '')
// => 'bar 1'
```
npm package: @jikanban/common
Description: ## Installation
Author: Max Wo
Latest version: 0.0.1

# Jikanban common

## Installation

```bash
$ yarn install
```

## Build

```bash
# Build
$ yarn build
```

## Test

```bash
# Unit tests
$ yarn test

# Test coverage
$ yarn test:coverage
```

## Lint

```bash
# Lint
$ yarn lint

# Lint and fix
$ yarn lint:fix
```
npm package: @jike-fe/jk-analytics
Description: I am a log maker, so I write logs JIKE by JIKE.
Latest version: 0.1.10

# JK-Analytics

"I am a log maker, so I write logs JIKE by JIKE."

## Installation
```
$ npm i jk-analytics
```

## Usage

#### Config: Set Providers via DOM

```html
<script id="jka-providers"
  data-google="UA-3318xxxx-1"
  data-sensors="USER-4e7020cb"
></script>
```

#### Config: Set User ID
Set the `userId` on the tracker:
```javascript
JKA.setUser(userId, userData)
```

#### Config: Set Current Page

```javascript
// Set the current page, default value of the 'page' field while invoking JKA.event(options)
JKA.setCurrentPage('Home Page')
```

#### Track: Page View in SPA
```javascript
JKA.pageview({
  title: 'My Overridden Page', // Required.
  page: '/my-overridden-page' // Required. This value should start with a slash (/) character.
})
```
#### Track: Event
Event Options Table (analogous to GA) :

| Name        | Required           | Description  |
| ------------- |:-------------:| -----|
| page      | yes | The name of the page/activity (e.g. `About Page`) |
| action        | yes |   The type of interaction (e.g. `View Sune's Portfolio`) |
| label         | no  |   Useful for extra infos (e.g. `Junior Frontend Developver`) |

You can call the event function to track an event:
```javascript
JKA.event({
  page: 'Download Page',
  action: 'Download Jike app',
  label: 'Superhero button'
})
```

Or, easily add `data-jka="{}"` to a DOM element as:
```html
<button data-jka="{
  page: 'Download Page',
  action: 'Download Jike app',
  label: 'Superhero button'
}">Download App</button>
```

#### Debugging
To automatically log `event options`, you can use the `debug` mode:
```
JKA.enableDebug()
```

## Supported Analytics
- [Google Analytics](https://developers.google.com/analytics/devguides/collection/analyticsjs/)
- [Sensors Data](https://www.sensorsdata.cn/manual/js_sdk.html)

## License
[MIT](./LICENSE)
npm package: @jike-fe/jk-icons
Description: A set of SVG symbols and font icons for web. 
Latest version: 0.2.8

# JK-ICONS: Find & Copy Playing

### Installation

```
npm install jk-icons
```


### Import

* Webpack

  Make sure install `url-loader`, `file-loader` to resolve iconfonts files or svg files, and install target `*-loader` to import icon stylesheets, like `stylus-loader`, `less-loader`, etc.

* LESS

  ```
  @import (css) "path/to/jk-icons/lib/jk-icons.css";
  ```

* Stylus

  ```
  @import 'path/to/jk-icons/lib/jk-icons.styl'
  ```

* Gulp

  Move the fonts with Gulp

  ```
  gulp.task('move-fonts', function () {
    gulp.src('node_modules/jk-icons/lib/fonts/**/*')
      .pipe(gulp.dest('path/to/fonts/'))
  })
  ```


### Usage

* Class Name

  Ensure you've import relative stylesheets, and use it within existed icons

  ```
  <span class="icon icon-{Icon Name}"></span>
  ```

* SVG Symbols

  Inline combined SVG reference into body, then drop a `<use>` element snippet

  ```
  <svg role="img">
    <use xlink:href="#{Icon Name}></use>
  </svg>
  ```

  Or directly link the external `svg-symbols` file:

  ```
  <svg role="img">
    <use xlink:href="{Url}/svg-symbols.svg#{Icon Name}"></use>
  </svg>
  ```

### Development

New version of JK-Icons required a valid `Sketch` file to generate all resources, please make sure you have rights to create more assets, or you can ask designers to distribute that.

All build process can be found in `gulpfile.babel.js` and local development is required for `webpack`.


### License
[MIT](https://opensource.org/licenses/MIT)
npm package: @jike/open-sdk
Description: jike open platform javascript SDK
Author: SunskyXH
Latest version: 0.1.12

# Jike Open platfrom JavaScript SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

## Installation

``` shell
npm install @jike/open-sdk --save
```

## Configuration

```typescript
import { JikeOpenSDK } from '@jike/open-sdk'
// FIRST OF ALL: apply for your application at jike open platform.
// replace <OPEN_APP_ID> with your openAppId.
const sdk = new JikeOpenSDK(<OPEN_APP_ID>)
// or
const sdk = new JikeOpenSDK({
  openAppId: <OPEN_APP_ID>
})
```

## API
> sdkInstance.getUserInfo()
- avaliable version 4.15.0
```typescript
sdkInstance.getUserInfo(): Promise<UserInfo>
```

## Interface
> UserInfo
```typescript
interface UserInfo {
  user: {
    id: string,
    isLoginUser: boolean,
    screenName: string,
    profileImage: {
      format: string,
      picUrl: string,
      middlePicUrl: string,
      thumbnailUrl: string,
    }
  }
}
```
npm package: @jiker/data-charts
Description: Data Charts in Jiker
Author: zhuhuajian
Latest version: 2.0.1

# @jiker/data-charts

![](https://img.shields.io/badge/-jiker-brightgreen)
![](https://img.shields.io/npm/dw/@jiker/data-charts)
![](https://img.shields.io/npm/v/@jiker/data-charts)
![](https://img.shields.io/npm/l/@jiker/data-charts)
![](https://img.shields.io/npm/collaborators/@jiker/data-charts)

> Data Charts in Jiker.

## Usage

......

## License
[MIT](http://git.jiker-inc.com/jiker/npm/data-charts/blob/master/LICENSE)

Copyright (c) 2022-present zhuhuajian
npm package: @jiker/markdown-it
Description: markdown-it in Jiker
Author: Jax
Latest version: 3.1.2

# @jiker/markdown-it  

![](https://img.shields.io/badge/-jiker-brightgreen)
![](https://img.shields.io/npm/dw/@jiker/markdown-it)
![](https://img.shields.io/npm/v/@jiker/markdown-it)
![](https://img.shields.io/npm/l/@jiker/markdown-it)
![](https://img.shields.io/npm/collaborators/@jiker/markdown-it)

> A Javascript Markdown to HTML converter.

## Installation
```
npm install @jiker/markdown-it --save
```  

## Usage examples
引入 `index.js` ：
```html
<div class="jiker-markdown-it"></div>
```

```js
import MarkdownIt from "@jiker/markdown-it";
import "@jiker/markdown-it/styles/markdown-it.css";
const html = markdownIt("## md");
const jikerMarkdownIt = document.getElementsByClassName("jiker-markdown-it")[0];
jikerMarkdownIt.innerHTML = html;
```

引入 `vue` 组件：
```html
<markdown-it :md="value"></markdown-it>
```

```js
import MarkdownIt from "@jiker/markdown-it/MarkdownIt.vue";

export default {
  components: {
    MarkdownIt
  },
  data() {
    return {
      value: "## md"
    };
  }
};
```

## Plugin list  
* highlight.js
* markdown-it
* markdown-it-abbr
* markdown-it-container
* markdown-it-deflist
* markdown-it-emoji
* markdown-it-footnote
* markdown-it-ins
* markdown-it-katex
* markdown-it-mark
* markdown-it-sub
* markdown-it-sup
* markdown-it-task-lists

## License
[MIT](http://git.jiker-inc.com/jiker/npm/markdown-it/blob/master/LICENSE)
npm package: @jiker/superset-echarts-plugin
Description: Jiker Superset Chart - Echarts
Author: zhuhuajian
Latest version: 2.8.2

# @jiker/superset-echarts-plugin

![](https://img.shields.io/badge/-jiker-brightgreen)
![](https://img.shields.io/npm/dw/@jiker/superset-echarts-plugin)
![](https://img.shields.io/npm/v/@jiker/superset-echarts-plugin)
![](https://img.shields.io/npm/l/@jiker/superset-echarts-plugin)
![](https://img.shields.io/npm/collaborators/@jiker/superset-echarts-plugin)

> Jiker Superset Chart - Echarts.

## Usage

Configure `key`, which can be any `string`, and register the plugin. This `key` will be used to
lookup this chart throughout the app.

```js
import {
  JkEchartsBarChartPlugin,
  JkEchartsDiyChartPlugin,
  JkEchartsGanttChartPlugin,
  JkEchartsHydrographChartPlugin,
  JkEchartsLineChartPlugin,
  JkEchartsLineBarChartPlugin,
  JkEchartsPieChartPlugin,
  JkEchartsSankeyChartPlugin,
  JkEchartsScatterChartPlugin,
  JkNumberChartPlugin,
} from '@jiker/superset-echarts-plugin';

new JkEchartsBarChartPlugin().configure({ key: 'echarts_bar' }).register();
new JkEchartsDiyChartPlugin().configure({ key: 'echarts_diy' }).register();
new JkEchartsGanttChartPlugin().configure({ key: 'echarts_gantt' }).register();
new JkEchartsHydrographChartPlugin().configure({ key: 'echarts_hydrograph' }).register();
new JkEchartsLineChartPlugin().configure({ key: 'echarts_line' }).register();
new JkEchartsLineBarChartPlugin().configure({ key: 'echarts_line_bar' }).register();
new JkEchartsPieChartPlugin().configure({ key: 'echarts_pie' }).register();
new JkEchartsSankeyChartPlugin().configure({ key: 'echarts_sankey' }).register();
new JkEchartsScatterChartPlugin().configure({ key: 'echarts_scatter' }).register();
new JkNumberChartPlugin().configure({ key: 'jk_number' }).register();
```

## License
[MIT](http://git.jiker-inc.com/jiker/npm/superset-echarts-plugin/blob/master/LICENSE)

Copyright (c) 2021-present zhuhuajian
npm package: @jiker/vue-admin-plain
Description: A plain vue admin.
Author: DestinyMiracle
Latest version: 1.0.2

# vue-admin-plain

<p>
  <a href="https://www.jiker.com">
    <img alt="vue" src="https://img.shields.io/badge/-jiker-brightgreen">
  </a>
  <a href="https://github.com/vuejs/vue">
    <img alt="vue" src="https://img.shields.io/badge/vue-2.6.11-brightgreen">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img alt="vue" src="https://img.shields.io/badge/element--ui-2.13.0-brightgreen">
  </a>
  <a href="https://github.com/destiny-miracle/vue-admin-plain">
    <img alt="code size" src="https://img.shields.io/github/languages/code-size/destiny-miracle/vue-admin-plain">
  </a>
  <a href="https://github.com/destiny-miracle/vue-admin-plain/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/destiny-miracle/vue-admin-plain" alt="license">
  </a>
  <img alt="version" src="https://img.shields.io/npm/v/@jiker/vue-admin-plain">
</p>

> A plain vue admin.

## Preview
![预览图](https://assets.jiker.com/_for_plus_sub_project/2020/0315/admin/y5zFy70apSVYSDKH1NJtduqXxg1XlcMG9rLQoX61.jpeg)

## Getting started
```bash
# clone the project
git clone git@github.com:destiny-miracle/vue-admin-plain.git

# enter the project directory
cd vue-admin-plain

# install dependency
npm install

# develop
npm run serve
```

## Build
```bash
npm run build
```

## Advanced
```bash
# code format check
npm run lint

# code format check and auto fix
npm run lint --fix
```

## License
[MIT](https://github.com/destiny-miracle/vue-admin-plain/blob/master/LICENSE)

Copyright (c) 2020-present DestinyMiracle
npm package: @jiker/vue-admin-super
Description: A super vue admin.
Author: DestinyMiracle
Latest version: 1.0.1

# vue-admin-super

<p>
  <a href="https://www.jiker.com">
    <img alt="vue" src="https://img.shields.io/badge/-jiker-brightgreen">
  </a>
  <a href="https://github.com/vuejs/vue">
    <img alt="vue" src="https://img.shields.io/badge/vue-2.6.11-brightgreen">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img alt="vue" src="https://img.shields.io/badge/element--ui-2.13.0-brightgreen">
  </a>
  <a href="https://github.com/destiny-miracle/vue-admin-super">
    <img alt="code size" src="https://img.shields.io/github/languages/code-size/destiny-miracle/vue-admin-super">
  </a>
  <a href="https://github.com/destiny-miracle/vue-admin-super/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/destiny-miracle/vue-admin-super" alt="license">
  </a>
  <img alt="version" src="https://img.shields.io/npm/v/@jiker/vue-admin-super">
</p>

> A super vue admin.

## Preview
![预览图](https://assets.jiker.com/_for_plus_sub_project/2020/0316/admin/zqEfxUqhwNFL55NvKbbQGNqMsrZQdcgnf2dqwqRb.png)

## Getting started
```bash
# clone the project
git clone git@github.com:destiny-miracle/vue-admin-super.git

# enter the project directory
cd vue-admin-super

# install dependency
npm install

# develop
npm run serve
```

## Build
```bash
npm run build
```

## Advanced
```bash
# code format check
npm run lint

# code format check and auto fix
npm run lint --fix
```

## License
[MIT](https://github.com/destiny-miracle/vue-admin-super/blob/master/LICENSE)

Copyright (c) 2020-present DestinyMiracle