open-index/open-npm huggingface dataset:
npm package: @liwb/cloud-utils
Description: A collection of utils
Author: liwb
Latest version: 1.6.4

# [cloud-utils](https://github.com/cklwblove/cloud-utils)
[![](https://img.shields.io/badge/Powered%20by-cloud--utils-brightgreen.svg)](https://github.com/cklwblove/cloud-utils)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yanhaijing/jslib-base/blob/master/LICENSE)
[![Build Status](https://travis-ci.org/cklwblove/cloud-utils.svg?branch=master)](https://travis-ci.org/cklwblove/cloud-utils)
[![npm](https://img.shields.io/badge/npm-0.1.0-orange.svg)](https://www.npmjs.com/package/@liwb/cloud-utils)
[![NPM downloads](http://img.shields.io/npm/dm/cloud-utils.svg?style=flat-square)](http://www.npmtrends.com/@liwb/cloud-utils)
[![Coverage Status](https://coveralls.io/repos/github/cklwblove/cloud-utils/badge.svg)](https://coveralls.io/github/cklwblove/cloud-utils)
[![Percentage of issues still open](http://isitmaintained.com/badge/open/cklwblove/cloud-utils.svg)](http://isitmaintained.com/project/cklwblove/cloud-utils "Percentage of issues still open")

常用的 Javascript 工具类方法集合

**⚠️注意：此仓库已归档，不再维护。如需要，请参考 [cloud-utils](https://github.com/winjs-dev/cloud-utils)。**

## 目录介绍

```
.
├── example 使用example
├── dist 编译产出代码
├── docs 项目文档
├── src 源代码目录
├── test 单元测试
├── CHANGELOG.md 变更日志
```

## 如何使用
通过 npm 下载安装代码

```bash
$ npm install --save @liwb/cloud-utils
```

如果你是 node 环境

```js
var { formatDate } = require('@liwb/cloud-utils.common');
```

如果你是 webpack 等环境

```js
import { formatDate } from '@liwb/cloud-utils.esm';
```

如果你是 requirejs 环境

```js
requirejs(['node_modules/@liwb/cloud-utils/dist/cloud-utils.js'], function (utils) {
    var formatDate = utils.formatDate;
})
```

如果你是浏览器环境

```html
<script src="node_modules/@liwb/cloud-utils/dist/cloud-utils.min.js"></script>

<script>
    var utils = window['cloud-utils'];
</script>
```

## 文档
[API](https://cklwblove.github.io/cloud-utils/)

## 贡献指南
首次运行需要先安装依赖

```bash
$ npm install
```
开发调试（利用 [rollup-watch](https://github.com/rollup/rollup-watch) ，自动监测源码变更，生成 `dist/cloud-utils.js`）
,在 `src/core` 添加相应的 `**.js` 文件，然后在 `src/main.js` 引用

```bash
$ npm run dev
```

添加测试用例

在 `src/test` 添加相应的测试用例文件， 命名遵循于 `**.spec.js` 规范

一键打包生成生产代码

```bash
$ npm run build
```

运行单元测试，浏览器环境需要手动测试，位于`test/browser`

```bash
$ npm test
```

修改 `package.json` 中的版本号，然后发布新版

```bash
$ npm run release
```
npm package: @liwb/pinyin
Description: Simple Chinese conversion to pinyin library
Author: cklwblove
Latest version: 0.0.0-development

# Pinyin

Simple Chinese conversion to pinyin library.

### Usage

```bash
npm install @liwb/pinyin

or 
# Run npm install and write your library name when asked. That's all!
yarn add @liwb/pinyin
```

### Importing library

You can import the generated bundle to use the whole library generated by this starter:

```javascript
import pinyin from '@liwb/pinyin'
```

Additionally, you can import the transpiled modules from `dist/lib` in case you have a modular library:

```javascript
import something from 'mylib/dist/lib/something'
```
npm package: @liwb/vue-photo-preview
Description: "基于photoswipe的vue图片预览组件"
Author: liwb
Latest version: 1.1.3

# vue-photo-preview

> \"基于photoswipe的vue图片预览插件\"

## 说明
1.简化了photoswipe的默认设置    
2.取消了图片需设定尺寸的要求    
3.默认关闭了分享按钮   
4.简化了html结构   

## 使用
``` bash
# 安装
npm install vue-photo-preview --save
```
```
# 引入
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)
//或者 
//var option={....} option配置请查看 http://photoswipe.com/documentation/options.html
//Vue.use(preview,option)
```
```
# umd
<link rel="stylesheet" type="text/css" href="路径/dist/skin.css"/>

<script src="路径/dist/vue-photo-preview.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var options={
		fullscreenEl:false //关闭全屏按钮
	}
	
	Vue.use(vuePhotoPreview,options)
	
	new Vue({
		el:'#app'
	})
</script>
```
```
# html
//在img标签添加preview属性 preview值相同即表示为同一组
<img src="xxx.jpg" preview="0" preview-text="描述文字">

//分组
<img src="xxx.jpg" preview="1" preview-text="描述文字">
<img src="xxx.jpg" preview="1" preview-text="描述文字">

<img src="xxx.jpg" preview="2" preview-text="描述文字">
<img src="xxx.jpg" preview="2" preview-text="描述文字">

<img src="xxx.jpg" large="xxx_3x.jpg" preview="2" preview-text="缩略图与大图模式">
```



### 2019-02-02更新
修复打开和关闭图片页面时，动画起始位置总是位于图片组最后一张的问题。调整默认点击放大倍数。

### 2018-11-28更新
解决图片多次点击问题。缩略图只可点击一次，直至图片加载完成后，才可再次打开。

### 2018-11-15更新
重命名this.init为this.initPreview，解决部分冲突问题。
去除所有console打印

### 2018-10-15 更新
解决原图与大图模式下的BUG

### 2018-09-28 更新
//添加对原插件photoswipe的事件响应，示例：
```
this.$preview.on('close',())=>{//close只是众多事件名的其中一个，更多请查看文档
	console.log('图片查看器被关闭')
})
```

//添加图片查看器实例--this.$preview.self 注意：此实例仅在图片查看器被打开时生效
```
this.$preview.on('imageLoadComplete',(e,item)=>{
	console.log(this.$preview.self)  //此时this.$preview.self拥有原插件photoswipe文档中的所有方法和属性
})
```

//demo文件夹中index.html可以供参考写法
//本次更新后继承了原插件的所有事件、方法和属性，如需复杂使用请多多查看[原插件文档](http://photoswipe.com/documentation/api.html) 

//应性能要求 新增大图查看 large标签填写大图路径 （插件的思路是 img的src默认为缩略图），如不填写large，则展示src
```
<img src="xxx.jpg" large="xxx_3x.jpg" preview="2" preview-text="描述文字">
```

### 2018-05-17 更新
//如果图片是异步生成的，在图片数据更新后调用：
```
this.$previewRefresh()
```



## Options   
[插件配置文档](http://photoswipe.com/documentation/options.html) 

## DEMO   
[地址](https://826327700.github.io/vue-photo-preview/demo/)
npm package: @liwb/vue-router-invoke-webpack-plugin
Description: automatic generate your vue-router path and stronger normalize your file directory
Author: liwb
Latest version: 0.4.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# vue-router-invoke-webpack-plugin

详细用法说明见[传送门](https://github.com/Qymh/vue-router-invoke-webpack-plugin/blob/dev/README.md)

## 特性
- 支持`view`同级路径下，添加**静态文件，如.less,.css,.png等**，详见[源码](https://github.com/cklwblove/vue-router-invoke-webpack-plugin/blob/master/core/ast.js#L24)
如下：
```
src
├── views
│   ├── Login
│   │   └── Index.vue
|   |   └── style.less
│   └── User
│       ├── Account
│       │   └── Index.vue
│       ├── Home
│       │   └── Index.vue
│       └── Index.vue
```
npm package: @liweijie0812/node-cnb
Description: node sdk for cnb open api
Author: folgerfan
Latest version: 0.0.1

# 介绍

![badge](https://cnb.cool/cnb/sdk/node-cnb/-/badge/git/1876ef5f/ci/pipeline-as-code)
![badge](https://cnb.cool/cnb/sdk/node-cnb/-/badge/git/latest/ci/status/pull_request)
![badge](https://cnb.cool/cnb/sdk/node-cnb/-/badge/git/1876ef5f/ci/status/tag_push)
![badge](https://cnb.cool/cnb/sdk/node-cnb/-/badge/git/latest/code/vscode-started)
![badge](https://img.shields.io/npm/v/node-cnb.svg)

node-cnb 是一个用于访问 [CNB API](https://api.cnb.cool/) 的 node 编写的 SDK。

## 安装

```shell
npm install node-cnb
```

## 使用

```typescript
import { getClient } from "node-cnb";

// 参数分别为 api url 和 访问令牌
const client = getClient("https://api.cnb.cool", "xxx");

client.users.pinnedRepos
  .list({
    username: "xxx",
  })
  .then((res) => {
    console.log(res);
  });
```

```javascript
const sdk = require("node-cnb");

// 参数分别为 api url 和 访问令牌
const client = sdk.getClient("https://api.cnb.cool", "xxx");

client.users.pinnedRepos
  .list({
    username: "xxx",
  })
  .then((res) => {
    console.log(res);
  });
```

## 方法路径

方法路径有两种模式

### 1.请求路径拼接

方法路径为由如下几个元素组成：

1. 第一个 `/-/` 前的参数名
2. 其他非参数名
3. http method（若 method 为 get 且返回结果为数组则为 list）

例如：

`/{repo}/-/git/branches` 的路径下 get 请求的方法名为 `repo.git.branches.list`

`/{repo}/-/git/branches/{branch}` 的路径下 get 请求方法名为 `repo.git.branches.get`

对于此规则下方法路径仍然重复的 api，则单独定义在 [pathMethodMap.json](https://cnb.cool/cnb/sdk/node-cnb/-/blob/main/pathMethodMap.json)

### 2.Tag+operationId拼接

在 swagger json 中可以看到每个方法都有一个 Tag 和 operationId，

可以用 `client.<Tag>.<operationId>` 调用：

```javascript
const sdk = require("node-cnb");

// 参数分别为 api url 和 访问令牌
const client = sdk.getClient("https://api.cnb.cool", "xxx");

client.Repositories.GetPinnedRepoByID({
    username: "xxx",
  })
  .then((res) => {
    console.log(res);
  });
```

完整api路径请参考 [client.d.ts](https://cnb.cool/cnb/sdk/node-cnb/-/blob/main/src/client.d.ts)
npm package: @liweijie0812/tdesign-miniprogram
Description: TDesign Component for miniprogram
Author: tdesign
Latest version: 1.13.2


<p align="center">
  <a href="https://tdesign.tencent.com/" target="_blank">
    <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/site/TDesign.png">
  </a>
</p>

<p align="center">
  <a href="https://github.com/Tencent/tdesign-miniprogram/blob/develop/LICENSE">
    <img src="https://img.shields.io/npm/l/tdesign-miniprogram.svg?sanitize=true" alt="License">
  </a>
  <a href="https://www.npmjs.com/package/tdesign-miniprogram">
    <img src="https://img.shields.io/npm/v/tdesign-miniprogram.svg?sanitize=true" alt="Version">
  </a>
  <a href="https://www.npmjs.com/package/tdesign-miniprogram">
    <img src="https://img.shields.io/npm/dm/tdesign-miniprogram" alt="Downloads">
  </a>
   <a href="https://pkg.pr.new/~/Tencent/tdesign-miniprogram">
    <img src="https://pkg.pr.new/badge/Tencent/tdesign-miniprogram?style=flat&color=000&logoSize=auto" alt="Downloads">
  </a>
  <a href="https://deepwiki.com/Tencent/tdesign-miniprogram">
    <img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki">
  </a>
</p>


[TDesign](https://github.com/Tencent/tdesign) 适配微信小程序的组件库。

## 预览

小程序组件示例小程序，请使用微信扫码预览 ↓
<br/>

<img width="260" src="https://user-images.githubusercontent.com/7017290/146479952-b05298e8-f6ac-44a1-b73c-7abd8b9b3914.jpeg" />

## 安装

### 使用 NPM

小程序已经支持使用 NPM 安装第三方包。

具体使用方式，可以参考小程序官网文档： [《NPM 支持》](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm)

```bash
npm i tdesign-miniprogram -S --production
```

> 建议使用 NPM，不再推荐“源码拷贝的方式”

## 使用组件

以按钮组件为例，只需要在 `JSON` 文件中引入按钮对应的自定义组件即可

```json
{
  "usingComponents": {
    "t-button": "tdesign-miniprogram/button/button"
  }
}
```

## 在开发者工具中预览

```bash
# 安装项目依赖
pnpm install

# 执行组件编译
npm run dev
```

打开[微信开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，把 `_example` 目录添加进去就可以预览示例了。

## 基础库版本

最低基础库版本`^2.6.5`

## 贡献成员

<a href="https://openomy.app/github/tencent/tdesign-miniprogram" target="_blank">
  <img src="https://openomy.app/svg?repo=tencent/tdesign-miniprogram&chart=bubble&latestMonth=12" alt="Contribution Leaderboard" />
</a>

## 反馈

有任何问题，建议通过 [Github issues](https://github.com/Tencent/tdesign-miniprogram/issues) 反馈或扫码加入用户微信群。

<img src="https://raw.githubusercontent.com/Tencent/tdesign/main/packages/site-components/src/images/groups/wx-group.png" width="200" />

## 开源协议

TDesign 遵循 [MIT 协议](https://github.com/Tencent/tdesign-miniprogram/LICENSE)。
npm package: @liweitao001/ant-captcha
Description: a ant-captcha component
Author: liweitao
Latest version: 0.0.13

## 前端接入
### 1. 兼容性
    IE8+、Chrome、Firefox.(其他未测试)

#### 基础示例
```javascript
<template>
	<ant-captcha
		@success="'success'" //验证成功的回调函数
		:mode="'pop'"     //调用的模式
		:captchaType="'blockPuzzle'"    //调用的类型 点选或者滑动
        :imgSize="{ width: '330px', height: '155px' }" //图片的大小对象
        ref="verify"
    ></ant-captcha>
    //mode="pop"模式
    <button @click="useVerify">调用验证组件</button>
</template>

****注: mode为"pop"时,使用组件需要给组件添加ref值,并且手动调用show方法 例: this.$refs.verify.show()**** 
****注: mode为"fixed"时,无需添加ref值,无需调用show()方法****

<script>
//引入组件
import ant-captcha from "@analysys/ant-captcha";  
export default {
	name: 'app',
	components: {
		Verify
	}
	methods:{
		success(params){
		  // params 返回的二次验证参数, 和登录参数一起回传给登录接口，方便后台进行二次验证
        },
        useVerify(){
            this.$refs.verify.show()
        }
	}
}
</script>
```

### 3.回调事件

|  参数 | 类型 |  说明 |
| ------------ | ------------ | ------------ |
| success(params)  |  funciton | 验证码匹配成功后的回调函数,params为返回需回传服务器的二次验证参数  |
| error  |  funciton | 验证码匹配失败后的回调函数  |
| ready  |  funciton |  验证码初始化成功的回调函数 |

### 4. 验证码参数

|  参数 | 类型 |  说明 |
| ------------ | ------------ | ------------ |
| captchaType | String | 1）滑动拼图 blockPuzzle  2）文字点选 clickWord  |
| mode  | String | 验证码的显示方式，弹出式pop，固定fixed，默认：mode : ‘pop’  |
| vSpace  | String | 验证码图片和移动条容器的间隔，默认单位是px。如：间隔为5px，默认:vSpace:5  |
| explain  | String |  滑动条内的提示，不设置默认是：'向右滑动完成验证' |
| imgSize | Object |  其中包含了width、height两个参数，分别代表图片的宽度和高度，支持百分比方式设置 如:{width:'400px',height:'200px'} 

### 5.1默认接口api地址
|  请求URL | 请求方式 |  
| ------------ | ------------ |
| /captcha/get  | Post | 
| /captcha/check  | Post | 

### 5.2 获取验证码接口详情
#### 接口地址：http://*:*/captcha/get
    组件内部默认请求服务器地址: process.env.BASE_API ; 是vue项目打包配置地址,方便分环境打包
##### 请求参数：
```json
{
	"captchaType": "blockPuzzle"  //验证码类型 clickWord
}
```
##### 响应参数：
```json
{
    "repCode": "0000",
    "repData": {
        "originalImageBase64": "底图base64",
        "point": {    //默认不返回的，校验的就是该坐标信息，允许误差范围
            "x": 205,
            "y": 5
        },
        "jigsawImageBase64": "滑块图base64",
        "token": "71dd26999e314f9abb0c635336976635", //一次校验唯一标识
        "result": false,
        "opAdmin": false
    },
    "success": true,
    "error": false
}
```
### 5.3 核对验证码接口详情
#### 请求接口：http://*:*/captcha/check
    组件内部默认请求服务器地址: process.env.BASE_API ; 是vue项目打包配置地址,方便分环境打包
##### 请求参数：
```json
{
	 "captchaType": "blockPuzzle",
	 "pointJson": "QxIVdlJoWUi04iM+65hTow==",  //aes加密坐标信息
	 "token": "71dd26999e314f9abb0c635336976635"  //get请求返回的token
}
```
##### 响应参数：
```json
{
    "repCode": "0000",
    "repData": {
        "captchaType": "blockPuzzle",
        "token": "71dd26999e314f9abb0c635336976635",
        "result": true,
        "opAdmin": false
    },
    "success": true,
    "error": false
}
```
npm package: @liwenguang/kcode
Description: 使用 Java 实现的编程工具
Author: lwgCodePlus
Latest version: 1.0.2


## Dependencies

The package will automatically attempt to install `@ast-grep/cli` as an optional dependency.
If ast-grep is not found in your PATH after installation, AST code search features will not work.

Install manually if needed:

```bash
npm install -g @ast-grep/cli
# or
bun add -g @ast-grep/cli
```
npm package: @liwenwei1/opencode-harmonyos-code
Description: HarmonyOS Full-Lifecycle Development Assistant. Specialized in the complete development lifecycle of HarmonyOS applications, including project creation, UI development, state management, network requests, data storage, permission requests, performance opt
Latest version: 0.0.3

# opencode-harmonyos-code


**opencode-harmonyos-code**是一个opencode插件，可以作为HarmonyOS全生命周期开发助手。专注于HarmonyOS应用的完整开发生命周期，包括项目创建、UI开发、状态管理、网络请求、数据存储、权限请求、性能优化、测试和发布。

## 功能特性

- **HarmonyOS设计专家**：为HarmonyOS应用和原子化服务创建详细的PRD设计文档
- **HarmonyOS开发专家**：根据设计文档遵循HarmonyOS规范实现功能
- **HarmonyOS构建**：使用harmonyos-hvigor技能构建项目并确保编译成功

## 快速开始

### 环境要求

- Node.js 18+
- 安装opencode CLI工具，参考官方文档：<https://opencode.ai/docs/zh-cn/#安装>

### 安装步骤

#### 1. 安装所需Skills

本项目依赖以下三个skill，需要先安装到opencode中：

- `harmonyos-atomic-dev` - HarmonyOS原子化服务开发专家
- `harmonyos-hvigor` - Hvigor构建工具使用指南
- `harmonyos-prd-design` - HarmonyOS PRD设计生成专家

#### 2. 编译项目

```bash
# 安装依赖
npm install

# 构建项目
npm run build
```

#### 3. 配置当前插件到opencode配置文件

##### 3.1  将编译后的插件添加到opencode配置文件中：

````
```bash
# 查看配置文件
cat ~/.config/opencode/opencode.json
```

配置示例：

```json
{
  "$schema": "https://opencode.ai/config.json",
  "plugin": ["$PWD"]
}
```
*$PWD* 替换为本项目的实际路径。
````

##### 3.2 重启opencode

```
参考：<https://opencode.ai/docs/zh-cn/plugins/#%E4%BD%BF%E7%94%A8%E6%8F%92%E4%BB%B6>
```

## 体验

安装成功后，你的opencode中将会多出3个Agent，分别是harmonyos-plugin，harmoyos-dev，harmonyos-design，多出3个skill ，接下来就可以进行鸿蒙开发了。

!\[Agent架构]\(doc/agents.png null)
!\[Agent使用流程]\(doc/use-agent.png null)

## 许可证

MIT
npm package: @liwo/eslint-config
Description: ESLint config by Liwo
Author: Aoang
Latest version: 0.2.0

# @liwo/eslint-config

![TypeScript](https://img.shields.io/badge/TypeScript-007ACC.svg?logo=typescript&logoColor=white)
[![npm](https://img.shields.io/npm/v/@liwo/eslint-config?label=npm)](https://npmjs.com/package/@liwo/eslint-config)
[![downloads](https://img.shields.io/npm/dm/@liwo/eslint-config.svg)](https://npmjs.com/package/@liwo/eslint-config)
[![ci status](https://github.com/liwonet/eslint-config/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/liwonet/eslint-config/actions/workflows/ci.yml)
![unpacked size](https://img.shields.io/npm/unpacked-size/%40liwo%2Feslint-config)
![license](https://img.shields.io/github/license/liwonet/eslint-config)

It's an opinionated and aggressive eslint config.

## Install

```shell
pnpm add -D eslint @liwo/eslint-config
```

Add `package.json` scripts.

```json
{
  "scripts": {
    "lint": "eslint .",
    "format": "eslint --fix ."
  }
}
```

## Usage

```shell
pnpm run lint
```

```shell
pnpm run format
```

## Acknowledgements

Thanks to the community and developers for their contributions!

This project is deployed on GitHub Pages and Netlify.

[![netlify](https://www.netlify.com/v3/img/components/netlify-color-bg.svg)](https://www.netlify.com/?source=liwo)