open-index/open-npm huggingface dataset:
npm package: @qznpmjs/fdesign
Description: 基于Avue的表单设计器，可以减少页面开发工作量，极大提升效率。
Author: qz
Latest version: 0.0.6

## 简介

基于Avue的表单设计器，可以减少页面开发工作量，极大提升效率。


## 依赖

element-ui 2.13.2+

```sh
$ npm i element-ui
```

@smallwei/avue 2.6.16+

```sh
$ npm i @smallwei/avue
```

或自行引入cdn

## 安装

### 组件

```sh
$ npm i @mjt.qz/avue-form-design
或
$ yarn add @mjt.qz/avue-form-design
```

## 使用

```
import AvueFormDesign from '@sscfaith/avue-form-design'

Vue.use(AvueFormDesign)
```

```
<avue-form-design style="height: 86vh;"
                  :options="options"
                  storage
                  @submit="handleSubmit"></avue-form-design>
```

### 属性

| 参数 | 说明 | 类型 | 默认值 |
| ------ | ------ | ------ | ------ |
| options | 字段配置 | Object/String | { column: [] } |
| storage | 开启本地存储功能，防止浏览器刷新丢失json | Boolean | false |
| asideLeftWidth | 左工具栏宽度 | String/Number | '270px' |
| asideRightWidth | 右工具栏宽度 | String/Number | '380px' |
| showAvueDoc（已废弃，请使用toolbar） | 是否显示Avue文档 | Boolean | false |
| showGithubStar | 是否显示GitHub Star | Boolean | true |
| toolbar | 顶部工具栏 | Array | ['avue-doc', 'import', 'generate', 'preview', 'clear'] |
| undoRedo | 是否开启撤销重做功能 | Boolean | true |
| includeFields | 左侧展示字段 | Array | fieldsConfig.js中配置的字段 |
| customFields | 自定义组件 | Array | [使用方法](https://github.com/sscfaith/avue-form-design/blob/master/CHANGELOG.md#2020-09-22) |

### options字段配置

<a href="https://avuejs.com/doc/form/form-doc" target="_blank">Avue文档</a>

| 属性 | 说明 | 类型 | 可选值 | 默认值 |
| ------| ------ | ------ | ------ | ------ |
| column | Avue字段 | Array | - | [] |
| labelPosition | 字段位置 |  String | 'left'/'center'/'right' | - |
| labelWidth | 字段宽度 | Number | - | - |
| gutter | 字段间隔 | Number | - | 0 |
| menuBtn | 表单按钮 | Boolean | true/false | true |
| submitBtn | 显示提交按钮 | Boolean | true/false | true |
| submitText | 提交按钮文本 | String | - | '提交' |
| emptyBtn | 显示清空按钮 | Boolean | true/false | true |
| emptyText | 清空按钮文本 | String | - | '清空' |
| tabs | 多分组转标签 | Boolean | true/false | false |
| detail | 详情模式 | Boolean | true/false | false |
| readonly | 全局只读 | Boolean | true/false | false |
| disabled | 全局禁用 | Boolean | true/false | false |

### 事件

| 名称 | 说明 | 回调参数 |
| ------ | ------ | ------ |
| submit | 生成json回调 | 当前配置的json |

### 方法

| 名称 | 说明 | 参数 | 返回 |
| ------ | ------ | ------ | ------ |
| getData | 获取当前编辑器的JSON | type: 'string'/'json' | Promise |

### 插槽
| 名称 | 说明 |
| ------ | ------ | 
| toolbar | 顶部工具栏右侧插槽 | 
| toolbar-left | 顶部工具栏左侧插槽 | 

### Avue插件

#### 富文本

```
import AvueUeditor from 'avue-plugin-ueditor'

Vue.use(AvueUeditor)
```
npm package: @qzrzz/gitq
Description: 🔧 Git 用户切换命令行工具 - 快速切换 Git 用户配置
Latest version: 1.5.0

# GitQ

🔧 Git 用户切换命令行工具 - 使用 [charmbracelet/huh](https://github.com/charmbracelet/huh) 构建的美观终端界面

> 之所以制作这个工具是因为 [Git-User-Switch](https://github.com/geongeorge/Git-User-Switch) 不知什么原因有时候无法切换用户

- 📌 显示当前 Git 仓库信息（分支、远程地址、用户）
- 🔄 快速切换 Git 用户
  - `user.name`
  - `user.email`
  - `user.signingkey`
  - GitHub 用户名，可以切换 git remote 地址中的用户名例如 `git@github.com-qzrzz:qzrzz/GitQ.git`，可以引导 SSH 使用指定的用户密钥([详细方法](https://gist.github.com/oanhnn/80a89405ab9023894df7))。
- ⚙️ 管理预设用户（添加、编辑、删除）

## 安装

### 通过 npm 安装

```bash
npm install -g @qzrzz/gitq
```

## 使用

```bash
# 在 Git 仓库目录中运行
gitq
```

### 截图

```
╭────────────────────────────────────────────╮
│                                            │
│  GitQ - newpkg                             │
│                                            │
│  🔗 Remote   Not set                       │
│  🌐 URL      N/A                           │
│  ────────────────────────────────────────  │
│  👤 User     Qzrzz                         │
│  📧 Email    qzrz256@gmail.com             │
│                                            │
╰────────────────────────────────────────────╯

┃ Select action (ESC to quit)
┃ > 🔄 Switch Git User
┃   ⚙️  Manage Users
┃   🌐 Change Language
┃   🔃 Refresh
┃   🚪 Exit

↑ up • ↓ down • / filter • enter submit
```

## 配置文件

预设用户存储在 `~/.gitq/users.json`：

```json
[
  { "name": "Work Account", "email": "work@company.com" },
  { "name": "Personal", "email": "personal@example.com" }
]
```

## 开发

### 从源码构建

```bash
# 安装依赖
go mod download

# 编译当前平台
go build -o dist/gitq .

# 编译所有平台（用于 npm 发布）
node scripts/build.js

# 调试
go run .

```

### npm 发布

### 准备工作

1. 登录 npm：

   ```bash
   npm login
   ```

### 一键发布

```bash
# 1. 构建所有平台
npm run build:all

# 2. 检查发布（dry run）
npm run publish:all -- --dry-run

# 3. 正式发布
npm run publish:all
```

发布脚本会自动按顺序发布 6 个平台包 → 主包。

### 技术栈

- [charmbracelet/huh](https://github.com/charmbracelet/huh) - 终端表单库
- [charmbracelet/lipgloss](https://github.com/charmbracelet/lipgloss) - 终端样式
- Catppuccin Mocha 配色主题