vxe-table 3.4.10 → 3.4.12-beta.2

package/packages/input/src/input.js

@@ -812,11 +812,14 @@ export default {
       }
       return ''
     },
+    firstDayOfWeek () {
+      const { startDay, startWeek } = this
+      return XEUtils.toNumber(XEUtils.isNumber(startDay) || XEUtils.isString(startDay) ? startDay : startWeek)
+    },
     weekDatas () {
       const weeks = []
       if (this.isDatePickerType) {
-        const { startDay, startWeek } = this
-        let sWeek = XEUtils.toNumber(XEUtils.isNumber(startDay) || XEUtils.isString(startDay) ? startDay : startWeek)
+        let { firstDayOfWeek: sWeek } = this
         weeks.push(sWeek)
         for (let index = 0; index < 6; index++) {
           if (sWeek >= 6) {
@@ -957,7 +960,8 @@ export default {
       return XEUtils.chunk(this.dayList, 7)
     },
     weekDates () {
-      return this.dayDatas.map(list => {
+      const { dayDatas, firstDayOfWeek } = this
+      return dayDatas.map(list => {
         const firstItem = list[0]
         const item = {
           date: firstItem.date,
@@ -966,7 +970,7 @@ export default {
           isCurrent: false,
           isNow: false,
           isNext: false,
-          label: XEUtils.getYearWeek(firstItem.date)
+          label: XEUtils.getYearWeek(firstItem.date, firstDayOfWeek)
         }
         return [item].concat(list)
       })
@@ -1045,8 +1049,10 @@ export default {
       this.initValue()
     },
     dateLabelFormat () {
-      this.dateParseValue(this.datePanelValue)
-      this.inputValue = this.datePanelLabel
+      if (this.isDatePickerType) {
+        this.dateParseValue(this.datePanelValue)
+        this.inputValue = this.datePanelLabel
+      }
     }
   },
   created () {
@@ -1292,7 +1298,7 @@ export default {
       }
     },
     afterCheckValue () {
-      const { type, exponential, inpReadonly, inputValue, isDatePickerType, isNumType, datetimePanelValue, dateLabelFormat, min, max } = this
+      const { type, exponential, inpReadonly, inputValue, isDatePickerType, isNumType, datetimePanelValue, dateLabelFormat, min, max, firstDayOfWeek } = this
       if (!inpReadonly) {
         if (isNumType) {
           if (inputValue) {
@@ -1340,7 +1346,7 @@ export default {
                   } else {
                     isChange = true
                   }
-                  this.inputValue = XEUtils.toDateString(inpDateVal, dateLabelFormat)
+                  this.inputValue = XEUtils.toDateString(inpDateVal, dateLabelFormat, { firstDay: firstDayOfWeek })
                   if (isChange) {
                     this.dateChange(inpDateVal)
                   }
@@ -1650,7 +1656,7 @@ export default {
       }
     },
     dateParseValue (date) {
-      const { type, dateLabelFormat, valueFormat } = this
+      const { type, dateLabelFormat, valueFormat, firstDayOfWeek } = this
       let dValue = null
       let dLabel = ''
       if (date) {
@@ -1661,7 +1667,20 @@ export default {
         }
       }
       if (XEUtils.isValidDate(dValue)) {
-        dLabel = XEUtils.toDateString(dValue, dateLabelFormat)
+        dLabel = XEUtils.toDateString(dValue, dateLabelFormat, { firstDay: firstDayOfWeek })
+        // 由于年份和第几周是冲突的行为，所以需要特殊处理，判断是否跨年
+        if (dateLabelFormat && type === 'week') {
+          const firstWeekDate = XEUtils.getWhatWeek(dValue, 0, firstDayOfWeek, firstDayOfWeek)
+          if (firstWeekDate.getFullYear() < dValue.getFullYear()) {
+            const yyIndex = dateLabelFormat.indexOf('yyyy')
+            if (yyIndex > -1) {
+              const yyNum = Number(dLabel.substring(yyIndex, yyIndex + 4))
+              if (yyNum && !isNaN(yyNum)) {
+                dLabel = dLabel.replace(`${yyNum}`, `${yyNum - 1}`)
+              }
+            }
+          }
+        }
       } else {
         dValue = null
       }
@@ -1669,7 +1688,7 @@ export default {
       this.datePanelLabel = dLabel
     },
     dateOffsetEvent (evnt) {
-      const { isActivated, datePanelValue, datePanelType } = this
+      const { isActivated, datePanelValue, datePanelType, firstDayOfWeek } = this
       if (isActivated) {
         evnt.preventDefault()
         const keyCode = evnt.keyCode
@@ -1718,11 +1737,11 @@ export default {
           if (isLeftArrow) {
             offsetDay = XEUtils.getWhatDay(offsetDay, -1)
           } else if (isUpArrow) {
-            offsetDay = XEUtils.getWhatWeek(offsetDay, -1)
+            offsetDay = XEUtils.getWhatWeek(offsetDay, -1, firstDayOfWeek)
           } else if (isRightArrow) {
             offsetDay = XEUtils.getWhatDay(offsetDay, 1)
           } else if (isDwArrow) {
-            offsetDay = XEUtils.getWhatWeek(offsetDay, 1)
+            offsetDay = XEUtils.getWhatWeek(offsetDay, 1, firstDayOfWeek)
           }
           this.dateMoveDay(offsetDay)
         }
@@ -1741,16 +1760,16 @@ export default {
       }
     },
     dateChange (date) {
-      const { value, datetimePanelValue, dateValueFormat } = this
+      const { value, datetimePanelValue, dateValueFormat, firstDayOfWeek } = this
       if (this.type === 'week') {
         const sWeek = XEUtils.toNumber(this.selectDay)
-        date = XEUtils.getWhatWeek(date, 0, sWeek)
+        date = XEUtils.getWhatWeek(date, 0, sWeek, firstDayOfWeek)
       } else if (this.hasTime) {
         date.setHours(datetimePanelValue.getHours())
         date.setMinutes(datetimePanelValue.getMinutes())
         date.setSeconds(datetimePanelValue.getSeconds())
       }
-      const inpVal = XEUtils.toDateString(date, dateValueFormat)
+      const inpVal = XEUtils.toDateString(date, dateValueFormat, { firstDay: firstDayOfWeek })
       this.dateCheckMonth(date)
       if (!XEUtils.isEqual(value, inpVal)) {
         this.emitModel(inpVal, { type: 'update' })

package/packages/radio/src/button.js

@@ -9,7 +9,8 @@ export default {
     title: [String, Number],
     content: [String, Number],
     disabled: Boolean,
-    size: { type: String, default: () => GlobalConfig.radio.size || GlobalConfig.size }
+    strict: { type: Boolean, default: () => GlobalConfig.radioButton.strict },
+    size: { type: String, default: () => GlobalConfig.radioButton.size || GlobalConfig.size }
   },
   inject: {
     $xeradiogroup: {
@@ -23,6 +24,10 @@ export default {
     isDisabled () {
       const { $xeradiogroup } = this
       return this.disabled || ($xeradiogroup && $xeradiogroup.disabled)
+    },
+    isStrict () {
+      const { $xeradiogroup } = this
+      return $xeradiogroup ? $xeradiogroup.strict : this.strict
     }
   },
   render (h) {
@@ -49,7 +54,8 @@ export default {
           checked: $xeradiogroup ? $xeradiogroup.value === label : value === label
         },
         on: {
-          change: this.changeEvent
+          change: this.changeEvent,
+          click: this.clickEvent
         }
       }),
       h('span', {
@@ -58,15 +64,27 @@ export default {
     ])
   },
   methods: {
+    handleValue (label, evnt) {
+      const { $xeradiogroup } = this
+      const params = { label, $event: evnt }
+      if ($xeradiogroup) {
+        $xeradiogroup.handleChecked(params)
+      } else {
+        this.$emit('input', label)
+        this.$emit('change', params)
+      }
+    },
     changeEvent (evnt) {
-      const { $xeradiogroup, isDisabled, label } = this
+      const { isDisabled } = this
       if (!isDisabled) {
-        const params = { label, $event: evnt }
-        if ($xeradiogroup) {
-          $xeradiogroup.handleChecked(params)
-        } else {
-          this.$emit('input', label)
-          this.$emit('change', params)
+        this.handleValue(this.label, evnt)
+      }
+    },
+    clickEvent (evnt) {
+      const { $xeradiogroup, isDisabled, isStrict } = this
+      if (!isDisabled && !isStrict) {
+        if (this.label === ($xeradiogroup ? $xeradiogroup.value : this.value)) {
+          this.handleValue(null, evnt)
         }
       }
     }

package/packages/radio/src/group.js

@@ -6,7 +6,8 @@ export default {
   props: {
     value: [String, Number, Boolean],
     disabled: Boolean,
-    size: { type: String, default: () => GlobalConfig.radio.size || GlobalConfig.size }
+    strict: { type: Boolean, default: () => GlobalConfig.radioGroup.strict },
+    size: { type: String, default: () => GlobalConfig.radioGroup.size || GlobalConfig.size }
   },
   provide () {
     return {

package/packages/radio/src/radio.js

@@ -12,6 +12,7 @@ export default {
     content: [String, Number],
     disabled: Boolean,
     name: String,
+    strict: { type: Boolean, default: () => GlobalConfig.radio.strict },
     size: { type: String, default: () => GlobalConfig.radio.size || GlobalConfig.size }
   },
   inject: {
@@ -23,6 +24,10 @@ export default {
     isDisabled () {
       const { $xeradiogroup } = this
       return this.disabled || ($xeradiogroup && $xeradiogroup.disabled)
+    },
+    isStrict () {
+      const { $xeradiogroup } = this
+      return $xeradiogroup ? $xeradiogroup.strict : this.strict
     }
   },
   render (h) {
@@ -49,17 +54,8 @@ export default {
           checked: $xeradiogroup ? $xeradiogroup.value === label : value === label
         },
         on: {
-          change: evnt => {
-            if (!isDisabled) {
-              const params = { label, $event: evnt }
-              if ($xeradiogroup) {
-                $xeradiogroup.handleChecked(params)
-              } else {
-                this.$emit('input', label)
-                this.$emit('change', params)
-              }
-            }
-          }
+          change: this.changeEvent,
+          click: this.clickEvent
         }
       }),
       h('span', {
@@ -71,15 +67,27 @@ export default {
     ])
   },
   methods: {
+    handleValue (label, evnt) {
+      const { $xeradiogroup } = this
+      const params = { label, $event: evnt }
+      if ($xeradiogroup) {
+        $xeradiogroup.handleChecked(params)
+      } else {
+        this.$emit('input', label)
+        this.$emit('change', params)
+      }
+    },
     changeEvent (evnt) {
-      const { $xeradiogroup, isDisabled, label } = this
+      const { isDisabled } = this
       if (!isDisabled) {
-        const params = { label, $event: evnt }
-        if ($xeradiogroup) {
-          $xeradiogroup.handleChecked(params)
-        } else {
-          this.$emit('input', label)
-          this.$emit('change', params)
+        this.handleValue(this.label, evnt)
+      }
+    },
+    clickEvent (evnt) {
+      const { $xeradiogroup, isDisabled, isStrict } = this
+      if (!isDisabled && !isStrict) {
+        if (this.label === ($xeradiogroup ? $xeradiogroup.value : this.value)) {
+          this.handleValue(null, evnt)
         }
       }
     }

package/packages/table/src/methods.js

@@ -606,7 +606,7 @@ const Methods = {
       }
       XEUtils.eachTree(rows, (childRow, index, items, path, parent, nodes) => {
         const rowid = getRowid(this, childRow)
-        const rest = { row: childRow, rowid, seq: -1, index: -1, _index: -1, $index: -1, items, parent, level: parentLevel + nodes.length }
+        const rest = { row: childRow, rowid, seq: -1, index, _index: -1, $index: -1, items, parent, level: parentLevel + nodes.length }
         fullDataRowIdData[rowid] = rest
         fullDataRowMap.set(childRow, rest)
         fullAllDataRowIdData[rowid] = rest
@@ -616,6 +616,7 @@ const Methods = {
       if (transform) {
         row[mapChildren] = rows
       }
+      this.updateAfterDataIndex()
       return rows
     })
   },
@@ -1250,7 +1251,7 @@ const Methods = {
           fullAllDataRowIdData[rowid] = rest
           fullDataRowIdData[rowid] = rest
         }
-      }, { children: treeOpts.mapChildren })
+      }, { children: treeOpts.transform ? treeOpts.mapChildren : treeOpts.children })
     } else {
       afterFullData.forEach((row, index) => {
         const rowid = getRowid(this, row)
@@ -1267,6 +1268,24 @@ const Methods = {
       })
     }
   },
+  /**
+   * 只对 tree-config 有效，获取行的父级
+   */
+  getParentRow (rowOrRowid) {
+    const { treeConfig, fullDataRowIdData } = this
+    if (rowOrRowid && treeConfig) {
+      let rowid
+      if (XEUtils.isString(rowOrRowid)) {
+        rowid = rowOrRowid
+      } else {
+        rowid = getRowid(this, rowOrRowid)
+      }
+      if (rowid) {
+        return fullDataRowIdData[rowid] ? fullDataRowIdData[rowid].parent : null
+      }
+    }
+    return null
+  },
   /**
    * 根据行的唯一主键获取行
    * @param {String/Number} rowid 行主键

package/packages/v-x-e-table/src/conf.js

@@ -292,7 +292,16 @@ export default {
     // transfer: false
   },
   radio: {
-    // size: null
+    // size: null,
+    strict: true
+  },
+  radioButton: {
+    // size: null,
+    strict: true
+  },
+  radioGroup: {
+    // size: null,
+    strict: true
   },
   checkbox: {
     // size: null