open-index/open-npm huggingface dataset:
npm package: @jxfe-ui/bussines_component
Description: @jxfe-ui/bussines_component
Latest version: 1.0.3

# @jxfe-ui/bussines_component

## Install

Using npm:

```bash
$ npm install --save  @jxfe-ui/bussines_component
```

or using yarn:

```bash
$ yarn add @jxfe-ui/bussines_component
```
npm package: @jxfe-ui/layout
Description: @jxfe-ui/layout
Latest version: 0.0.8

# @ant-design/pro-layout

![](https://gw.alipayobjects.com/zos/antfincdn/HSeAGqaEwn/1586504755352-479bf47d-97a6-4080-afed-d38ffe905e57.png)

ProLayout provides a standard, yet flexible, middle and backend layout, with one-click layout switching and automatic menu generation. It can be used with PageContainer to automatically generate breadcrumbs, page headers, and provide a low-cost solution to access the footer toolbar.

## When to use

ProLayout can be used to reduce layout costs when content needs to be carried on a page.

### Use with umi plugins

ProLayout works best with umi. umi automatically injects the routes from config.ts into the configured layout for us, so we don't have to write the menus by hand.

ProLayout extends umi's router configuration, adding name, icon, locale, hideInMenu, hideChildrenInMenu and other configurations, so that it is easier to generate menus in one place. The data format is as follows.

```ts | pure
export interface MenuDataItem {
  /** @name submenu */
  children?: MenuDataItem[];
  /** @name Hide child nodes in the menu */
  hideChildrenInMenu?: boolean;
  /** @name hideSelf and children in menu */
  hideInMenu?: boolean;
  /** @name Icon of the menu */
  icon?: React.ReactNode;
  /** @name Internationalization key for custom menus */
  locale?: string | false;
  /** @name The name of the menu */
  name?: string;
  /** @name is used to calibrate the selected value, default is path */
  key?: string;
  /** @name disable menu option */
  disabled?: boolean;
  /** @name path */
  path?: string;
  /**
   * When this node is selected, the node of parentKeys is also selected
   *
   * @name custom parent node
   */
  parentKeys?: string[];
  /** @name hides itself and elevates child nodes to its level */
  flatMenu?: boolean;

  [key: string]: any;
}
```

ProLayout will automatically select the menu based on `location.pathname` and automatically generate the corresponding breadcrumbs. If you don't want to use it, you can configure `selectedKeys` and `openKeys` yourself for controlled configuration.

## Install

Using npm:

```bash
$ npm install --save  @jxfe-ui/layout
```

or using yarn:

```bash
$ yarn add @jxfe-ui/layout
```
npm package: @jxfe-ui/pro-provider
Description: @jxfe-ui/pro-provider
Latest version: 1.0.1

# @ant-design/pro-provider

> @ant-design/pro-provider.

See our website [@ant-design/pro-provider](https://procomponent.ant.design/) for more information.

## Install

Using npm:

```bash
$ npm install --save  @ant-design/pro-provider
```

or using yarn:

```bash
$ yarn add @ant-design/pro-provider
```
npm package: @jxl/egg-elastic-search
Description: elastic-search 插件是为 egg 提供 elasticsearch 数据库访问的功能
Author: jxl
Latest version: 1.0.1

# egg-elastic-search

elastic-search 插件是为 egg 提供 elasticsearch 数据库访问的功能

此插件基于 [elasticsearch-js](https://github.com/elastic/elasticsearch-js) 实现一个简单的配置封装，具体使用方法你还需要阅读[elasticsearch-js](https://github.com/elastic/elasticsearch-js)的文档。

## 安装

```bash
$ npm i @jxl/egg-elastic-search --save
```

## 配置

通过 `config/plugin.js` 配置启动 MySQL 插件:

```js
exports.elastic = {
  enable: true,
  package: '@jxl/egg-elastic-search'
}
```

在 `config/config.${env}.js` 配置各个环境的数据库连接信息：

### 单库

```js
config.elastic = {
    client: [
      {
        host: 'myelastcisearch.com',
        auth: 'elastic_user:elastic_password',
        protocol: 'http',
        port: 9201
      }
    ]
  }
```

使用方式：

```js
app.elastic.index({
  index: 'test',
  // ......
})
```

### 集群

```js
config.elastic = {
    client: [
      {
        host: 'myelastcisearch.com1',
        auth: 'elastic_user:elastic_password',
        protocol: 'http',
        port: 9200
      },
      {
        host: 'myelastcisearch.com2',
        auth: 'elastic_user:elastic_password',
        protocol: 'http',
        port: 9200
      },
      {
        host: 'myelastcisearch.com3',
        auth: 'elastic_user:elastic_password',
        protocol: 'http',
        port: 9200
      }
    ]
  }
```

[MIT](LICENSE)


[ali-rds]: https://github.com/ali-sdk/ali-rds
npm package: @jxlc-randal/aviana-front-uikit
Description: Aviana 前端UI套件，基于Element UI二次开发
Author: Randal
Latest version: 0.1.3

# aviana-front-uikit

Aviana前端UI组件，基于Element UI的二次封装

** 发布 NPM 包到 Github Packages **
1. 在Github申请一个 TOKEN, 用来发布和获取npm包
2. 在本项目的根目录添加 .npmrc 文件，并添加如下配置
registry=https://npm.pkg.github.com/aviana-front-uikit
//npm.pkg.github.com/:_authToken=TOKEN
3. 在 package.json 中更新版本号, npm run build:lib 打包库文件
4. npm publish 发布包到Github

** 其他工程获取 NPM 包 **
1. 在 package.json 添加依赖 @ucloudcastle/aviana-front-uikit": "^x.x.x"
2. 拷贝本项目下的 .npmrc 文件
3. npm install

** 发布 NPM 包到 npmjs **
1. 到 https://www.npmjs.com/ 注册账户
2. 申请 Token, 用来发布和获取npm包
npm publish --registry http://registry.npmjs.org
npm package: @jxlust/jxltools
Description: 我是jxlust的前端工具包
Author: jxlust
Latest version: 1.0.25

# jxltools

jxlust 前端工具库

全局对象 JxlPTools

## esm use

```js
import { canvasMeetingInviteImage ,...} from '@jxlust/jxltools'
```

## umd use

script 引入 js 文件

```js
let options = {
  userName: 'x小李', //必填
  inviteTips: '邀请你一起开会', //不填为默认
  title: '收到发放三，打发撒是', //必填
  timeLabel: '时间', //不填为默认
  timeDate: '9月22日(星期四)', //必填
  timeRange: '10:00-12:00', //必填
  addressLabel: '地点', //不填为默认
  meetingRoom: '总部-创智天地大厦30楼1号会议室', //必填
  scanTips: '手机扫描二维码入会', //不填为默认
  fromTips: '来自丰声会议邀请', //不填为默认
  avatarUrl: 'http://127.0.0.1:5500/assets/img/avatar.png', //必填,头像url
  qrCodeUrl: 'http://127.0.0.1:5500/assets/img/qr-code.png', //必填,二维码url
  bgImgUrl: 'http://127.0.0.1:5500/assets/img/post-bg.png' //必填背景图片url
}
window.JxlPTools.canvasMeetingInviteImage(options).then((data) => {
  let imgDom = document.getElementById('my-img')
  imgDom.src = data
})
```
npm package: @jxnblk/bikeshed
Description: What color should we paint this thing?
Author: Brent Jackson
Latest version: 1.0.0-beta.1


# Bikeshed

What color should we paint this thing?

## Features

- Endless debate over the color of something that doesn’t really matter
- Safely ignore the reactor core design, because who even knows
- Potential for last minute poop-and-swoop from key stakeholders
- Designed by committee, because everyone knows what they’re doing
- Frequent updates and unnecessary changes

## Getting Started

```js
npm install @jxnblk/bikeshed
```

```js
const bikeshed = require('@jxnblk/bikeshed')

const color = bikeshed()
// returns a random hex color string
```

MIT License
npm package: @jxnblk/fetch-component
Description: React component for fetching data declaratively
Author: Brent Jackson
Latest version: 1.0.0-b1


# Fetch Component

React component for fetching data declaratively

```js
<Fetch url='/users'>
  {({ isFetching, data, error }) => (
    isFetching
    ? <div>Fetching data...</div>
    : error
    ? <div>Error: {error}</div>
    : (
      <div>
        <pre>{JSON.stringify(data, null, 2)}</pre>
      </div>
    )
  )}
</Fetch>
```
npm package: @jxnblk/gatsby-theme-mdx-blog
Description: Hyperminimal Gatsby theme for building blogs with MDX
Author: Brent Jackson
Latest version: 0.1.1


# @jxnblk/gatsby-theme-mdx-blog

**WIP**
Hyperminimal Gatsby theme for building blogs with MDX

Used in https://jxnblk.com/blog

```sh
npm i @jxnblk/gatsby-theme-mdx-blog
```

## Features

- [MDX][]
- [Theme UI][]
- [Color modes][]

[mdx]: https://mdxjs.com
[theme ui]: https://theme-ui.com
[color modes]: https://theme-ui.com/color-modes

## Theming

The blog can be completely themed using Theme UI.

TK

## Options

The following options can be passed to the theme in your site's `gatsby-config.js` file.

```js
// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: '@jxnblk/gatsby-theme-mdx-blog',
      options: {
        name: 'writing',
        path: 'src/content',
        pageSize: 16,
      }
    }
  ]
}
```

- `name`: path for rendered pages in your site, default `''`
- `path`: path for source folder of MDX blog posts, default `src/posts`
- `pageSize`: number of posts to display per page

:warning: if you change the `path`, make sure you have content already since gatsby relies on having content to generate the frontmatter properly.

MIT License
npm package: @jxnblk/simple-icons
Description: SVG icons for popular brands
Author: Dan Leech
Latest version: 1.0.0

# Simple Icons

## Want to contribute?

1. Find an official source vector image.
2. Use your SVG editor of choice to produce a monochrome icon (with a view to keeping the file size as small as possible).
   - See [CSS Tricks](https://css-tricks.com/understanding-and-manually-improving-svg-optimization/)’s great article on manual SVG optimisation.
   - Please centre icons in a 16&times;16 pixel viewbox, for consistency.
3. Optimise the SVG using [SVGO](https://github.com/svg/svgo) and add it to the `/icons` directory.
4. Add an entry to `/src/simple-icons.json` with:
   - The icon title
   - The HEX colour value
   - The URL of the source vector image (or the page it’s available at)
npm package: @jxnblk/usecss
Description: React hooks for CSS-in-JS
Author: Brent Jackson
Latest version: 1.0.0-0


# use-css

**EXPERIMENTAL: DO NOT USE IN PRODUCTION**

React hooks for CSS-in-JS

**Requires React 16.7+**


```sh
npm i @jxnblk/use-css
```

```jsx
import { CSSProvider, useCSS } from '@jxnblk/use-css'

const Box = props => {
  const className = useCSS({
    padding: '32px',
    backgroundColor: '#f6f6ff',
  })

  return (
    <div
      {...props}
      className={className}
    />
  )
}

export default props =>
  <CSSProvider>
    <Box>Styled Box</Box>
  </CSSProvider>
```

MIT License
npm package: @jxpeng98/vitepress-outline-plus
Description: Enhanced outline components for VitePress supporting mixed Markdown/HTML headings across breakpoints.
Author: Jiaxin Peng
Latest version: 1.0.1

# vitepress-outline-plus

Custom outline composable and components for VitePress that gather both Markdown and raw HTML headings, keep the active marker in sync on desktop/mobile, and share a consistent visual style.

## Local development

```bash
# keep a local type-checker running
pnpm --filter vitepress-outline-plus dev

# compile runtime JS + d.ts output into dist/
pnpm --filter vitepress-outline-plus build
```

## Usage

```ts
// .vitepress/config.ts
import { defineConfig } from 'vitepress'
import { outlinePlus } from 'vitepress-outline-plus'

export default defineConfig({
  vite: {
    plugins: [outlinePlus()]
  }
})
```

## Exports

- `outlinePlus` from the package root
- `OutlinePlusPluginOptions` types from the package root
- `OutlineItem` types from `vitepress-outline-plus/useOutline`
- `useOutline`, `useActiveAnchor` from `vitepress-outline-plus/useOutline`
- Vue SFCs from their explicit entry points:
  - `vitepress-outline-plus/CustomAsideOutline.vue`
  - `vitepress-outline-plus/CustomOutlineItem.vue`
  - `vitepress-outline-plus/CustomLocalNavOutlineDropdown.vue`

## Publishing

1. Make sure dependencies are installed (`pnpm install`).
2. Run `pnpm --filter vitepress-outline-plus build` to refresh the `dist/` folder.
3. Inspect `dist/` to confirm the generated `.js`, `.d.ts`, and copied `.vue` files look correct.
4. Publish from the package directory with your preferred client, for example:
   ```bash
   cd packages/outline-plus
   npm publish --access public
   ```
   (Use `pnpm publish --filter vitepress-outline-plus` if you prefer pnpm’s workflow.)

The published tarball only exposes the compiled `dist/` artefacts, so consumers never touch the TypeScript sources inside your monorepo.
npm package: @jxpeng98/vitepress-published-pages
Description: VitePress config enhancer for frontmatter-driven published-page whitelists.
Author: Jiaxin Peng
Latest version: 4.0.0

# @jxpeng98/vitepress-published-pages

Frontmatter-driven published-page whitelist for VitePress.

## What It Does

- Reads a frontmatter field such as `published: true`
- Excludes unpublished pages from `srcExclude` during build
- Filters `nav` and `sidebar` links that point at unpublished pages
- Renders unpublished pages as 404 in `published-only` mode, even on direct URL access
- Restarts the dev server when `published` or `exclude` changes, so navigation stays in sync
- Disables sitemap output when a published-only build has no published pages

## Usage

```ts
import { withPublishedPages } from '@jxpeng98/vitepress-published-pages/plugin'
import { withSidebar } from 'vitepress-sidebar'

export default ({ command }) =>
  withPublishedPages(
    withSidebar(vitePressOptions, vitePressSidebarOptions),
    {
      command,
      scanRoots: ['en', 'zh'],
      includeTopLevelMarkdown: true,
    }
  )
```

Page frontmatter:

```md
---
title: Public page
published: true
---
```

## Options

- `command`: current VitePress command, usually `serve` or `build`
- `rootDir`: project root, defaults to `process.cwd()`
- `scanRoots`: directories to scan for markdown pages, defaults to `['.']`
- `includeTopLevelMarkdown`: whether root-level `*.md` files should be scanned
- `publishedFieldName`: frontmatter field used for whitelist, defaults to `published`
- `sidebarExcludeFieldName`: optional sidebar-only exclusion field, defaults to `exclude`
- `publishedOnlyEnvVar`: env override, defaults to `VITEPRESS_PUBLISHED_ONLY`
- `defaultPublishedOnly`: override the default `build => true`, `serve => false` behavior
- `disableSitemapWhenEmpty`: defaults to `true`
npm package: @jxscout-pro/installer
Description: > This readme is automatically generated by [create-ink-app](https://github.com/vadimdemedes/create-ink-app)
Latest version: 0.0.1-testing

# jxscout-pro-installer-2

> This readme is automatically generated by [create-ink-app](https://github.com/vadimdemedes/create-ink-app)

## Install

```bash
$ npm install --global jxscout-pro-installer-2
```

## CLI

```
$ jxscout-pro-installer-2 --help

  Usage
    $ jxscout-pro-installer-2

  Options
    --name  Your name

  Examples
    $ jxscout-pro-installer-2 --name=Jane
    Hello, Jane
```
npm package: @jxscout/pro-installer
Description: This package helps you install and update jxscout pro [https://jxscout.app/](https://jxscout.app/) on your computer.
Latest version: 0.0.2

# @jxscout/pro-installer

This package helps you install and update jxscout pro [https://jxscout.app/](https://jxscout.app/) on your computer.

It will automatically detect and install the right CLI version for your OS, install required dependencies and setup the VSCode dependency.

## Usage

Simply run and follow the instructions on the CLI

```
npx @jxscout/pro-installer@latest
```

Requirements:

- npm

![demo](./docs/demoinstaller.gif)
npm package: @jxsonzeng/codereview-skill
Description: Code review skill for Claude Code - automated code review with best practices
Author: jxson
Latest version: 1.0.6

# Code Review Skill for Claude Code

Automated code review skill for Claude Code CLI.

## Installation

### Quick Install (npx)
```bash
npx @jxsonzeng/codereview-skill
```

### Global Install
```bash
npm install -g @jxsonzeng/codereview-skill
install-codereview-skill
```

## Usage

After installation, restart Claude Code and use:

```
/codereview
```

## Features

- Security vulnerability detection
- Performance optimization suggestions
- Code quality improvements
- Best practices enforcement
- Test coverage analysis

## What it does

This package installs the codereview skill to your Claude Code skills directory (`~/.claude/skills/codereview-1.0.0`).

## Notes

If you previously published 1.0.0 or 1.0.1, upgrade to the latest version before using `npx`.

## License

MIT
npm package: @jxstjh/ant-design-vue
Description: An enterprise-class UI design language and Vue-based implementation
Latest version: 1.6.5

<p align="center">
  <a href="https://www.antdv.com/">
    <img width="200" src="https://qn.antdv.com/logo.png">
  </a>
</p>

<h1 align="center">
  <a href="https://www.antdv.com/" target="_blank">Ant Design Vue</a>
</h1>

[![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](https://www.antdv.com/)

## 安装

### 使用 npm 或 yarn 安装

```bash
$ npm install @jxstjh/ant-design-vue --save
```

```bash
$ yarn add @jxstjh/ant-design-vue
```
npm package: @jxstjh/auth-client
Description: 匹配4a认证的客户端工具包 🌼
Author: jsyang
Latest version: 0.1.5-beat26


# AuthClinet

匹配4a单点SSO的前端工具包.

## 如何使用
当你熟悉单点SSO背后的流程后,你会发现其实变通使用的方法非常自由.但是我们**强烈建议**按照本文档的使用方法
```$ npm install @jxstjh/auth-client```
### 站点统计工具类

```jvacscript
import { SiteAnalysis } from '@jxstjh/auth-client'

const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)
window.SA = new SiteAnalysis({
  siteAnalysisServer: 'https://count.jxwrd.gov.cn:30111', // 统一上报服务器
  appId: 'xxxx', // appId 人工申请
  interval: 30, // 上报日志频率 单位秒
  production: IS_PROD // 开发模式下不上报
})
// 在全局路由拦截器中 加入页面访问日志
router.afterEach(() => {
  window.SA.recordPage() // 记录页面log
  // something else...
})
// 登录成功时候 取到用户名
window.SA.setLoginName(loginName)
```
### SSO 工具类
```jvacscript
import { AuthClient } from '@jxstjh/auth-client'

const startupService = () => {
  return new Promise((resolve, reject) => {
    // doSomething else ...根据实际情况执行其它前置逻辑
    const ac = new AuthClient({
      routerMode: 'history', // 'history'||'hash' 根据实际项目路由情况选择 缺省值'hash'
      SSOServer: 'https://auth-test.jxwrd.gov.cn/',// 必填 sso认证地址 
      resourceCode: 'code', // 必填 resourceCode || 'code'
    })
    ac.on('error', (err) => {
      return reject(err)
    })
    ac.on('inited', (e) => {
      console.log(e)
      // TODO:成功拿到用户信息及token
      // 设置好vuex
      return resolve()
    })
  })
}
startupService()
  .then(()=>{
    new Vue({
     router,
     store,
     render: h => h(App)
   })
  })
  .catch((err) => {
    console.log(err)
  })
```

### 保留登录页
```jvacscript
import { AuthClient } from '@jxstjh/auth-client'

const startupService = () => {
  return new Promise((resolve, reject) => {
    const ac = window.loginData = new AuthClient({
      routerMode: 'history', // 'history'||'hash' 根据实际项目路由情况选择 缺省值'hash'
      SSOServer: 'https://auth-test.jxwrd.gov.cn/',// 必填 sso认证地址
      resourceCode: 'code', // 必填 resourceCode || 'code'
      method: 'custom', // 重要，不添加该属性会自动跳转至 4A 登录页
    })

    ac.on('inited', (e) => {
      // TODO:成功拿到用户信息及token
      // 设置好vuex
      return resolve(e)
    })
  })
}
startupService()
  .then((e) => {
      new Vue({
         router,
         store,
         beforeCreate() {
            if (e && e.umsAdmin && e.tokenInfo) {
              //this.$router.push('/index') // 跳转首页
            } else {
              //this.$router.push('/login') // 跳转登录页
            }
         },
         render: h => h(App)
      })
  })
  .catch((err) => {
    console.log(err)
  })

// 登录
window.loginData.login({
  username: '', // （必填）账号
  password: '', // （必填）密码
}).then((res) => {
  console.log(res)
})
```

## 流程说明

![oxwr3.png](https://e.im5i.com/2021/07/25/oxwr3.png)
npm package: @jxstjh/eslint-config-standard
Description: @jxstjh内部vue eslint规则
Author: jsyang
Latest version: 0.0.8

# jxstjh-eslint-config-standard

> 为 江河 内部开发量身定制的一套 eslint 规则（https://cn.eslint.org）

## 用法

#### 1、npm下载
```
npm i -D @jxstjh/eslint-config-standard
```

#### 2、在 .eslintrc 文件中添加代码

```javascript
{
  "extends": "@jxstjh/standard",
  // 你的规则（覆盖）
  "rules": {}
}
```