perf(input): input 组件新增 disabled 属性, 支持禁用

docs/docs/zh-CN/components/input.md

@@ -69,9 +69,34 @@ export default {
 :::
 
 
+::: demo
+
+<template>
+  <lay-input placeholder="禁止输入" :disabled="disabled"></lay-input>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const disabled = ref(true)
+
+    return {
+        disabled
+    }
+  }
+}
+</script>
+
+:::
+
+
 | Name   | Description | Accepted Values  |
 | -------- | ---- | ----------------------- | 
 | name       | 原始属性 name | --  | 
 | placeholder      | 提示信息 | --   | 
+| disabled      | 禁用 | `true` `false`   |
 | v-model     | 值 | --  | 
 | input   | 原生 input 事件 | val : 当前值  | 

src/module/input/index.vue

@@ -4,7 +4,9 @@
     :value="modelValue"
     :placeholder="placeholder"
     :name="name"
+    :disabled="disabled"
     class="layui-input"
+    :class="{ 'layui-disabled': disabled }"
     @input="updateValue"
   />
 </template>
@@ -12,14 +14,16 @@
 <script setup name="LayInput" lang="ts">
 import { defineProps, defineEmits } from 'vue'
 
-const props = defineProps<{
+const props =
-  name?: string
+  defineProps<{
-  type?: string
+    name?: string
-  modelValue?: string
+    type?: string
-  placeholder?: string
+    modelValue?: string
-}>()
+    placeholder?: string
+    disabled?: Boolean
+  }>()
 
-const emit = defineEmits(['update:modelValue','input'])
+const emit = defineEmits(['update:modelValue', 'input'])
 
 const updateValue = function (event: InputEvent) {
   const inputElement = event.target as HTMLInputElement