open-index/open-npm huggingface dataset:
npm package: @stockseyes/market-pulse-node
Description: > checkout [sample code](https://github.com/stockseyes/code-samples/blob/main/node/pulse.ts)
Author: Tushar Singhal
Latest version: 1.7.0

# Market Pulse node User Guide

> checkout [sample code](https://github.com/stockseyes/code-samples/blob/main/node/pulse.ts)

## Commands

To install, use:

```bash
npm install @stockseyes/market-pulse-node
```
or 

```bash
yarn add @stockseyes/market-pulse-node
```
npm package: @stockvio/eslint-config
Description: ESLint config using Stockvio's coding standards
Author: @stockvio
Latest version: 3.1.2

# @stockvio/eslint-config

Prettier & Typescript ready config for ESLint, along with a few rules to match
Stockvio's coding standards and style.

## Usage
*Be sure to have [eslint](https://github.com/eslint/eslint), [typescript](https://github.com/microsoft/TypeScript) and [prettier](https://github.com/prettier/prettier) installed first*
<br/>

Install the config:
```bash
$ yarn add -D @stockvio/eslint-config
# or
$ npm intall --save-dev @stockvio/eslint-config
```

Then, add @stockvio to the `extends` array in your `.eslintrc.*` file. Make sure to put it **last,** so it gets the chance to override other configs.

```json
{
  "extends": [
    "some-other-config-you-use",
    "@stockvio"
  ]
}
```

## React
If using with ReactJS, you will need to install the React plugin as well:
```bash
$ yarn add -D eslint-plugin-react
```
Last, you will need to make a few additions your eslint config. It should look like this:
```json5
{
  "extends": ["@stockvio"],
  "env": {
    "browser": true
  },
  "plugins": ["react"]
}
```
npm package: @stoe/action-permissions-cli
Description: CLI to grab GitHub Action `permissions`
Author: Stefan Stölzle
Latest version: 2.0.3

# action-permissions-cli

[![test](https://github.com/stoe/action-permissions-cli/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/action-permissions-cli/actions/workflows/test.yml) [![codeql](https://github.com/stoe/action-permissions-cli/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/action-permissions-cli/actions/workflows/codeql.yml) [![publish](https://github.com/stoe/action-permissions-cli/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/action-permissions-cli/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

> CLI to grab GitHub action `permissions` for actions using `GITHUB_TOKEN`.
>
> Useful if you want to get started with [Control permissions for `GITHUB_TOKEN`](https://github.blog/changelog/2021-04-20-github-actions-control-permissions-for-github_token/) but don't know where that token is used across your enterprise/organisation/user repositories.

## Usage

```sh
$ npx @stoe/action-permissions-cli [--options]
```

## Required options (one of)

- `--enterprise`, `-e` GitHub Enterprise Cloud account slug (e.g. `enterprise`)
- `--owner`, `-o` GitHub organization/user login (e.g. `owner`)
  If --owner is a user, results for the authenticated user (--token) will be returned
- `--repository`, `-r` GitHub repository name with owner (e.g. `owner/repo`)

## Additional options

- `--csv` Path to CSV file for the output (e.g. `/path/to/action-permissions.csv`)
- `--md` Path to markdown file for the output (e.g. `/path/to/action-permissions.md`)
- `--token`, `-t` GitHub Personal Access Token (PAT) (default `GITHUB_TOKEN`)
- `--help`, `-h` Print action-permissions-cli help
- `--version`, `-v` Print action-permissions-cli version

## Examples

```sh
# Output GitHub Actions `permissions` for all repositories under a GitHub Enterprise Cloud account to stdout
$ npx @stoe/action-permissions-cli -e my-enterprise

# Output GitHub Actions `permissions` for all organization repositories to stdout
$ npx @stoe/action-permissions-cli -o my-org

# Output GitHub Actions `permissions` for all user repositories to stdout
$ npx @stoe/action-permissions-cli -o stoe

# Output GitHub Actions `permissions` for the stoe/action-permissions-cli repository to stdout
$ npx @stoe/action-permissions-cli -r stoe/action-permissions-cli

# Output GitHub Actions `permissions` for all organization repositories to /path/to/action-permissions.csv
$ npx @stoe/action-permissions-cli -o my-org --csv /path/to/action-permissions.csv

# Output GitHub Actions `permissions` for all organization repositories to /path/to/action-permissions.md
$ npx @stoe/action-permissions-cli -o my-org --md /path/to/action-permissions.md
```

## License

[MIT](./license) © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/action-reporting-parse-cli
Description: CLI to parse https://github.com/stoe/action-reporting-cli reports
Author: Stefan Stölzle
Latest version: 0.1.2

# action-reporting-parse-cli

[![Test](https://github.com/stoe/action-reporting-parse-cli/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/action-reporting-parse-cli/actions/workflows/test.yml) [![CodeQL](https://github.com/stoe/action-reporting-parse-cli/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/stoe/action-reporting-parse-cli/actions/workflows/github-code-scanning/codeql) [![Publish](https://github.com/stoe/action-reporting-parse-cli/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/action-reporting-parse-cli/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

> CLI to parse https://github.com/stoe/action-reporting-cli reports

## Usage example

```sh
$ npx @stoe/action-reporting-parse-cli [--options]
```

> **Note**
> Report CSV file will be saved in `current_directory/uses.csv`.

## Required options

- `--config`, `-c` Path to config.yml file.
- `--data`, `-d` Path to data directory to lookup `*actions.json` files.

## Additional options

- `--open`, `-o` Open the generated CSV file.

## Helper options

- `--help`, `-h` Print action-reporting-parse-cli help.
- `--version`, `-v` Print action-reporting-parse-cli version.

## Examples

```sh
# Run action-reporting-parse-cli with default options
$ npx @stoe/action-reporting-parse-cli \
  --config ./config.yml \
  --data ./data
```

```sh
# Run action-reporting-parse-cli with default options
# and open the generated CSV file
$ npx @stoe/action-reporting-parse-cli \
  --config ./config.yml \
  --data ./data \
  --open
```

## License

[MIT](./license) © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/action-uses-cli
Description: CLI to grab GitHub action `uses` strings
Author: Stefan Stölzle
Latest version: 2.5.1

# action-uses-cli

[![test](https://github.com/stoe/action-uses-cli/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/action-uses-cli/actions/workflows/test.yml) [![codeql](https://github.com/stoe/action-uses-cli/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/action-uses-cli/actions/workflows/codeql.yml) [![publish](https://github.com/stoe/action-uses-cli/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/action-uses-cli/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

> CLI to grab GitHub action `uses` strings

## Usage

```sh
$ npx @stoe/action-uses-cli [--options]
```

## Required options (one of)

- `--enterprise`, `-e` GitHub Enterprise Cloud account slug (e.g. `enterprise`)
- `--owner`, `-o` GitHub organization/user login (e.g. `owner`)
  If --owner is a user, results for the authenticated user (--token) will be returned
- `--repository`, `-r` GitHub repository name with owner (e.g. `owner/repo`)

## Additional options

- `--exclude` Exclude actions created by GitHub, i.e. actions from https://github.com/actions and https://github.com/github organizations
- `--unique` List unique GitHub Actions only
- `--csv` Path to CSV file for the output (e.g. `/path/to/action-uses.csv`)
- `--md` Path to markdown file for the output (e.g. `/path/to/action-uses.md`)
- `--token`, `-t` GitHub Personal Access Token (PAT) (default `GITHUB_TOKEN`)
- `--help`, `-h` Print action-uses-cli help
- `--version`, `-v` Print action-uses-cli version

## Examples

```sh
# Output GitHub Actions `uses` for all repositories under a GitHub Enterprise Cloud account to stdout
$ action-uses-cli -e my-enterprise

# Output GitHub Actions `uses` for all organization repositories to stdout
$ action-uses-cli -o my-org

# Output GitHub Actions `uses` for all user repositories to stdout
$ action-uses-cli -o stoe

# Output GitHub Actions `uses` for the stoe/action-uses-cli repository to stdout
$ action-uses-cli -r stoe/action-uses-cli

# Output GitHub Actions `uses` for all organization repositories to /path/to/action-uses.csv
$ action-uses-cli -o my-org --csv /path/to/action-uses.csv

# Output GitHub Actions `uses` for all organization repositories to /path/to/action-uses.md
$ action-uses-cli -o my-org --md /path/to/action-uses.md
```

## License

[MIT](./license) © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/alfred-github-helper
Description: Alfred GitHub
Author: Stefan Stölzle
Latest version: 1.5.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# `@stoe/alfred-github-helper`

[![test](https://github.com/stoe/alfred-github-helper/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/alfred-github-helper/actions/workflows/test.yml) [![codeql](https://github.com/stoe/alfred-github-helper/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/alfred-github-helper/actions/workflows/codeql.yml) [![publish](https://github.com/stoe/alfred-github-helper/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/alfred-github-helper/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

> Alfred GitHub Helper

## Requirements

- Node 20 or later
- npm 10 or later

## Installation

```sh
$ npm install -g @stoe/alfred-github-helper
```

## Usage

### Preparation

1. In Alfred, type `g token <YOUR_PERSONAL_ACCESS_TOKEN>` to store a GitHub personal access token with the scopes `read:user`, `read:org`, and `user:email`.
2. Still in Alfred, type `g orgteam <org>/<team>` to set the organisation and team slug used for lookups.
3. Use the keyword `g` for bookmarks and search, and `@` to browse teams and members. A hotkey is included in the workflow; adjust it in Alfred if you prefer a different binding.

![no GitHub token](.github/assets/no-token.png)
![no org nor team](.github/assets/no-org-team.png)

### Bookmarks

![bookmarks example](.github/assets/bookmarks.png)

Store bookmarks in `~/.alfred-github-helper-bookmarks.json` using the following shape. If the file is missing, the workflow loads a default entry that links back to this repository.

```json
[
  {
    "uid": "alfred-github-helper",
    "title": "alfred-github-helper",
    "cmds": ["alfred-github-helper"],
    "url": "https://github.com/stoe/alfred-github-helper"
  }
]
```

### Teams and members

![teams and members example](.github/assets/teams-members.png)
![member quicklook example](.github/assets/quicklook.png)

Results are cached for 24 hours. Hold `⌘ Command` on a result to open the related GitHub URL.

### Troubleshooting

- **"GitHub token not found"**: set a personal access token with `g token <token>`.
- **"Couldn't find your organisation or team"**: set both values with `g orgteam <org>/<team>`.

## License

- [MIT](./license) © [Stefan Stölzle](https://github.com/stoe)
- [Code of Conduct](./.github/code_of_conduct.md)
npm package: @stoe/octoherd-dependabot-config
Description: > description
Author: Stefan Stölzle
Latest version: 1.3.0
Deprecated: no longer maintained

# octoherd-dependabot-config

> description

[![ci](https://github.com/stoe/octoherd-dependabot-config/workflows/ci/badge.svg)](https://github.com/stoe/octoherd-dependabot-config/actions/workflows/ci.yml) [![publish](https://github.com/stoe/octoherd-dependabot-config/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/octoherd-dependabot-config/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

## Usage

```sh
npx @stoe/octoherd-dependabot-config \
  --octoherd-token "0123456789012345678901234567890123456789" \
  --octoherd-repos "stoe/*"
```

## Options

| option | type | description |
| ------ | ---- | ----------- |

## Contributing

See [CONTRIBUTING.md](https://github.com/stoe/.github/blob/main/.github/CONTRIBUTING.md)

## About Octoherd

[@octoherd](https://github.com/octoherd/) is project to help you keep your GitHub repositories in line.

## License

[MIT](license)
npm package: @stoe/octoherd-script-replace-node-ci
Description: [![Test](https://github.com/stoe/octoherd-script-replace-node-ci/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/octoherd-script-replace-node-ci/actions/workflows/test.yml) [![CodeQL](https://github.com/stoe/octoherd-script-replace-node-ci/
Author: Stefan Stölzle
Latest version: 1.1.1
Deprecated: no longer maintained

# octoherd-script-replace-node-ci

[![Test](https://github.com/stoe/octoherd-script-replace-node-ci/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/octoherd-script-replace-node-ci/actions/workflows/test.yml) [![CodeQL](https://github.com/stoe/octoherd-script-replace-node-ci/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/octoherd-script-replace-node-ci/actions/workflows/codeql.yml) [![Code Style Prettier](https://img.shields.io/badge/Code%20Style-Prettier-ff69b4.svg)](https://github.com/prettier/prettier)

> Inherit GitHub Action workflows in my `language:JavaScript` repositories from https://github.com/stoe/policies
>
> This is an opinionated, personal project
> ⚠️ USE AT YOUR OWN RISK ⚠️

## Usage

```sh
gh repo clone stoe/octoherd-script-replace-node-ci

cd octoherd-script-replace-node-ci

npm install

node cli.js
```

## Options

| option      | type    | description                                       |
| ----------- | ------- | ------------------------------------------------- |
| `--dry-run` | boolean | Show what would be done (default: `false`)        |
| `--verbose` | boolean | Show additional (debug) output (default: `false`) |

For all other options, please see https://github.com/octoherd/cli#usage

## Contributing

See [CONTRIBUTING.md](https://github.com/stoe/.github/blob/main/.github/CONTRIBUTING.md)

## About Octoherd

> [@octoherd](https://github.com/octoherd/)
> Manage multiple repository updates all at once.

## License

[MIT](license)
npm package: @stoe/octoherd-script-repo-settings
Description: octoherd-script: Apply my default settings
Author: Stefan Stölzle
Latest version: 1.0.2
Deprecated: no longer maintained

# octoherd-script-repo-settings

> Apply my default settings

[![test](https://github.com/stoe/octoherd-repo-settings/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/octoherd-repo-settings/actions/workflows/test.yml) [![codeql](https://github.com/stoe/octoherd-repo-settings/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/octoherd-repo-settings/actions/workflows/codeql.yml) [![publish](https://github.com/stoe/octoherd-repo-settings/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/octoherd-repo-settings/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

## Usage

```js
npx @stoe/octoherd-script-repo-settings \
  -R "stoe/*" \
  -T 0123456789012345678901234567890123456789
```

## Options

/n/a

## Contributing

See [CONTRIBUTING.md](https://github.com/stoe/.github/blob/main/.github/CONTRIBUTING.md)

## About Octoherd

[@octoherd](https://github.com/octoherd/) is a project to help you keep your GitHub repositories in line.

## License

[MIT](license)
npm package: @stoe/octoherd-script-security-analysis
Description: octoherd-script: Enable security and analysis features
Author: Stefan Stölzle
Latest version: 1.0.0
Deprecated: no longer maintained

# octoherd-script-security-analysis

> Enable security and analysis features

[![test](https://github.com/stoe/octoherd-script-security-analysis/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/octoherd-script-security-analysis/actions/workflows/test.yml) [![codeql](https://github.com/stoe/octoherd-script-security-analysis/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/octoherd-script-security-analysis/actions/workflows/codeql.yml) [![publish](https://github.com/stoe/octoherd-script-security-analysis/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/octoherd-script-security-analysis/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

## Usage

```js
npx @stoe/octoherd-script-security-analysis \
  -R "stoe/*" \
  -T 0123456789012345678901234567890123456789
```

## Options

| option     | type    | default | description                                                                        |
| ---------- | ------- | ------- | ---------------------------------------------------------------------------------- |
| `--alerts` | boolean | `false` | enable Dependabot alerts                                                           |
| `--fixes`  | string  | `false` | enable Dependabot security updates, will also enable Dependabot alerts when `true` |

One of `--alerts` or `--fixes` is required.

## Contributing

See [CONTRIBUTING.md](https://github.com/stoe/.github/blob/main/.github/CONTRIBUTING.md)

## About Octoherd

[@octoherd](https://github.com/octoherd/) is a project to help you keep your GitHub repositories in line.

## License

[MIT](license)
npm package: @stoe/octoherd-script-sync-labels
Description: > Sync labels accross repositories
Author: Stefan Stölzle
Latest version: 1.2.0
Deprecated: no longer maintained

# octoherd-script-sync-labels

> Sync labels accross repositories

[![test](https://github.com/stoe/octoherd-script-sync-labels/actions/workflows/test.yml/badge.svg)](https://github.com/stoe/octoherd-script-sync-labels/actions/workflows/test.yml) [![codeql](https://github.com/stoe/octoherd-script-sync-labels/actions/workflows/codeql.yml/badge.svg)](https://github.com/stoe/octoherd-script-sync-labels/actions/workflows/codeql.yml) [![publish](https://github.com/stoe/octoherd-script-sync-labels/actions/workflows/publish.yml/badge.svg)](https://github.com/stoe/octoherd-script-sync-labels/actions/workflows/publish.yml) [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

## Usage

```sh
npx @stoe/octoherd-script-sync-labels \
  --template "stoe/octoherd-script-sync-labels"
```

Pass all options as CLI flags to avoid user prompts

```sh
$ npx @stoe/octoherd-script-sync-labels \
  --template "stoe/octoherd-script-sync-labels"
  --octoherd-token ghp_0123456789abcdefghjklmnopqrstuvwxyzA \
  --octoherd-repos "stoe/*"
```

## Options

| option       | type    | description                                       |
| ------------ | ------- | ------------------------------------------------- |
| `--defaults` | boolean | use [default labels](./labels.js)                 |
| `--path`     | string  | path to your labels.json ([example](labels.json)) |
| `--template` | string  | repository to sync labels from                    |

## Contributing

See [CONTRIBUTING.md](https://github.com/stoe/.github/blob/HEAD/.github/CONTRIBUTING.md)

## About Octoherd

[@octoherd](https://github.com/octoherd/) is project to help you keep your GitHub repositories in line.

## License

[MIT](license)
npm package: @stoe/uebersicht-github-contibutions
Description: A GitHub contibutions widget for http://tracesof.net/uebersicht
Author: Stefan Stölzle
Latest version: 6.1.2

# uebersicht-github-contibutions

> GitHub contribution graph widget for http://tracesof.net/uebersicht

## License

MIT © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/uebersicht-nowplaying
Description: A 'now playing' on Spotify/Music app widget for http://tracesof.net/uebersicht
Author: Stefan Stölzle
Latest version: 6.1.2

# uebersicht-nowplaying

> A "now playing" on Spotify/Music app widget for http://tracesof.net/uebersicht

## License

MIT © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/uebersicht-simpleclock
Description: A simple clock widget for http://tracesof.net/uebersicht
Author: Stefan Stölzle
Latest version: 6.1.2

# uebersicht-simpleclock

> A simple clock widget for http://tracesof.net/uebersicht

## License

MIT © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/uebersicht-vartastorage
Description: A Varta Storage widget for http://tracesof.net/uebersicht
Author: Stefan Stölzle
Latest version: 5.4.0

# uebersicht-varta-storage

> A [Varta Storage](https://www.varta-ag.com/storage) widget for http://tracesof.net/uebersicht

## License

MIT © [Stefan Stölzle](https://github.com/stoe)
npm package: @stoe/uebersicht-worldclock
Description: A worldclock widget for http://tracesof.net/uebersicht
Author: Stefan Stölzle
Latest version: 6.1.2

# uebersicht-worldclock

> A worldclock widget for http://tracesof.net/uebersicht

## License

MIT © [Stefan Stölzle](https://github.com/stoe)
npm package: @stofe/sui-collect-select
Description: --- title: 使用文档 --- # 并列选择器 sui-collect-select
Latest version: 0.1.1

---
title: 使用文档
---
# 并列选择器 sui-collect-select

## 使用场景
一般用于选择多个维度信息，需要提升页面利用率时

## 组件使用方式

$ snpm install @stofe/sui-collect-select --save

```
import CollectSelect from '@stofe/sui-collect-select'
```
## 组件库使用方式
$ snpm install @stofe/sui --save
```
import { CollectSelect } from '@stofe/sui'
```

## API

参数 | 说明 | 类型 | 默认值
---|---|---|---
config | config是需要传入的需要展示的各项指标以及指标数据源的集合，必传 | array | -
onChange | 内容选中后的回调函数，(value) => {}, value为内部各项的值 | function | ()=>{}


## 参数说明

**config** 

config是一个数组，里面的每一项代表集成到该组件中的tab项，
其中每一项包括：

### title

```
config = [
    { 
        title: { label: 'test', value: '0' }
    }
];
```
label是tab的标题，value是tab的key;
### dataSource
```
config = [
    { 
        title: { label: 'test', value: '0' },
        dataSource: [
                        { label: 'listItem', value: '0' }
                    ]
    }
];
```
dataSource代表每个tab页签下的数据源

### mode
```
config = [
    { 
        title: { label: 'test', value: '0' },
        dataSource: [
                        { label: 'listItem', value: '0' }
                    ],
        mode: 'multiple'
    }
];
```
mode 代表当前页签是多选模式还是单选模式，可选值single和mutiple

### value
value 代表当前页签下选中的值，用于数据回显
```
config = [
    { 
        title: { label: 'test', value: '0' },
        dataSource: [
                        { label: 'listItem', value: '0' }
                    ],
        mode: 'multiple'，
        value: '0'
    }
];
```
npm package: @stofe/sui-navigation
Description: --- title: 使用文档 ---
Author: Cone - Cainiao Inc,Alibaba group.
Latest version: 0.1.2

---
title: 使用文档
---

# sui-navigation
一般用于站点左侧弹出导航, 可以通过单独安装组件或者组件库两种方式使用

## 组件使用方式
$ snpm install @stofe/sui-navigation --save
````jsx
import Navigation from '@stofe/sui-navigation'
````


## 组件库使用方式
`$ snpm install @stofe/sui  --save`

````jsx
import { Navigation } from '@stofe/sui'
````

## API

| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------|------|------|------|------|
| dataSource | 菜单内容 | array | true | - |
| activeKey | 当前选中的节点的key，默认非受控 | string | false | - |
| footer | 导航栏底部，用于自定义底部内容 | node | false | noop |
| hasDing | 是否有固定锚点 | bool | false | false |
| dingMap | 固定锚点配置 | object | false | {} |
| onDing | 固定锚点点击事件 | func | false | noop |
| onItemClick | 菜单选中的方法 | func | func | noop |
| onClose | 导航关闭 | func | func | noop |
| iconRender | icon函数，默认使用<Icon type={name} />，业务可以自定义函数 | func | func | noop |


## 示例

```
import { Drawer } from 'next'
import Navigation from '@stofe/sui-navigation'
const dataSource = [
  {
    "title": "财务中心",
    "url": "/page/fin-center",
    "icon": "caiwuzhongxin",
    "children": [
      {
        "title": "报价管理",
        "url": "/page/fin-center/quote",
        "id": "133",
        "disabled": false,
        "index": 10
        "children": [
          {
            "title": "报价资料",
            "url": "/page/fin-center/quote/quote-info/list",
            "id": "134",
            "disabled": false,
            "index": 30
          }
        ],
      }]
    ]
  }
]


class Demo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      visible: false
    };
  }

  onNavOpen = () => {
    this.setState({ visible: true });
  }

  onNavClose = () => {
    this.setState({ visible: false });
  }

  render() {
    const { visible } = this.state;
    return (
      <div className="demo-container" data-title="DEMO">
        <header>
          <Icon type="toggle-right" size="large" onClick={this.onNavOpen} />
        </header>
        <Drawer
          visible={visible}
          width={440}
          placement="left"
          onClose={this.onNavClose}
          className="demo-drawer"
          bodyStyle={{
            padding: 0,
            height: '100%',
            border: 'none'
          }}
        >
          <Navigation
            dataSource={dataSource}
          />
        </Drawer>
      </div>
    );
  }
}
```

## LICENSE
npm package: @stoiq/web-core
Description: Astro components, layouts, and utilities for STOiQ-powered marketing websites
Author: STOiQ
Latest version: 0.1.1

# stoiq-web

Frontend framework for the STOiQ Platform. Astro + Tailwind, deployed to Cloudflare Pages.

---

## New here? Start here.

**[Click here to read the full setup guide](dev/docs/setup.md)** — it walks you through everything from installing tools to running your first command. Follow every step in order.