web-component-gallery 2.2.37 → 2.2.40

package/lib/amap-draw/style/index.less

@@ -40,7 +40,7 @@
   }
 
   #AmapDraw {
-    width: 100%;
-    min-height: 304px;
+    min-height: 320px;
+    .square(100%);
   } 
 }

package/lib/search/index.vue

@@ -90,7 +90,7 @@ export default {
     /* 是否自动查询(默认为true) */
     autoCall: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   computed: {

package/lib/table/index.vue

@@ -2,6 +2,7 @@
   <!-- 表格容器，根据tableStyle动态设置样式类 -->
   <div :class="[tableStyle, 'WebComponentTable']" ref="Table">
     <!-- 表格头部插槽 -->
+    {{ $slots.ATableHead }}
     <div v-if="$slots.ATableHead" class="WebComponentTable__Head" ref="TableHead">
       <slot name="ATableHead" />
     </div>
@@ -206,12 +207,12 @@ export default {
     }
   },
   mounted() {
+    this.pagination = { ...this.pagination, ...this.paginationParams }
+    // 监听父级高度
     this.initResizeObserver()
-    this.$nextTick(() => {
-      setTimeout(this.getTableBodyHeight, 100)
-    })
-    this.$bus.$onWindow(this, 'resize', this.getTableBodyHeight)
-  },
+    setTimeout(this.getScrollBodyH, 300)
+    this.$bus.$onWindow(this, 'resize', this.getScrollBodyH)
+  },  
   beforeDestroy() {
     if (this.resizeObserver) {
       this.resizeObserver.disconnect()
@@ -219,29 +220,39 @@ export default {
     }
   },
   methods: {
+    // 初始化尺寸观察器
     initResizeObserver() {
-      if (typeof ResizeObserver !== 'undefined' && this.$refs.Table) {
+      if (typeof ResizeObserver !== 'undefined') {
         this.resizeObserver = new ResizeObserver(() => {
-          this.getTableBodyHeight()
+          this.getScrollBodyH()
         })
         this.resizeObserver.observe(this.$refs.Table)
       }
     },
-    getTableBodyHeight() {
-      if (!this.$refs.Table || !this.$refs.TableHead || !this.$refs.TablePagination) return
-        
-      const tableTitleHeight = this.$refs.TableListTitle ? this.$refs.TableListTitle.offsetHeight : 0
-      const tableHeader = this.$refs.TableList.querySelector('.ant-table-thead')
-      const headerHeight = tableHeader ? tableHeader.offsetHeight : 0
-        
-      this.tableScrollBody = 
-        this.$refs.Table.clientHeight -
-        this.$refs.TableHead.offsetHeight -
-        this.$refs.TablePagination.offsetHeight -
-        16 - // 基础间距
-        tableTitleHeight -
-        headerHeight -
-        24 // 浮动空间缓冲
+    /** 根据内容高度计算滚动长度 */
+    getScrollBodyH() {
+      if (!this.$refs.Table) return
+
+      const { Table, TableHead, TableListTitle, TablePagination } = this.$refs
+      const tableHeader = Table.querySelector('.ant-table-thead')
+
+      // 获取各部分高度
+      const clientHeight = Table.clientHeight
+      const headerHeight = TableHead?.offsetHeight || 0
+      const tableHeaderHeight = tableHeader?.offsetHeight || 0
+      const tableTitleHeight = TableListTitle?.offsetHeight || 0
+      const paginationHeight = TablePagination?.offsetHeight || 0
+
+      // 计算滚动区域高度
+      const baseSpacing = 16
+      const bufferSpace = 24
+      this.tableScrollBody = clientHeight - 
+                            headerHeight - 
+                            tableHeaderHeight - 
+                            tableTitleHeight - 
+                            paginationHeight - 
+                            baseSpacing - 
+                            bufferSpace
     },
     handleCheckFile(record, props) {
       this.$postM({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "2.2.37",
+  "version": "2.2.40",
   "description": "基础vue、antdvue、less实现的私有组件库",
   "main": "dist/index.umd.js",
   "files": [

package/utils/Filter.js

@@ -5,40 +5,30 @@
  * 距离现在n天前的日期
  */
 
-export function getDay( day ) { 
-    let today = new Date();
-
-    let targetday_milliseconds=today.getTime() + 1000*60*60*24*day;
-
-    today.setTime(targetday_milliseconds); //注意，这行是关键代码
-
-    let tYear = today.getFullYear();
-
-    let tMonth = today.getMonth();
-
-    let tDate = today.getDate();
-
-    tMonth = doHandleMonth(tMonth + 1);
-
-    tDate = doHandleMonth(tDate);
-
-    return tYear+"-"+tMonth+"-"+tDate;
+export function getDay(day) {
+    return getNDaysBefore(day, "{y}-{m}-{d}")
 }
 
+// 获取n天前的时间
+export function getNDaysBefore(n, baseTime = null, cFormat) {
+    const base = baseTime ? new Date(baseTime) : new Date()
+    const targetTime = new Date(base.getTime() - n * 24 * 60 * 60 * 1000)
+    return formatDate(targetTime, cFormat)
+}
 
-function doHandleMonth(month){
-
-    let m = month;
-
-    if(month.toString().length == 1){
-        
-       m = "0" + month;
-
-    }
-
-    return m;
+// 获取n小时前的时间
+export function getNHoursBefore(n, baseTime = null, cFormat) {
+    const base = baseTime ? new Date(baseTime) : new Date()
+    const targetTime = new Date(base.getTime() - n * 60 * 60 * 1000)
+    return formatDate(targetTime, cFormat)
+}
 
-} 
+// 获取n分钟前的时间
+export function getNMinutesBefore(n, baseTime = null, cFormat) {
+    const base = baseTime ? new Date(baseTime) : new Date()
+    const targetTime = new Date(base.getTime() - n * 60 * 1000)
+    return formatDate(targetTime, cFormat)
+}
 
 
 /**