From b6cd1c207b0e9f6a2450c40679a96dee560d1f26 Mon Sep 17 00:00:00 2001
From: qiaopengfei <2646186879@qq.com>
Date: Mon, 8 Jul 2024 17:19:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=9F=E9=87=91=E6=8C=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
packages/agDatePicker/src/index.vue | 79 +++++++++++++++++++----------
src/App.vue | 2 -
2 files changed, 52 insertions(+), 29 deletions(-)
diff --git a/packages/agDatePicker/src/index.vue b/packages/agDatePicker/src/index.vue
index 813bcb3..03b5142 100644
--- a/packages/agDatePicker/src/index.vue
+++ b/packages/agDatePicker/src/index.vue
@@ -1,10 +1,12 @@
@@ -26,6 +28,8 @@ export default {
return {
width: "160px",
dateArr: [null, null],
+ date_picker: false,
+ mousetrue: true,
};
},
computed: {
@@ -38,7 +42,7 @@ export default {
"start-placeholder": "开始日期",
"end-placeholder": "结束日期",
"range-separator": "-",
- "prefix-icon": " ag-el-icon-prefix",
+
"picker-options": {
disabledDate(time) {
return (
@@ -121,6 +125,11 @@ export default {
},
});
},
+ iconClass() {
+ return this.date_picker && this.mousetrue
+ ? "ag-icon-prefix-hide"
+ : "ag-icon-prefix-show";
+ },
},
watch: {
value: {
@@ -128,14 +137,6 @@ export default {
if (!Array.isArray(newVal)) {
throw new Error("agDatePicker date请传入数组");
}
- console.log(newVal,'newVal');
-
- newVal.length > 0 &&
- newVal.some(
- (item) => item !== null && item !== undefined && item !== ""
- )
- ? (this.width = "205px")
- : (this.width = "160px");
let [date1, date2] = newVal;
if (!this.dateArr) {
this.dateArr = [date1 || "", date2 || ""];
@@ -147,14 +148,40 @@ export default {
immediate: true,
deep: true,
},
+ dateArr: {
+ handler(newVal) {
+ if (
+ newVal &&
+ newVal.length > 0 &&
+ newVal.some(
+ (item) => item !== null && item !== undefined && item !== ""
+ )
+ ) {
+ this.width = "205px";
+ this.date_picker = true;
+ } else {
+ this.width = "160px";
+ this.date_picker = false;
+ }
+ },
+ immediate: true,
+ deep: true,
+ },
+ },
+ methods: {
+ mouseleave() {
+ console.log(999);
+ },
+ mousemove() {
+ console.log(888);
+ },
},
- methods: {},
};