open-index/open-npm huggingface dataset:
npm package: @gupoui/antdv
Description: 基于 `ant-design-vue 3.x` 的一个公司内部组件库。
Author: shenmengping
Latest version: 0.2.5

# 古珀业务组件库

基于 `ant-design-vue 3.x` 的一个公司内部组件库。

## 安装

```bash
npm install @gupoui/antdv
```

## 快速开始

### 配置按需引入

```bash
npm install unplugin-vue-components @vue/runtime-core -D
```

在 `vite.config.*` 中进行配置：

```ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import Components from 'unplugin-vue-components/vite';
import { GupoAntdvResolver } from '@gupoui/antdv/lib/resolver';

export default defineConfig({
  plugins: [
    vue(),
    Components(
      /* options */
      {
        resolvers: [GupoAntdvResolver({ importStyle: 'less' })],
      }
    ),
  ],
});
```

### 使用

请注意：组件的前缀为 `gpa`

```vue
<template>
  <div class="page-wrapper">
    <GpaTime style="color: antiquewhite" :mode="'relative'" :step="1" :time="Date.now() - 30 * 1000" />
  </div>
</template>
```
npm package: @guptasiddhant/react-trigger
Description: Publish and listen to changes of Triggers. Implementation of RxJs Subject.
Author: Siddhant Gupta
Latest version: 1.0.2

# React Trigger

Publish and listen to changes of Triggers. Implementation of RxJs Subject.

Requires: React ^16.8 for hooks and RxJS.

## Trigger

Trigger instances can publish information and subscribe/listen to it anywhere else in the program.

_In TypeScript, Pass a PayloadType to let the Trigger know what to expect while observing._

### methods

- **publish**: Publish (set) new payload
- **subscribe**: Subscribe and listen to changes and execute a function.

### example

    import { Trigger } from "@guptasiddhant/trigger";

    // TypeScript
    type PayloadType = string;
    const myTrigger = new Trigger<PayloadType>();

    // JavaScript
    const myTrigger = new Trigger();

    // somewhere in code
    myTrigger.publish("text");

    // somewhere else in code
    myTrigger.useSubscribe((payload) => console.log(payload));
    ==or==
    useEffect(()=>{
        const sub = myTrigger.subscribe((payload) => console.log(payload))
        return () => sub.unsubscribe();
    }

## useTrigger

Hook to listen to changes of Triggers (multiple)

### params

- **execute**: Function to run on Trigger
- **deps**: Array of Triggers to listen to.

### example

    useTrigger((payload) => console.log(payload), [Trigger])

    === or ===

    useTrigger((payload) => console.log(payload), [Trigger1, Trigger2])
npm package: @guptat/spfx-spstencil
Description: Stencil Component Starter
Latest version: 0.0.5

# Stencil SPFx Custom Component

Component which calls anonymous API using jQuery and the SharePoint Rest API endpoint to get items from the list. (To be only used in SPFx projects for learning purpose)

## Using this component

### Script tag

- `<script src="https://unpkg.com/@guptat/spfx-spstencil@0.0.1/dist/spstencil/spstencil.js"></script>`
- `<my-component></my-component>`

### In a SPFx project app
- Create SPFx project with no javascript frmework using yomen genrator
- After creating the project, Run `npm install @guptat/spfx-spstencil --save`
- Add an import to the npm packages `import { defineCustomElements } from '@guptat/spfx-spstencil/loader'` in webpart.ts file
- In webpart.ts file add the function in the class `public onInit(): Promise<void> { defineCustomElements(window); return Promise.resolve(); }`
- In the class file in the render function add `<my-component></my-component>`