open-index/open-npm huggingface dataset:
npm package: @sdbnd/vue-theme-plugin
Description: A Vue 3 composable plugin for flexible theme management. Supports any number of themes, configurable storage, and reactive updates. No hard dependency on 'dark' or 'light' themes.
Author: sdbnd
Latest version: 1.0.0


# vue-theme-plugin

A Vue 3 composable plugin for flexible theme management. Supports any number of themes, configurable storage, and reactive updates. No hard dependency on 'dark' or 'light' themes.

## Features

- Supports multiple custom themes beyond just dark and light.
- Configurable storage options: localStorage, sessionStorage, custom storage, or none.
- Reactive theme state with Vue 3 Composition API.
- Automatically syncs with system color scheme preferences if available.
- Clean API to set, toggle, and track current theme.
- Applies theme classes and `data-theme` attributes to document root.

## Installation

```bash
npm install vue-theme-plugin
```

## Usage

```ts
import { useTheme } from 'vue-theme-plugin';

const { theme, setTheme, toggleTheme } = useTheme({
  available: ['red', 'blue', 'green'],
  themes: {
    red: { class: 'theme-red', dataTheme: 'red' },
    blue: { class: 'theme-blue', dataTheme: 'blue' },
    green: { class: 'theme-green', dataTheme: 'green' },
  },
  defaultTheme: 'blue',
  key: 'my-theme',
  storage: 'local', // or 'session', 'none', or custom storage
});

// Use theme.value reactively, call setTheme('red') or toggleTheme() as needed.
```

## API

### `useTheme(options)`

- `options.defaultTheme`: string — Default theme name. Defaults to first in `available` if omitted.
- `options.available`: string[] — List of theme names allowed.
- `options.themes`: Record<string, { class?: string, dataTheme: string }> — Optional theme configurations for class and `data-theme` attribute.
- `options.key`: string — Storage key, default `'theme'`.
- `options.storage`: `'local' | 'session' | 'none' | StorageLike` — Storage type or custom storage object.

Returns an object with:

- `theme`: reactive Ref of current theme name.
- `themes`: array of available theme names.
- `setTheme(name)`: function to set theme by name.
- `toggleTheme()`: function to cycle through themes in `available`.

## License

MIT License
npm package: @sdbqex/brick
Description: Vue solution for quickly building pages
Latest version: 1.2.1

#### 项目说明
http://brick.udplat.com/about-brick

开发统一从`master`拉出分支进行开发
#### npm配置
##### 切换镜像地址，建议升级至 Nodejs 8.x, npm 5.x，建议使用nrm工具管理npm源
```bash
    npm config set registry http://nexus.heisea.cn/nexus/content/groups/npm-all/

```

#### 发包流程

###### 1.修改注册仓库（已切换的可以忽略）

```bash
    npm config set registry http://nexus.heisea.cn/nexus/content/groups/npm-all/
```

###### 2.添加用户，用户名密码是OA账号
```bash
    npm adduser
    npm login
```

###### 3.发布前必须修改版本号
```bash
    <!-- 版本号说明 -->
    # major 大版本升级，不向下兼容
    # minor 增加新功能
    # patch 修订，bug 修复
    npm version [<newversion> | major | minor | patch]
```

###### 4.发包（注意：npm 包需要保持相当高的可用性、稳定性，不允许随意发包，发包前需通过单元测试、业务测试）
```bash
    npm publish
```
npm package: @sdc-monitor/browser
Description: A SDK For Monitoring Browser Errors
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/browser


## Install

```bash
# using npm
npm i @sdc-monitor/browser
# using yarn
yarn add @sdc-monitor/browser
```

### usage

```typescript
// some.js
import { init } from '@sdc-monitor/browser'

// multiple instances
const MitoInstance = init({
  // set debug true to convenient debugger in dev,set false in prod
  debug:true,
  dsn: 'https://test.com/yourInterface',
  maxBreadcrumbs: 100
})
```

more info of [@sdc-monitor/browser](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/browser)
npm package: @sdc-monitor/core
Description: @sdc-monitor/core
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/core
provider some core class、base abstract class and base options for [@sdc-monitor](https://github.com/sdc-monitor/sdc-monitor)

read the [mito-doc](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @sdc-monitor/shared
Description: @sdc-monitor/shared
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/shared

provider some common configuration,such as constants、enum for [@sdc-monitor](https://github.com/sdc-monitor/sdc-monitor)


read the [mito-doc](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @sdc-monitor/types
Description: @sdc-monitor/types
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/types

provider some common types for [@sdc-monitor](https://github.com/sdc-monitor/sdc-monitor)


read the [mito-doc](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @sdc-monitor/utils
Description: @sdc-monitor/utils
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/utils

provider some common tool funciton for [@sdc-monitor](https://github.com/sdc-monitor/sdc-monitor)


read the [mito-doc](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @sdc-monitor/vue
Description: A SDK for monitoring Vue errors
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/vue

# ⚠️ attention

**If you want to import in weixin miniprograme,please replace `@sdc-monitor/browser` to `@miotjs/wx-mini`**



# 🛠️ Install

```bash
# using npm
npm i @sdc-monitor/vue @sdc-monitor/browser
# using yarn
yarn add @sdc-monitor/vue @sdc-monitor/browser
```

read the [mito-doc](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/introduction) to konw more info


# 🥳 Usage

### Vue2.X

```typescript
// main.js
import Vue from 'vue'
import { init } from '@sdc-monitor/browser'
import { vuePlugin } from '@sdc-monitor/vue'

// multiple instances
const MitoInstance = init({
  // set debug true to convenient debugger in dev,set false in prod
  debug:true,
  vue: Vue,
  dsn: 'https://test.com/yourInterface',
  maxBreadcrumbs: 100
},[vuePlugin])

```

### Vue3.x
```typescript
// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import { init } from "@sdc-monitor/browser";
import { vuePlugin } from "@sdc-monitor/vue";

const app = createApp(App)
const MitoInstance = init({
  // set debug true to convenient debugger in dev,set false in prod
  debug:true,
  vue: app,
  dsn: 'https://test.com/yourInterface',
  maxBreadcrumbs: 100
},[vuePlugin])
```
npm package: @sdc-monitor/web
Description: A SDK For Monitoring Web(React、Vue) Errors
Author: cjinhuo
Latest version: 0.0.17

# @sdc-monitor/web
The following three packages are integrated
* [@mito/browser](https://github.com/sdc-monitor/sdc-monitor/tree/master/packages/browser)
* [@mito/react](https://github.com/sdc-monitor/sdc-monitor/tree/master/packages/react)
* [@mito/vue](https://github.com/sdc-monitor/sdc-monitor/tree/master/packages/vue)


## Install
```bash
# using npm
npm i @sdc-monitor/web
# using yarn
yarn add @sdc-monitor/web
```

read the [mito-doc](https://sdc-monitor.github.io/mito-doc/#/sdk/guide/introduction) to konw more info



## Usage
```js
import { init,MitoProvider,ErrorBoundary,vuePlugin } from '@sdc-monitor/web'
```
**go to **

* [@mito/browser usage manual](https://github.com/sdc-monitor/sdc-monitor/tree/master/packages/browser)
* [@mito/react usage manual](https://github.com/sdc-monitor/sdc-monitor/tree/master/packages/react)
* [@mito/vue usage manual](https://github.com/sdc-monitor/sdc-monitor/tree/master/packages/vue)
npm package: @sdc-software/react-big-calendar
Description: Calendar! with events
Author: Jason Quense
Latest version: 0.21.3

# react-big-calendar

An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach.

[**DEMO and Docs**](http://intljusticemission.github.io/react-big-calendar/examples/index.html)

Inspired by [Full Calendar](http://fullcalendar.io/).

## Use and Setup

`npm install react-big-calendar --save`

Include `react-big-calendar/lib/css/react-big-calendar.css` for styles, and make sure your calendar's container
element has a height, or the calendar won't be visible.

## Starters

* [react-big-calendar](https://github.com/arecvlohe/rbc-starter)
* [react-big-calendar with drag and drop](https://github.com/arecvlohe/rbc-with-dnd-starter)

## Run examples locally

```
$ git clone git@github.com:intljusticemission/react-big-calendar.git
$ cd react-big-calendar
$ npm install
$ npm run examples
```

* Open [localhost:3000/examples/index.html](http://localhost:3000/examples/index.html).

### Localization and Date Formatting

`react-big-calendar` includes two options for handling the date formatting and culture localization, depending
on your preference of DateTime libraries. You can use either the [Moment.js](http://momentjs.com/) or [Globalize.js](https://github.com/jquery/globalize) localizers.

Regardless of your choice, you **must** choose a localizer to use this library:

#### Moment.js

```js
import BigCalendar from 'react-big-calendar'
import moment from 'moment'

const localizer = BigCalendar.momentLocalizer(moment) 

const MyCalendar = props => (
  <div>
    <BigCalendar
      localizer={localizer}
      events={myEventsList}
      startAccessor="start"
      endAccessor="end"
    />
  </div>
)
```

#### Globalize.js v0.1.1

```js
import BigCalendar from 'react-big-calendar'
import globalize from 'globalize'

const localizer = BigCalendar.globalizeLocalizer(globalize) 

const MyCalendar = props => (
  <div>
    <BigCalendar
      localizer={localizer}
      events={myEventsList}
      startAccessor="start"
      endAccessor="end"
    />
  </div>
)
```

## Join us on Reactiflux Discord

Join us on [Reactiflux Discord](https://discord.gg/uJsgpkC) community under the channel #react-big-calendar if you have any questions.
npm package: @sdc991/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 4.0.1

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @sdcsd/draggable-components
Description: 可拖拽组件库，包含轮播图、公司介绍、浮动导航等多个UI组件
Latest version: 1.0.74

# 自组件官网页面组件库
` 支持多语言、 基于vue2框架和element-ui组件库的自组件官网页面组件库。使用的时候需要根据组件名引入`

**注意在本项目中使用的时候，需要删除node_modules，否则项目会有依赖冲突，在发布的时候再下回来**

## 发布组件库
- step1: 切换到drgableComponents目录并下载依赖
- step2: 更新package.json版本号
- step3: npm run build 打包组件库
- step4: npm publish 发布组件库到npm仓库

## 页头组件：headerNav
## 轮播图组件：carousel
## 公司介绍组件：companyIntroduction
## 热门产品组件：hotProducts
## 产品列表组件：productList
## 新闻资讯组件：newsInformation
## 页尾组件：footerNav
## 悬浮组件：floatNav