open-index/open-npm huggingface dataset:
npm package: @hjtvuese/cli
Description: Automatically generate markdown documents based on your vue file
Author: young.zhou
Latest version: 2.14.25

##  vue组件文档自动生成

> 基于 [vuese](https://vuese.org/)

> 使用方式同vuese，命令替换为**hjtvuese**，配置文件将会读取 .hjtvueserc 或 hjtvuese.config.js

## 安装

```shell
npm install @hjtvuese/cli -D 或 yarn add @hjtvuese/cli -D
```

## 使用

### 生成文档

```shell
npx hjtvuese gen
```

或者写入package.json中

```shell
"scripts": {
    "docs": "hjtvuese gen"
}
```

```shell
npm run docs
```

### 使用配置文件

在根目录创建 .hjtvueserc 或 hjtvuese.config.js

```js
module.exports = {
    title: 'xxx组件文档', // 生成组件文档index的title
    include: ['**/*.vue'], // 包含的文件
    exclude: [], // 排除的文件，node_modules已被默认排除
    outDir: './docs', // 文档的输出目录
}
```

### 预览组件文档

```shell
npx hjtvuese serve --open
```

### 响应式预览单个组件文档

```shell
npx hjtvuese preview ./src/components/CmpA.vue
```

## 为你的组件编写文档

参考 [vuese-为你的组件编写文档](https://vuese.org/zh/cli/#%E4%B8%BA%E4%BD%A0%E7%9A%84%E7%BB%84%E4%BB%B6%E7%BC%96%E5%86%99%E6%96%87%E6%A1%A3)

## 改造添加的功能

### 1.支持自定义编写markdown

可使用 <code>*desc</code> 开头的注释来标记自定义markdown描述，显示在抬头位置。在vuese基础上可以写一些自定义的内容，比如组件的使用例子。

需要将注释的位置放在 <code>import</code> 与 <code>export default {}</code> 之间

```js
import xxx from 'xxx';
/**desc

## 组件描述

...

*/

// @group xxx
export default {}
```

![使用图例](https://imgcdn.huanjutang.com/file/2021/01/25/222542ef067ea44f9c6c7d5703082255.png)


解析后:

![解析后展示](https://imgcdn.huanjutang.com/file/2021/01/25/fe000454b7bdd40dad4b94f9374dd049.png)

### 2.对生成的md文件添加相对路径标识

解决2个不同位置同名组件覆盖的问题。

### 3.增量更新

组件文件未修改，不会再重新生成md文件
npm package: @hjue/picgo-plugin-auto-backup
Description: ## 简介
Latest version: 1.0.0

# picgo-plugin-auto-backup

## 简介

`picgo-plugin-auto-backup` 是一个 PicGo 插件，用于自动备份上传的图片。该插件旨在简化图片管理，确保您的图片在上传后得到安全备份。

## 特性

- 自动备份上传的图片
- 支持多种存储路径
- 简单易用的配置

## 安装

1. 确保您已安装 [PicGo](https://picgo.github.io/PicGo-Docs/).
2. 使用以下命令安装插件：

   ```bash
   picgo install picgo-plugin-auto-backup
   ```

## 配置

1. 在 PicGo 的设置中找到插件管理。
2. 启用 `picgo-plugin-auto-backup` 插件。
3. 配置备份路径和其他选项。

### 配置选项

#### backupDir

- **类型**: `string`
- **默认值**: `''`
- **必填**: 是
- **说明**: 图片备份的本地目录路径。可以使用绝对路径或相对路径。例如：`C:/backup/images` 或 `./backup`。

`json
{
    "picgo-plugin-auto-backup": {
        "backupDir": "./backup"
    }
}

`
## 使用

1. 在 PicGo 的设置中找到插件管理。
2. 启用 `picgo-plugin-auto-backup` 插件。
3. 配置备份路径和其他选项。

## 贡献

欢迎任何形式的贡献！请提交问题或拉取请求。

## 许可证

该项目采用 MIT 许可证，详情请参阅 [LICENSE](LICENSE) 文件。
npm package: @hjvedvik/tasks
Description: Terminal task list
Author: Hans-Jørgen Vedvik
Latest version: 0.0.8

# @hjvedvik/tasks

> This package shares many similarities with [listr](https://github.com/SamVerschueren/listr), but is more suited for synchronous code.

<pre>
  <p align="center">
    <img width="450" src="https://cdn.rawgit.com/hjvedvik/tasks/8305521/art/terminal.svg">
  </p>
</pre>

## Install

```sh
npm install @hjvedvik/tasks
```

## Usage

```js
const Tasks = require('@hjvedvik/tasks')

const tasks = new Tasks([
  {
    title: 'Simple task',
    task: (context, task) => {
      // task.setProgress(1, 5)
      // task.setStatus('')
      // task.setSummary('')
      // task.fail('')
    }
  },
  {
    title: 'Sub tasks',
    skip: () => true, // true, false, string
    task: () => new Tasks([
      {
        title: 'Another task',
        task: () => {
          // task.setProgress(1, 10)
        }
      }
    ])
  }
])

tasks.run({
  // context
})
```

## Roadmap for v1.0

- [x] Render in TTY and non-TTY environments
- [ ] Determine a stable API
- [ ] Create tests
npm package: @hjxz/pharos-organization-pc
Description: hjxz 组织架构组件(PC端)
Author: vino
Latest version: 0.1.7

# @hjxz/pharos-organization-pc

## 安装

该组件依赖了[ant-design-vue(V3.2.20)](https://www.antdv.com/components/overview) 。所以在使用之前，请确保你的项目里面有这两个依赖。

```bash
pnpm i ant-design-vue

pnpm i @hjxz/pharos-organization-pc
```

```vue
<template>
  <div>
    {{ checked }}
    <br>
    <PharosOrganizationPc :data-sources="dataSource"  v-model:checked="checked"/>
  </div>
</template>
<script setup lang="ts">
  import { PharosOrganizationPc, OrganizationItem } from "@hjxz/pharos-organization-pc"
  import {data} from "./mockData.json"
  import { onMounted, ref } from "vue";
  const checked = ref([])
  const dataSource = ref<OrganizationItem[]>([])
  onMounted(() => {
    setTimeout(() => {
      dataSource.value = data as unknown as OrganizationItem[]
    },3000)
  })
</script>
```
## 组件属性


| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| headFlag | 用于判断是否是头部,及没有上级的组织架构 |string | 0 |
| dataSources | 组织架构数据源 | OrganizationItem[] | [] |
| v-model:checked | 选中的组织架构 | string[] | [] |
| single | 是否单选 | boolean | false |
| mode | 组织架构模式 | string | user / dept / default |
| disabledList | 禁用 | Array | [] |
| beforeOk | 点击OK 回调函数 | (list: OrganizationItem[]) => Promise(boolean) | |
| beforeCancel | 点击Cancel 回调函数 | (list: OrganizationItem[]) => Promise(boolean) | |