2

src/component/datePicker/components/MonthPanel.vue

@@ -16,7 +16,11 @@
         <li
           v-for="item of MONTH_NAME"
           :key="item"
-          :class="{ 'layui-this': MONTH_NAME.indexOf(item) === Month }"
+          :class="{
+            'layui-this': MONTH_NAME.indexOf(item) === Month,
+            'layui-laydate-current':
+              Month === '' && parseInt(item) - 1 === dayjs().month(),
+          }"
           @click="handleMonthClick(item)"
         >
           {{ item.slice(0, 3) }}

src/component/datePicker/components/MonthRange.vue

@@ -36,6 +36,9 @@
                 'laydate-range-hover': ifHasRangeHoverClass(
                   getUnix(item, 'left')
                 ),
+                'layui-laydate-current':
+                  (startTime.unix === -1 || endTime.unix === -1) &&
+                  getUnix(item, 'left') === dayjs().startOf('month').valueOf(),
               }"
               @click="handleMonthClick(getUnix(item, 'left'))"
               @mouseenter="monthItemMouseEnter($event, item)"
@@ -80,6 +83,9 @@
                 'laydate-range-hover': ifHasRangeHoverClass(
                   getUnix(item, 'right')
                 ),
+                'layui-laydate-current':
+                  (startTime.unix === -1 || endTime.unix === -1) &&
+                  getUnix(item, 'right') === dayjs().startOf('month').valueOf(),
               }"
               @click="handleMonthClick(getUnix(item, 'right'))"
               @mouseenter="monthItemMouseEnter($event, item)"

src/component/datePicker/components/YearPanel.vue

@@ -18,7 +18,10 @@
         <li
           v-for="item of yearList"
           :key="item"
-          :class="{ 'layui-this': Year === item }"
+          :class="{
+            'layui-this': Year === item,
+            'layui-laydate-current': !Year && item === dayjs().year(),
+          }"
           @click="handleYearClick(item)"
         >
           {{ item }}

src/component/datePicker/components/components/DateContent.vue

@@ -27,6 +27,9 @@
                     (item.value == startDate || item.value == endDate)),
                 'laydate-range-hover': ifHasRangeHoverClass(item),
                 'layui-disabled': item.type !== 'current' && datePicker.range,
+                'layui-laydate-current':
+                  modelValue === -1 &&
+                  item.value === dayjs().startOf('day').valueOf(),
               }"
               @click="handleDayClick(item)"
               @mouseenter="dayItemMouseEnter($event, item)"
@@ -48,6 +51,7 @@ export default {
 import { useI18n } from "../../../../language";
 import { computed, inject } from "vue";
 import { provideType } from "../../interface";
+import dayjs from "dayjs";
 
 export interface DateContentProps {
   dateList: any;

src/component/datePicker/index.less

@@ -248,6 +248,21 @@ html #layuicss-laydate {
   line-height: 26px;
   padding: 10px;
 }
+
+.layui-laydate-footer .laydate-footer-btns span {
+  border-radius: 0px;
+}
+
+.layui-laydate-footer .laydate-footer-btns span:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.layui-laydate-footer .laydate-footer-btns span:last-child {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
 .layui-laydate-footer span {
   display: inline-block;
   vertical-align: top;
@@ -577,3 +592,6 @@ html #layuicss-laydate {
     width: 340px;
   }
 }
+.layui-laydate-current{
+  background-color: var(--global-neutral-color-3);
+}

src/component/upload/index.vue

@@ -172,6 +172,7 @@ const slots = slot.default && slot.default();
 const context = getCurrentInstance();
 const emit = defineEmits([
   "choose",
+  "chooseAfter",
   "before",
   "done",
   "error",
@@ -193,8 +194,8 @@ const isDragEnter = ref(false);
 const activeUploadFiles = ref<any[]>([]);
 const activeUploadFilesImgs = ref<any[]>([]);
 const orgFileInput = templateRef<HTMLElement>("orgFileInput");
-let _cropper: any = null;
 
+let _cropper: any = null;
 let computedCutLayerOption: ComputedRef<LayerModal>;
 
 if (props.cutOptions && props.cutOptions.layerOption) {
@@ -269,9 +270,8 @@ const errorF = (errorText: string) => {
 };
 
 const localUpload = (option: localUploadOption, callback: Function) => {
-  let xhr: XMLHttpRequest, url;
+  let xhr: XMLHttpRequest = new XMLHttpRequest();
-  xhr = new XMLHttpRequest();
+  let url = option.url;
-  url = option.url;
   let formData = option.formData;
   const cb = callback;
   xhr.onreadystatechange = function () {
@@ -352,6 +352,7 @@ const uploadChange = (e: any) => {
     props.cut &&
     props.acceptMime.indexOf("image") != -1 &&
     props.multiple == false;
+
   let arm2 =
     props.cut &&
     props.acceptMime.indexOf("image") != -1 &&
@@ -441,9 +442,22 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="layui-upload layui-upload-wrap" :class="disabledPreview ? 'layui-upload-file-disabled' : ''">
+  <div
-    <input type="file" class="layui-upload-file" ref="orgFileInput" :name="field" :field="field" :multiple="multiple"
+    class="layui-upload layui-upload-wrap"
-      :accept="acceptMime" :disabled="disabled" @click="clickOrgInput" @change="uploadChange" />
+    :class="disabledPreview ? 'layui-upload-file-disabled' : ''"
+  >
+    <input
+      type="file"
+      class="layui-upload-file"
+      ref="orgFileInput"
+      :name="field"
+      :field="field"
+      :multiple="multiple"
+      :accept="acceptMime"
+      :disabled="disabled"
+      @click="clickOrgInput"
+      @change="uploadChange"
+    />
     <div v-if="!drag">
       <div class="layui-upload-btn-box" @click.stop="chooseFile">
         <template v-if="slot.default">
@@ -456,13 +470,19 @@ onUnmounted(() => {
         </template>
       </div>
     </div>
-    <div v-else ref="dragRef" class="layui-upload-drag" :class="
+    <div
+      v-else
+      ref="dragRef"
+      class="layui-upload-drag"
+      :class="
         disabled
           ? 'layui-upload-drag-disable'
           : isDragEnter
           ? 'layui-upload-drag-draging'
           : ''
-    " @click.stop="chooseFile">
+      "
+      @click.stop="chooseFile"
+    >
       <i class="layui-icon"></i>
       <p>{{ dragText }}</p>
       <div class="layui-hide" id="uploadDemoView">
@@ -470,17 +490,38 @@ onUnmounted(() => {
         <img src="" alt="上传成功后渲染" style="max-width: 196px" />
       </div>
     </div>
-    <lay-layer v-model="innerCutVisible" :title="computedCutLayerOption.title" :move="computedCutLayerOption.move"
+    <lay-layer
-      :resize="computedCutLayerOption.resize" :shade="computedCutLayerOption.shade"
+      v-model="innerCutVisible"
-      :shadeClose="computedCutLayerOption.shadeClose" :shadeOpacity="computedCutLayerOption.shadeOpacity"
+      :title="computedCutLayerOption.title"
-      :zIndex="computedCutLayerOption.zIndex" :btnAlign="computedCutLayerOption.btnAlign"
+      :move="computedCutLayerOption.move"
-      :area="computedCutLayerOption.area" :anim="computedCutLayerOption.anim"
+      :resize="computedCutLayerOption.resize"
-      :isOutAnim="computedCutLayerOption.isOutAnim" :btn="computedCutLayerOption.btn" @close="clearAllCutEffect">
+      :shade="computedCutLayerOption.shade"
-      <div class="copper-container" v-for="(base64str, index) in activeUploadFilesImgs" :key="`file${index}`">
+      :shadeClose="computedCutLayerOption.shadeClose"
-        <img :src="base64str" :id="`_lay_upload_img${index}`" class="_lay_upload_img" />
+      :shadeOpacity="computedCutLayerOption.shadeOpacity"
+      :zIndex="computedCutLayerOption.zIndex"
+      :btnAlign="computedCutLayerOption.btnAlign"
+      :area="computedCutLayerOption.area"
+      :anim="computedCutLayerOption.anim"
+      :isOutAnim="computedCutLayerOption.isOutAnim"
+      :btn="computedCutLayerOption.btn"
+      @close="clearAllCutEffect"
+    >
+      <div
+        class="copper-container"
+        v-for="(base64str, index) in activeUploadFilesImgs"
+        :key="`file${index}`"
+      >
+        <img
+          :src="base64str"
+          :id="`_lay_upload_img${index}`"
+          class="_lay_upload_img"
+        />
       </div>
     </lay-layer>
-    <div class="layui-upload-list" :class="disabledPreview ? 'layui-upload-list-disabled' : ''">
+    <div
+      class="layui-upload-list"
+      :class="disabledPreview ? 'layui-upload-list-disabled' : ''"
+    >
       <slot name="preview"></slot>
     </div>
   </div>