open-index/open-npm huggingface dataset:
npm package: @qikify/vue-fields
Description: Form Fields for Vue 3
Author: Qikify
Latest version: 0.0.10

=======
# form-fields
Form fields, dependencies  for vue3

## Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:

1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.

You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
npm package: @qikkeronline/qikker-ui
Description: <p align="center"><img src="https://qikker-assets.s3.eu-central-1.amazonaws.com/images/Qikker_logo_black.png" width="400"></p>
Author: George Tsimenis
Latest version: 0.7.0

<p align="center"><img src="https://qikker-assets.s3.eu-central-1.amazonaws.com/images/Qikker_logo_black.png" width="400"></p>

# Qikker UI

A collection of basic vue components for use with the qikker frontend boilerplate.

## Getting Started

Install qikker-ui via npm or yarn.

```bash
# Via NPM.
$ npm install @qikkeronline/qikker-ui

# Via Yarn.
$ yarn add @qikkeronline/qikker-ui
```

By design, Qikker UI doesn't ship with pre-built files, so you must compile the code in your project. Please follow the following instruction to set up your build system.

Qikker UI comes with a config file `qikker-ui.scss`, this file is created post install at the root of your project. You can change global variables here.

To compile Vue Components, you must have appropriate build settings. For example, in [Nuxt.js](https://nuxtjs.org/), you should define the following setting at `nuxt.config.js`, this allows using named exports for the components. (In vue projects this does not seem to be needed. TODO examine this)

```js
export default {
  // ...

  build: {
    transpile: ['@qikkeronline/qikker-ui'],
  },

  // ...
}
```

To begin using the components, import them from the qikker-ui package.

```vue
<template>
  <div>
    <QInput label="Label" placeholder="Placeholder" />
  </div>
</template>

<script>
import { QInput } from '@qikkeronline/qikker-ui'

export default {
  components: {
    QInput
  }
}
</script>
```

You can also import them as global components.

## Example usage with NuxtJS plugin

``` js
// qikker-ui.js
import Vue from 'vue'
import { QIcon, QSvg, QInput, QCheckbox, QRadio, QToggle } from '@qikkeronline/qikker-ui'

Vue.component('q-icon', QIcon) // * see notes below for alternative registration
Vue.component('q-svg', QSvg)
Vue.component('q-input', QInput)
Vue.component('q-checkbox', QCheckbox)
Vue.component('q-radio', QRadio)
Vue.component('q-toggle', QToggle)
```

## Important Notes

It is suggested that you import at least these components as global: `Qicon, Qsvg`. 
For the rest it depends on your project.

QIcon is set to `stroke: currentColor` by default. If you want to globally set it to `fill: currentColor` you can do so by registering it like this instead in the `qikker-ui.js`:

``` js
Vue.use(QIcon, { isFill: true })
```

## Build Setup

``` bash
# install dependencies
$ npm install

# serve with hot reload at localhost:8080
$ npm run serve

# build for production
$ npm run build


For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).
npm package: @qile-c/player-h5
Description: 基于jessibuca视频播放器实现的Vue h5 组件
Author: busy-front
Latest version: 1.1.23

# h5

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @qile-c/player-web
Description: 基于jessibuca视频播放器的Vue组件
Author: busy-front
Latest version: 1.7.31

# player-bridge-front

## 在根目录下新建一个 .env.local 文件
可以参考 _.env.local
```bash
touch .env.local
```

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @qilinchat.com/js
Description: Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`.
Latest version: 0.1.1

## Usage

Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`.

This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template.

```bash
$ npm install # or pnpm install or yarn install
```

### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)

## Available Scripts

In the project directory, you can run:

### `npm run dev` or `npm start`

Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br>

### `npm run build`

Builds the app for production to the `dist` folder.<br>
It correctly bundles Solid in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br>
Your app is ready to be deployed!

## Deployment

You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.)
npm package: @qiluren/json-schema-editor
Description: Json Schema 编辑器
Latest version: 1.0.13

# fork临时自用，请不要安装


# 原仓库 https://github.com/lin-mt/json-schema-editor-antd


## 快速开始
需要安装arco-cli
```
# 开发
npm run dev

# 构建
npm run build

# 发布至npm
nvm use v16.14.0
npm login
npm publish
https://segmentfault.com/a/1190000017463371

# 发布前预览
npm run prepublishOnly && arco preview

# 发布至物料平台（需先发布 NPM 包）
arco sync


```