[修复] timeline 组件样式

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

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>

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;
 }

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<{

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>

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

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>

src/module/tab/index.vue

@@ -38,8 +38,6 @@ import {
   VNode,
   Ref,
   ref,
-  onUpdated,
-  onMounted,
   watch,
 } from 'vue'
 

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>