From 9e9efec10ceca66c829d250e2e08c15f50800239 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, 31 Mar 2022 14:19:37 +0800
Subject: [PATCH 1/3] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97,=20=E4=BF=AE=E5=A4=8D=E6=96=87=E6=A1=A3=E7=BB=86?=
 =?UTF-8?q?=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/panel.md | 21 --------------
 example/docs/zh-CN/guide/changelog.md  | 14 +++++++++-
 example/src/layouts/Layout.vue         |  4 +--
 src/component/avatar/index.vue         |  9 ++++--
 src/component/dropdown/index.vue       | 12 ++++----
 src/component/dropdown/interface.ts    |  1 +
 src/component/empty/index.vue          |  7 +++--
 src/component/input/index.vue          | 38 +++++++++++++++-----------
 src/component/panel/index.less         |  7 +++++
 src/component/panel/index.vue          | 19 ++++++++++++-
 src/component/panel/interface.ts       |  1 +
 11 files changed, 80 insertions(+), 53 deletions(-)
 create mode 100644 src/component/panel/interface.ts

diff --git a/example/docs/zh-CN/components/panel.md b/example/docs/zh-CN/components/panel.md
index d000e066..847e331f 100644
--- a/example/docs/zh-CN/components/panel.md
+++ b/example/docs/zh-CN/components/panel.md
@@ -30,27 +30,6 @@ export default {
 
 :::
 
-::: title 主题配置
-:::
-
-<p style="margin-left: 30px">less</p>
-
-```
-@panel-border-color: #eee;
-@panel-border-radius: 2px;
-@panel-fore-color: #333;
-@panel-back-color: #fff;
-```
-
-<p style="margin-left: 30px">css</p>
-
-```
---panel-border-color: #eee;
---panel-border-radius: 2px;
---panel-fore-color: #333;
---panel-back-color: #fff;
-```
-
 ::: title Panel 插槽
 :::
 
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 6cb47741..6ce16dbe 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,7 +11,19 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.4.0">
-  <ul> 
+    <ul> 
+      <a name="0-4-5"> </a> 
+      <li> 
+        <h3>0.4.4 <span class="layui-badge-rim">2022-03-29</span></h3> 
+        <ul>
+          <li>[新增] tab 组件 position 属性, 不同方向的选项卡标题。</li>
+          <li>[修复] variable 全局变量重复导入的问题</li>
+          <li>[支持] icon 列表复制。</li>
+          <li>[支持] 夜间模式</li>
+        </ul> 
+      </li>
+    </ul>
+    <ul> 
       <a name="0-4-4"> </a> 
       <li> 
         <h3>0.4.4 <span class="layui-badge-rim">2022-03-29</span></h3> 
diff --git a/example/src/layouts/Layout.vue b/example/src/layouts/Layout.vue
index fc868f7e..9b29a4bc 100644
--- a/example/src/layouts/Layout.vue
+++ b/example/src/layouts/Layout.vue
@@ -345,8 +345,8 @@ export default {
   background-color: #f1f1f1!important;
 }
 
-.layui-layout-document .layui-header .layui-nav .layui-nav-item > a,
-.layui-layout-document .layui-header .layui-nav .layui-nav-item > a:hover {
+.layui-layout-document .layui-header .layui-nav .layui-nav-item  a,
+.layui-layout-document .layui-header .layui-nav .layui-nav-item  a:hover {
   color: rgba(0, 0, 0, 0.8);
 }
 
diff --git a/src/component/avatar/index.vue b/src/component/avatar/index.vue
index 59a3afd2..aa3a49da 100644
--- a/src/component/avatar/index.vue
+++ b/src/component/avatar/index.vue
@@ -8,12 +8,15 @@ export default {
 import "./index.less";
 
 export interface LayAvatarProps {
-  src?: String;
-  size?: string;
+  src?: string;
+  size?: 'xs' | 'sm' | 'md' | 'lg';
   radius?: boolean;
 }
 
-const props = withDefaults(defineProps<LayAvatarProps>(), {});
+const props = withDefaults(defineProps<LayAvatarProps>(), {
+  size: 'md',
+  radius: false
+});
 </script>
 
 <template>
diff --git a/src/component/dropdown/index.vue b/src/component/dropdown/index.vue
index 31fa9a3c..0dc9dcfc 100644
--- a/src/component/dropdown/index.vue
+++ b/src/component/dropdown/index.vue
@@ -6,25 +6,25 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
-import { provide, ref, watch } from "vue";
+import { provide, ref } from "vue";
 import { onClickOutside } from "@vueuse/core";
+import { DropdownTrigger } from "./interface";
 
 export interface LayDropdownProps {
-  trigger?: string;
+  trigger?: DropdownTrigger;
 }
 
-const dropdownRef = ref<null | HTMLElement>(null);
-
 const props = withDefaults(defineProps<LayDropdownProps>(), {
   trigger: "click",
 });
 
+const openState = ref(false);
+const dropdownRef = ref<null | HTMLElement>(null);
+
 onClickOutside(dropdownRef, (event) => {
   openState.value = false;
 });
 
-const openState = ref(false);
-
 const open = function () {
   openState.value = true;
 };
diff --git a/src/component/dropdown/interface.ts b/src/component/dropdown/interface.ts
index e69de29b..1eaf2ae9 100644
--- a/src/component/dropdown/interface.ts
+++ b/src/component/dropdown/interface.ts
@@ -0,0 +1 @@
+export type DropdownTrigger = 'click' | 'hover';
\ No newline at end of file
diff --git a/src/component/empty/index.vue b/src/component/empty/index.vue
index 1dc36b9b..c93737be 100644
--- a/src/component/empty/index.vue
+++ b/src/component/empty/index.vue
@@ -5,12 +5,13 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { withDefaults } from "vue";
 import "./index.less";
+import { withDefaults } from "vue";
+import { String } from 'src/types';
 
 export interface LayEmptyProps {
-  description?: string;
-  image?: string;
+  description?: String;
+  image?: String;
 }
 
 const props = withDefaults(defineProps<LayEmptyProps>(), {
diff --git a/src/component/input/index.vue b/src/component/input/index.vue
index 86c809b0..d0116e6a 100644
--- a/src/component/input/index.vue
+++ b/src/component/input/index.vue
@@ -6,25 +6,26 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
+import { useSlots } from "vue";
 import { useI18n } from "vue-i18n";
-import { computed, useSlots } from "vue-demi";
+import { Boolean, String } from 'src/types';
 
 const { t } = useI18n();
 const slots = useSlots();
 
 export interface LayInputProps {
-  name?: string;
-  type?: string;
-  value?: string;
-  disabled?: boolean;
-  modelValue?: string;
-  placeholder?: string;
-  allowClear?: boolean;
+  name?: String;
+  type?: String;
+  value?: String;
+  disabled?: Boolean;
+  modelValue?: String;
+  placeholder?: String;
+  allowClear?: Boolean;
 }
 
 const props = withDefaults(defineProps<LayInputProps>(), {});
 
-const emit = defineEmits(["update:modelValue", "input", "focus", "blur"]);
+const emit = defineEmits(["update:modelValue", "input", "change", "focus", "blur"]);
 
 const onInput = function (event: InputEvent) {
   const inputElement = event.target as HTMLInputElement;
@@ -32,16 +33,20 @@ const onInput = function (event: InputEvent) {
   emit("input", event);
 };
 
-const onFocus = function (event: FocusEvent) {
+const onClear = () => {
+  emit("update:modelValue", "");
+};
+
+const onFocus = (event: FocusEvent) => {
   emit("focus", event);
 };
 
-const onBlur = function () {
-  emit("blur");
-};
+const onChange = () => {
+  emit("change");
+}
 
-const clear = () => {
-  emit("update:modelValue", "");
+const onBlur = () => {
+  emit("blur");
 };
 </script>
 
@@ -61,12 +66,13 @@ const clear = () => {
       @input="onInput"
       @focus="onFocus"
       @blur="onBlur"
+      @change="onChange"
     />
     <span class="layui-input-suffix" v-if="slots.suffix">
       <slot name="suffix"></slot>
     </span>
     <span class="layui-input-clear" v-if="allowClear">
-      <lay-icon type="layui-icon-close-fill" @click="clear"></lay-icon>
+      <lay-icon type="layui-icon-close-fill" @click="onClear"></lay-icon>
     </span>
   </div>
 </template>
diff --git a/src/component/panel/index.less b/src/component/panel/index.less
index c8c20439..68f41b8a 100644
--- a/src/component/panel/index.less
+++ b/src/component/panel/index.less
@@ -19,4 +19,11 @@
   border-color: @panel-border-color;
   background-color: @panel-back-color;
   color: @panel-fore-color;
+  .is-hover-shadow:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+  .shadow {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+  
 }
diff --git a/src/component/panel/index.vue b/src/component/panel/index.vue
index dc9f5836..46f46001 100644
--- a/src/component/panel/index.vue
+++ b/src/component/panel/index.vue
@@ -6,10 +6,27 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
+import {computed} from "vue";
+import {PanelShadow} from "./interface";
+
+export interface LayPanelProps {
+  shadow?: PanelShadow;
+}
+
+const props = withDefaults(defineProps<LayPanelProps>(), {
+  shadow: "always",
+});
+
+const classes = computed(() => {
+  return {
+    shadow: props.shadow === "always",
+    "is-hover-shadow": props.shadow === "hover",
+  };
+});
 </script>
 
 <template>
-  <div class="layui-panel">
+  <div class="layui-panel" :class="classes">
     <slot></slot>
   </div>
 </template>
diff --git a/src/component/panel/interface.ts b/src/component/panel/interface.ts
new file mode 100644
index 00000000..a13f0b85
--- /dev/null
+++ b/src/component/panel/interface.ts
@@ -0,0 +1 @@
+export type PanelShadow = "always" | "hover" | "never";
\ No newline at end of file

From dcbcae256cabe91c248cfc0e564316e44d4adfdb 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, 31 Mar 2022 14:20:41 +0800
Subject: [PATCH 2/3] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97,=20=E4=BF=AE=E5=A4=8D=E6=96=87=E6=A1=A3=E7=BB=86?=
 =?UTF-8?q?=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/avatar/index.vue      |  6 +++---
 src/component/dropdown/interface.ts |  2 +-
 src/component/empty/index.vue       |  2 +-
 src/component/input/index.vue       | 12 +++++++++---
 src/component/panel/index.vue       |  4 ++--
 src/component/panel/interface.ts    |  2 +-
 6 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/component/avatar/index.vue b/src/component/avatar/index.vue
index aa3a49da..86bcae86 100644
--- a/src/component/avatar/index.vue
+++ b/src/component/avatar/index.vue
@@ -9,13 +9,13 @@ import "./index.less";
 
 export interface LayAvatarProps {
   src?: string;
-  size?: 'xs' | 'sm' | 'md' | 'lg';
+  size?: "xs" | "sm" | "md" | "lg";
   radius?: boolean;
 }
 
 const props = withDefaults(defineProps<LayAvatarProps>(), {
-  size: 'md',
-  radius: false
+  size: "md",
+  radius: false,
 });
 </script>
 
diff --git a/src/component/dropdown/interface.ts b/src/component/dropdown/interface.ts
index 1eaf2ae9..0e47d74f 100644
--- a/src/component/dropdown/interface.ts
+++ b/src/component/dropdown/interface.ts
@@ -1 +1 @@
-export type DropdownTrigger = 'click' | 'hover';
\ No newline at end of file
+export type DropdownTrigger = "click" | "hover";
diff --git a/src/component/empty/index.vue b/src/component/empty/index.vue
index c93737be..71301a6e 100644
--- a/src/component/empty/index.vue
+++ b/src/component/empty/index.vue
@@ -7,7 +7,7 @@ export default {
 <script setup lang="ts">
 import "./index.less";
 import { withDefaults } from "vue";
-import { String } from 'src/types';
+import { String } from "src/types";
 
 export interface LayEmptyProps {
   description?: String;
diff --git a/src/component/input/index.vue b/src/component/input/index.vue
index d0116e6a..43c585b8 100644
--- a/src/component/input/index.vue
+++ b/src/component/input/index.vue
@@ -8,7 +8,7 @@ export default {
 import "./index.less";
 import { useSlots } from "vue";
 import { useI18n } from "vue-i18n";
-import { Boolean, String } from 'src/types';
+import { Boolean, String } from "src/types";
 
 const { t } = useI18n();
 const slots = useSlots();
@@ -25,7 +25,13 @@ export interface LayInputProps {
 
 const props = withDefaults(defineProps<LayInputProps>(), {});
 
-const emit = defineEmits(["update:modelValue", "input", "change", "focus", "blur"]);
+const emit = defineEmits([
+  "update:modelValue",
+  "input",
+  "change",
+  "focus",
+  "blur",
+]);
 
 const onInput = function (event: InputEvent) {
   const inputElement = event.target as HTMLInputElement;
@@ -43,7 +49,7 @@ const onFocus = (event: FocusEvent) => {
 
 const onChange = () => {
   emit("change");
-}
+};
 
 const onBlur = () => {
   emit("blur");
diff --git a/src/component/panel/index.vue b/src/component/panel/index.vue
index 46f46001..28377d88 100644
--- a/src/component/panel/index.vue
+++ b/src/component/panel/index.vue
@@ -6,8 +6,8 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
-import {computed} from "vue";
-import {PanelShadow} from "./interface";
+import { computed } from "vue";
+import { PanelShadow } from "./interface";
 
 export interface LayPanelProps {
   shadow?: PanelShadow;
diff --git a/src/component/panel/interface.ts b/src/component/panel/interface.ts
index a13f0b85..5fa53d3c 100644
--- a/src/component/panel/interface.ts
+++ b/src/component/panel/interface.ts
@@ -1 +1 @@
-export type PanelShadow = "always" | "hover" | "never";
\ No newline at end of file
+export type PanelShadow = "always" | "hover" | "never";

From c89ffec50437e94fdb5e3d3b4b6faf585b36a2f0 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, 31 Mar 2022 14:52:58 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20upload=20=E7=BB=84=E4=BB=B6=20number?=
 =?UTF-8?q?=20=E5=B1=9E=E6=80=A7=E5=BF=85=E5=A1=AB=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   | 2 +-
 src/component/upload/index.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e1fb8320..d798ac36 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.4.5-alpha.1",
+  "version": "0.4.5-alpha.2",
   "author": "就眠儀式",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",
diff --git a/src/component/upload/index.vue b/src/component/upload/index.vue
index 564d02bc..9d161ad3 100644
--- a/src/component/upload/index.vue
+++ b/src/component/upload/index.vue
@@ -20,7 +20,7 @@ export interface LayUploadProps {
   field?: string;
   size?: number;
   multiple?: boolean;
-  number: number;
+  number?: number;
   drag?: boolean;
 }