open-index/open-npm huggingface dataset:
npm package: @qmhc/date-util
Description: A date util library
Author: qmhc
Latest version: 0.1.1

# Split

## 安装 (Install)
```bash
npm i @qmhc/split --save
```

## 使用 (Use)
html

```html
<div id="#app">
  <div class="left"></div>
  <div class="right"></div>
</div>
```

js

```js
import Split from '@qmhc/split'

import '@qmhc/split/dist/split.css'

let split = new Split(['#left', '#right'], {
	container: '#app', // Element 对象或其选择器
	mode: 'vertical', // 分割模式 默认 horizontal
	min: 300, // 两个面板的最小宽度 默认 100
	value: 0.6, // 左侧面板和总宽度的初始比值 默认 0.5
	transition: true, // 启用过渡效果 默认 true
	timely: true // 在调整时实时刷新面板大小 默认 true
})

// 快速构件
let split = new Split(['#left', '#right'], {
  container: '#app'
})

// 响应式属性
split.value = 0.65 // 一个 0 ~ 1 的小数
split.min = 250 // 一个正整数 其值应小于容器宽度的一半
split.transition = true // 设置开启过渡效果
split.timely = true // 设置开启实时刷新面板大小

const moveStartListener = () => console.log('Move start!')
const movingListener = () => console.log('Moving!')
const moveEndListener = () => console.log('Move end!')

// 添加事件监听
split.on('movestart', moveStartListener)
split.on('moving', movingListener)
split.on('moveend', moveEndListener)
split.on('fullreset', resetListener)
// 横向时
split.on('leftfull', fullListener)
split.on('righttfull', fullListener)
// 纵向时
split.on('toptfull', fullListener)
split.on('bottomfull', fullListener)

// 移除事件监听
split.off('movestart', moveStartListener)
split.off('moving', movingListener)
split.off('moveend', moveEndListener)

// 清除事件
split.clear('movestart')
split.clear('moving')
split.clear('moveend')

// 多个 split 合用
// 选择器直接传入 Split 对象
let split2 = new Split([split, '#bottom'])
```

## 示例 (Example)

[在线示例](https://qmhc.github.io/Split/)

## 授权 (License)

[MIT License](./LICENSE).
npm package: @qmhc/split
Description: A native split library
Author: qmhc
Latest version: 0.4.0

# Split

## 安装 (Install)
```bash
npm i @qmhc/split --save
```

## 使用 (Use)
html

```html
<div id="#app">
  <div class="left"></div>
  <div class="right"></div>
</div>
```

js

```js
import Split from '@qmhc/split'

import '@qmhc/split/dist/split.css'

let split = new Split(['#left', '#right'], {
	container: '#app', // Element 对象或其选择器
	mode: 'vertical', // 分割模式 默认 horizontal
	min: 300, // 两个面板的最小宽度 默认 100
	value: 0.6, // 左侧面板和总宽度的初始比值 默认 0.5
	transition: true, // 启用过渡效果 默认 true
	timely: true // 在调整时实时刷新面板大小 默认 true
})

// 快速构件
let split = new Split(['#left', '#right'], {
  container: '#app'
})

// 响应式属性
split.value = 0.65 // 一个 0 ~ 1 的小数
split.min = 250 // 一个正整数 其值应小于容器宽度的一半
split.transition = true // 设置开启过渡效果
split.timely = true // 设置开启实时刷新面板大小

const moveStartListener = () => console.log('Move start!')
const movingListener = () => console.log('Moving!')
const moveEndListener = () => console.log('Move end!')

// 添加事件监听
split.on('movestart', moveStartListener)
split.on('moving', movingListener)
split.on('moveend', moveEndListener)
split.on('fullreset', resetListener)
// 横向时
split.on('leftfull', fullListener)
split.on('righttfull', fullListener)
// 纵向时
split.on('toptfull', fullListener)
split.on('bottomfull', fullListener)

// 移除事件监听
split.off('movestart', moveStartListener)
split.off('moving', movingListener)
split.off('moveend', moveEndListener)

// 清除事件
split.clear('movestart')
split.clear('moving')
split.clear('moveend')

// 多个 split 合用
// 选择器直接传入 Split 对象
let split2 = new Split([split, '#bottom'])
```

## 示例 (Example)

[在线示例](https://qmhc.github.io/Split/)

## 授权 (License)

[MIT License](./LICENSE).
npm package: @qmlight/web-platform-components
Description: A platform components for React
Author: jiaozhiye
Latest version: 1.1.0

## 说明

- 匹配平台框架使用的业务组件库。

### 使用

1. 必须使用在平台前端框架中
2. 使用 `yarn` 安装依赖包
3. 组件使用方式，查看平台组件库文档
npm package: @qmm1222/better-auth
Description: The most comprehensive authentication library for TypeScript.
Latest version: 1.3.7

<p align="center">
  <picture>
    <source srcset="https://github.com/better-auth/better-auth/blob/main/banner-dark.png?raw=true" media="(prefers-color-scheme: dark)">
    <source srcset="https://github.com/better-auth/better-auth/blob/main/banner.png?raw=true" media="(prefers-color-scheme: light)">
    <img src="https://github.com/better-auth/better-auth/blob/main/banner.png?raw=true" alt="Better Auth Logo">
  </picture>
  <h2 align="center">
    Better Auth
  </h2>

  <p align="center">
    The most comprehensive authentication library for TypeScript
    <br />
    <a href="https://better-auth.com"><strong>Learn more »</strong></a>
    <br />
    <br />
    <a href="https://discord.gg/better-auth">Discord</a>
    ·
    <a href="https://better-auth.com">Website</a>
    ·
    <a href="https://github.com/better-auth/better-auth/issues">Issues</a>
  </p>
</p>




## Getting Started

```bash
pnpm install better-auth
```

Read the [Installation Guide](https://better-auth.com/docs/installation) to learn more.
npm package: @qmon/utils
Description: 收集一些开发中常见的工具函数，以便查找复制，也可以通过install安装使用
Author: qm8956
Latest version: 0.0.2

# @qmon/utils

这是一个 TypeScript 项目，包含一些实用的工具函数。

## 安装

使用 `pnpm` 安装：

```bash
pnpm install @qmon/utils
```

## 使用

### 1. 导入模块

```typescript
import { appendQueryParams, getUrlParameters, fRate, areaConversion } from '@qmon/utils';
```

### 2. 使用函数

#### appendQueryParams

```typescript
const url = 'https://example.com';
const params = { foo: 'bar', baz: 'qux' };
const updatedUrl = appendQueryParams(url, params);
console.log(updatedUrl); // 输出: https://example.com?foo=bar&baz=qux
```

#### getUrlParameters

```typescript
const url = 'https://example.com?param1=value1&param2=value2';
const params = getUrlParameters(url);
console.log(params); // 输出: { param1: 'value1', param2: 'value2' }
```

#### fRate

```typescript
const area = 100;
const convertedArea = fRate(area, 'm2');
console.log(convertedArea); // 输出: 100
```

#### areaConversion

```typescript
const area = 100;
const convertedArea = areaConversion(area, 'm2');
console.log(convertedArea); // 输出: 100
```
npm package: @qmon/vueuse
Description: 业务中使用多次的hook，绝大多数通用的使用vueuse即可，很多可能依赖其他库，不具备通用性
Author: qm8956
Latest version: 0.0.1

# @qmon/vueuse

业务中使用多次的hook，绝大多数通用的使用vueuse即可，很多可能依赖其他库，不具备通用性
npm package: @qmrjkj/lce-x6-items
Description: x6-items
Author: fusion-team
Latest version: 1.0.2

# README

## 开发常用命令

- `cnpm start` 运行所有组件的开发调试环境
- `cnpm start page-header` 运行单个组件的开发调试环境
- `cnpm run lowcode:dev` 启动低代码开发调试环境
- `cnpm run lowcode:build` 构建低代码产物
- `cnpm run build` 打包生成 lib/ es/ dist/ build/文件
- `cnpm run materials` 生成物料中心需要的入库 JSON 文件
- `cnpm run lint` 进行代码检查