# lh-work-ui

**Repository Path**: nowodecuo/lh-work-ui

## Basic Information

- **Project Name**: lh-work-ui
- **Description**: 狂拽炫酷无敌暴龙战士UI
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-17
- **Last Updated**: 2024-04-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, JavaScript, TypeScript

## 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>
```