# lh-work-ui

> 狂拽炫酷无敌暴龙战士UI

Latest version **1.0.1** (published 2024-04-04) · 0 weekly downloads

## Install

```sh
npm install lh-work-ui
pnpm add lh-work-ui
yarn add lh-work-ui
bun add lh-work-ui
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2024-04-04 |
| First published | 2023-07-17 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 405.7 KB |
| Known vulnerabilities | 0 (+23 in 1 direct dependencies) |
| Install scripts | no |
| Author | 1874 |
| Maintainers | lh1874 |

## Links

- npm: https://www.npmjs.com/package/lh-work-ui
- npm.io page: https://npm.io/package/lh-work-ui

## Dependencies (7)

- [vue](https://npm.io/package/vue.md) ^3.2.37
- [less](https://npm.io/package/less.md) ^4.1.2
- [vant](https://npm.io/package/vant.md) ^3.6.11
- [axios](https://npm.io/package/axios.md) ^0.26.1
- [crypto-js](https://npm.io/package/crypto-js.md) ^4.1.1
- [vue-router](https://npm.io/package/vue-router.md) ^4.1.2
- [lh-work-tools](https://npm.io/package/lh-work-tools.md) ^1.0.0

## Recent versions

- 1.0.1 (latest) — 2024-04-04
- 1.0.0 — 2023-07-17

## README

## 介绍

狂拽炫酷无敌暴龙战士UI

## 安装

```bash
npm i lh-work-ui
```

## 使用

```vue
import { DynamicFormVue, FormTypeEnums, ElementType } from "lh-work-ui";
import "lh-work-ui/style.css";
/** @state */
const columns = ref<ElementType[]>([
	{
		title: "姓名",
		elementType: FormTypeEnums.TEXT,
		index: "name",
		value: "",
		required: true,
		rules: [{ required: true, message: "请填写姓名" }],
	},
	{
		title: "城市",
		elementType: FormTypeEnums.SELECT,
		index: "city",
		value: "3",
		required: true,
		rules: [{ required: true, message: "请选择城市" }],
		valueEnums: [
			{ text: "泸州", value: "1" },
			{ text: "成都", value: "2" },
			{ text: "重庆", value: "3" },
		],
		ext: {},
	}
]);
/** @method */
const handleSubmit = (data: any, ext: any) => {
	console.log("表单数据", data);
	console.log("扩展数据", ext);
}
</script>

<template>
	<!-- 动态表单组件 -->
	<DynamicFormVue :columns="columns" @handle-submit="handleSubmit" />
</template>
```

---
_Source: https://npm.io/package/lh-work-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._