From 05f379c68025bb68153156d77eaaedb0fb8b49ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Thu, 18 Nov 2021 13:13:04 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20timeline=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/switch.md          | 25 +-------
 docs/docs/zh-CN/guide/changelog.md            |  2 +-
 docs/src/assets/css/markdown.css              |  9 ---
 .../resource/icons.ts => font/iconfont.ts}    |  0
 src/module/iconPicker/index.vue               |  4 +-
 src/module/input/index.less                   |  0
 src/module/input/index.vue                    | 42 ++++++------
 src/module/switch/index.ts                    |  2 +-
 src/module/switch/index.vue                   |  4 +-
 src/module/tab/index.vue                      |  2 -
 src/module/textarea/index.vue                 | 64 +++++++++++--------
 11 files changed, 65 insertions(+), 89 deletions(-)
 rename src/{module/resource/icons.ts => font/iconfont.ts} (100%)
 create mode 100644 src/module/input/index.less

diff --git a/docs/docs/zh-CN/components/switch.md b/docs/docs/zh-CN/components/switch.md
index e90d9122..3ee8a871 100644
--- a/docs/docs/zh-CN/components/switch.md
+++ b/docs/docs/zh-CN/components/switch.md
@@ -3,29 +3,6 @@
 
 ::: demo
 
-<template>
-  <lay-switch></lay-switch>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-
-    return {
-    }
-  }
-}
-</script>
-
-:::
-
-::: title 基础使用
-:::
-
-::: demo
-
 <template>
   <lay-switch v-model="active1"></lay-switch>
 </template>
@@ -36,7 +13,7 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const active1 = ref(true);
+    const active1 = ref(false);
 
     return {
         active1
diff --git a/docs/docs/zh-CN/guide/changelog.md b/docs/docs/zh-CN/guide/changelog.md
index 88d00a73..32548fc3 100644
--- a/docs/docs/zh-CN/guide/changelog.md
+++ b/docs/docs/zh-CN/guide/changelog.md
@@ -2,7 +2,7 @@
 :::
 
 <lay-timeline style="padding-left:30px;padding-top:30px;">
-  <lay-timeline-item title="修订版本号：日常 bugfix 更新" simple></lay-timeline-item>
+  <lay-timeline-item title="尾版本号：日常 bugfix 更新" simple></lay-timeline-item>
   <lay-timeline-item title="次版本号：带有新特性的向下兼容的版本。" simple></lay-timeline-item>
   <lay-timeline-item title="主版本号：含有破坏性更新和新特性，不在发布周期内。" simple></lay-timeline-item>
 </lay-timeline>
diff --git a/docs/src/assets/css/markdown.css b/docs/src/assets/css/markdown.css
index 21d6ee25..72e2403f 100644
--- a/docs/src/assets/css/markdown.css
+++ b/docs/src/assets/css/markdown.css
@@ -52,15 +52,6 @@ h1 {
   }
 }
 
-h3 {
-  margin-top: 1.5rem;
-}
-
-h3 {
-  margin-top: 2rem;
-  font-size: 1.35rem;
-}
-
 h4 {
   font-size: 1.15rem;
 }
diff --git a/src/module/resource/icons.ts b/src/font/iconfont.ts
similarity index 100%
rename from src/module/resource/icons.ts
rename to src/font/iconfont.ts
diff --git a/src/module/iconPicker/index.vue b/src/module/iconPicker/index.vue
index c7f7aebb..e9e805a5 100644
--- a/src/module/iconPicker/index.vue
+++ b/src/module/iconPicker/index.vue
@@ -82,8 +82,8 @@
 </template>
 
 <script setup name="LayIconPicker" lang="ts">
-import { defineProps, Ref, ref, watch } from 'vue'
-import icons from '../resource/icons'
+import { defineProps, Ref, ref } from 'vue'
+import icons from "../../font/iconfont"
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/module/input/index.less b/src/module/input/index.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/module/input/index.vue b/src/module/input/index.vue
index 4679c8c0..ca987567 100644
--- a/src/module/input/index.vue
+++ b/src/module/input/index.vue
@@ -1,12 +1,12 @@
 <template>
   <input
     :type="type"
-    :value="modelValue"
-    :placeholder="placeholder"
     :name="name"
+    :value="modelValue"
     :disabled="disabled"
-    class="layui-input"
+    :placeholder="placeholder"
     :class="{ 'layui-disabled': disabled }"
+    class="layui-input"
     @input="onInput"
     @focus="onFocus"
     @blur="onBlur"
@@ -14,29 +14,31 @@
 </template>
 
 <script setup name="LayInput" lang="ts">
-import { defineProps, defineEmits } from 'vue'
+import { defineProps, defineEmits } from "vue";
 
-const props = defineProps<{
-  name?: string
-  type?: string
-  modelValue?: string
-  placeholder?: string
-  disabled?: boolean
-}>()
+export interface LayInputProps {
+  name?: string;
+  type?: string;
+  disabled?: boolean;
+  modelValue?: string;
+  placeholder?: string;
+}
 
-const emit = defineEmits(['update:modelValue', 'input', 'focus', 'blur'])
+const props = defineProps<LayInputProps>();
+
+const emit = defineEmits(["update:modelValue", "input", "focus", "blur"]);
 
 const onInput = function (event: InputEvent) {
-  const inputElement = event.target as HTMLInputElement
-  emit('update:modelValue', inputElement.value)
-  emit('input', event)
-}
+  const inputElement = event.target as HTMLInputElement;
+  emit("update:modelValue", inputElement.value);
+  emit("input", event);
+};
 
 const onFocus = function (event: FocusEvent) {
-  emit('focus', event)
-}
+  emit("focus", event);
+};
 
 const onBlur = function () {
-  emit('blur')
-}
+  emit("blur");
+};
 </script>
diff --git a/src/module/switch/index.ts b/src/module/switch/index.ts
index c9dd3752..3261036c 100644
--- a/src/module/switch/index.ts
+++ b/src/module/switch/index.ts
@@ -6,4 +6,4 @@ Component.install = (app: App) => {
   app.component(Component.name || 'LaySwitch', Component)
 }
 
-export default Component as IDefineComponent
+export default Component as IDefineComponent
\ No newline at end of file
diff --git a/src/module/switch/index.vue b/src/module/switch/index.vue
index 00faa687..1b8d966e 100644
--- a/src/module/switch/index.vue
+++ b/src/module/switch/index.vue
@@ -5,7 +5,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { defineProps, defineEmits, computed, ref } from "vue";
+import { defineProps, defineEmits, computed } from "vue";
 import "./index.less";
 
 export interface LaySwitchProps {
@@ -54,4 +54,4 @@ const handleClick = function () {
       <i />
     </div>
   </span>
-</template>
+</template>
\ No newline at end of file
diff --git a/src/module/tab/index.vue b/src/module/tab/index.vue
index e65d40cd..fb545e52 100644
--- a/src/module/tab/index.vue
+++ b/src/module/tab/index.vue
@@ -38,8 +38,6 @@ import {
   VNode,
   Ref,
   ref,
-  onUpdated,
-  onMounted,
   watch,
 } from 'vue'
 
diff --git a/src/module/textarea/index.vue b/src/module/textarea/index.vue
index a86cf82b..2abe9bf4 100644
--- a/src/module/textarea/index.vue
+++ b/src/module/textarea/index.vue
@@ -1,3 +1,38 @@
+<script lang="ts">
+export default {
+  name: "LayTextarea",
+};
+</script>
+
+<script setup lang="ts">
+import { defineProps, defineEmits } from "vue";
+
+export interface LayTextareaProps {
+  name?: string;
+  modelValue?: string;
+  placeholder?: string;
+  disabled?: boolean;
+}
+
+const props = defineProps<LayTextareaProps>();
+
+const emit = defineEmits(["update:modelValue", "input", "focus", "blur"]);
+
+const onInput = function (event: InputEvent) {
+  const inputElement = event.target as HTMLInputElement;
+  emit("update:modelValue", inputElement.value);
+  emit("input", inputElement.value);
+};
+
+const onFocus = function (event: FocusEvent) {
+  emit("focus", event);
+};
+
+const onBlur = function () {
+  emit("blur");
+};
+</script>
+
 <template>
   <textarea
     :value="modelValue"
@@ -10,31 +45,4 @@
     @focus="onFocus"
     @blur="onBlur"
   />
-</template>
-
-<script setup name="LayTextarea" lang="ts">
-import { defineProps, defineEmits } from 'vue'
-
-const props = defineProps<{
-  name?: string
-  modelValue?: string
-  placeholder?: string
-  disabled?: boolean
-}>()
-
-const emit = defineEmits(['update:modelValue', 'input', 'focus', 'blur'])
-
-const onInput = function (event: InputEvent) {
-  const inputElement = event.target as HTMLInputElement
-  emit('update:modelValue', inputElement.value)
-  emit('input', inputElement.value)
-}
-
-const onFocus = function (event: FocusEvent) {
-  emit('focus', event)
-}
-
-const onBlur = function () {
-  emit('blur')
-}
-</script>
+</template>
\ No newline at end of file