vxe-pc-ui 3.15.13 → 3.15.14

package/packages/language/hu-HU.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Jobbra fagy',
       cancelFixed: 'Kiolvaszt'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} Évek'
     },

package/packages/language/hy-AM.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: '冻结在右侧',
       cancelFixed: '取消冻结列'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} 年'
     },

package/packages/language/id-ID.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Bekukan benar',
       cancelFixed: 'Unfreeze'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} tahun'
     },

package/packages/language/it-IT.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Freeze Right',
       cancelFixed: 'Scongelare'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} anni'
     },

package/packages/language/ja-JP.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: '右にフリーズします',
       cancelFixed: '凍結柱'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0}年'
     },

package/packages/language/ko-KR.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: '오른쪽에서 얼립니다',
       cancelFixed: '열매 열이 없습니다'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} 년'
     },

package/packages/language/ms-MY.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Membekukan di sebelah kanan',
       cancelFixed: 'Lajur yang tidak jelas'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} tahun'
     },

package/packages/language/nb-NO.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Frys til høyre',
       cancelFixed: 'Frigjøre'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} år'
     },

package/packages/language/pt-BR.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Congele à direita',
       cancelFixed: 'Descongelar'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} anos'
     },

package/packages/language/ru-RU.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Заморозить справа',
       cancelFixed: 'Размороженные столбцы'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} Годы'
     },

package/packages/language/th-TH.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'แช่แข็งขวา',
       cancelFixed: 'สูดดม'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} ปี'
     },

package/packages/language/ug-CN.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'ئوڭ ياندا توڭلىتىش',
       cancelFixed: 'قۇر توڭلىتىشنى ئەمەلدىن قالدۇرۇش'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} يىل'
     },

package/packages/language/uk-UA.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Заморожуйте право',
       cancelFixed: 'Розморожувати'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} років'
     },

package/packages/language/uz-UZ.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: "O'ng tomonda muzlatib qo'ying",
       cancelFixed: "Urug'lar ustunini"
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} yillar'
     },

package/packages/language/vi-VN.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: 'Đóng băng bên phải',
       cancelFixed: 'Mở ra cột'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} năm'
     },

package/packages/language/zh-CHT.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: '凍結在右側',
       cancelFixed: '取消凍結列'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} 年'
     },

package/packages/language/zh-CN.ts

@@ -287,6 +287,9 @@ export default {
       fixedRight: '冻结在右侧',
       cancelFixed: '取消冻结列'
     },
+    iconPicker: {
+      search: '搜索'
+    },
     datePicker: {
       yearTitle: '{0} 年'
     },

package/packages/list/src/list.ts

@@ -1343,13 +1343,19 @@ export default /* define-vxe-component start */ defineVxeComponent({
     },
     handleRowClickEvent (evnt: MouseEvent, row: any) {
       const $xeList = this
+      const props = $xeList
       const reactData = $xeList.reactData
       const internalData = $xeList.internalData
 
+      const { showRadio, showCheckbox } = props
       const { currentRow } = internalData
+      const radioOpts = $xeList.computeRadioOpts
+      const checkboxOpts = $xeList.computeCheckboxOpts
       const rowOpts = $xeList.computeRowOpts
       const { isCurrent } = rowOpts
       let triggerCurrent = false
+      let triggerRadio = false
+      let triggerCheckbox = false
       if (isCurrent) {
         triggerCurrent = true
         $xeList.changeCurrentEvent(evnt, row)
@@ -1357,7 +1363,15 @@ export default /* define-vxe-component start */ defineVxeComponent({
         internalData.currentRow = null
         reactData.currRowFlag++
       }
-      $xeList.dispatchEvent('row-click', { row, triggerCurrent }, evnt)
+      if (showRadio && radioOpts.trigger === 'row') {
+        triggerRadio = true
+        $xeList.changeRadioEvent(evnt, row)
+      }
+      if (showCheckbox && checkboxOpts.trigger === 'row') {
+        triggerCheckbox = true
+        $xeList.changeCheckboxEvent(evnt, row)
+      }
+      $xeList.dispatchEvent('row-click', { row, triggerCurrent, triggerRadio, triggerCheckbox }, evnt)
     },
     handleRowDblclickEvent (evnt: MouseEvent, row: any) {
       const $xeList = this

package/packages/radio/src/button.ts

@@ -231,7 +231,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
           }
         }),
         h('span', {
-          class: 'vxe-radio--label'
+          class: ['vxe-radio--label', {
+            'is--disabled': isDisabled
+          }]
         }, defaultSlot ? defaultSlot({}) : getFuncText(content))
       ])
     }

package/packages/radio/src/group.ts

@@ -34,6 +34,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
       default: null
     },
     type: String as PropType<VxeRadioGroupPropTypes.Type>,
+    status: {
+      type: String as PropType<VxeRadioGroupPropTypes.Status>,
+      default: () => getConfig().radioGroup.status
+    },
     options: Array as PropType<VxeRadioGroupPropTypes.Options>,
     optionProps: Object as PropType<VxeRadioGroupPropTypes.OptionProps>,
     strict: {
@@ -216,7 +220,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeRadioGroup
       const slots = $xeRadioGroup.$scopedSlots
 
-      const { options, type } = props
+      const { options, type, status } = props
       const vSize = $xeRadioGroup.computeSize
       const defaultSlot = slots.default
       const valueField = $xeRadioGroup.computeValueField as 'value'
@@ -226,6 +230,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
 
       return h('div', {
         class: ['vxe-radio-group', {
+          [`theme--${status}`]: status,
           [`size--${vSize}`]: vSize
         }]
       }, defaultSlot

package/packages/tree/src/tree.ts

@@ -2,7 +2,7 @@ import { PropType, CreateElement, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, createEvent, globalEvents, globalResize, renderEmptyElement, globalMixins } from '../../ui'
-import { calcTreeLine } from './util'
+import { calcTreeLine, getItemCacheObj } from './util'
 import { createComponentLog } from '../../ui/src/log'
 import { getSlotVNs } from '../../ui/src/vn'
 import { crossTreeDragNodeGlobal, getCrossTreeDragNodeInfo } from './store'
@@ -13,7 +13,7 @@ import VxeLoadingComponent from '../../loading'
 
 import type { TreeReactData, VxeTreeEmits, VxeTreeConstructor, VxeTreePropTypes, TreeInternalData, VxeTreeDefines, VxeTreePrivateMethods, VxeComponentSizeType, ValueOf } from '../../../types'
 
-const { errLog } = createComponentLog('tree')
+const { warnLog, errLog } = createComponentLog('tree')
 
 const { menus, getConfig, getI18n, getIcon } = VxeUI
 
@@ -498,6 +498,47 @@ function handleVisibleOrCheckMode (mode: '' | 'all' | 'first' | 'last' | null |
   return true
 }
 
+function insertTreeNode ($xeTree: VxeTreeConstructor, newRecords: any[], isAppend: boolean) {
+  const internalData = $xeTree.internalData
+
+  const { treeFullData, nodeMaps } = internalData
+  const keyField = $xeTree.computeKeyField
+  const parentField = $xeTree.computeParentField
+  const childrenField = $xeTree.computeChildrenField
+  const mapChildrenField = $xeTree.computeMapChildrenField
+  const funcName = isAppend ? 'push' : 'unshift'
+  newRecords.forEach((item) => {
+    const parentRowId = item[parentField]
+    const nodeid = $xeTree.getNodeId(item)
+    const matchObj = parentRowId ? XEUtils.findTree(treeFullData, (item) => parentRowId === item[keyField], { children: mapChildrenField }) : null
+    const itemRest = getItemCacheObj(item)
+    if (matchObj) {
+      const { item: parentItem } = matchObj
+      const parentRest = nodeMaps[$xeTree.getNodeId(parentItem)]
+      const parentLevel = parentRest ? parentRest.level : 0
+      let pChilds = parentItem[childrenField]
+      let pMapChilds = parentItem[mapChildrenField]
+      if (!XEUtils.isArray(pChilds)) {
+        pChilds = parentItem[childrenField] = []
+      }
+      if (!XEUtils.isArray(pMapChilds)) {
+        pMapChilds = parentItem[mapChildrenField] = []
+      }
+      itemRest.parent = parentItem
+      itemRest.items = pChilds
+      itemRest.level = parentLevel
+      pChilds[funcName](item)
+      pMapChilds[funcName](item)
+    } else {
+      if (parentRowId) {
+        warnLog('vxe.error.unableInsert')
+      }
+      treeFullData[funcName](item)
+    }
+    nodeMaps[nodeid] = itemRest
+  })
+}
+
 function createInternalData (): TreeInternalData {
   return {
     // initialized: false,
@@ -521,6 +562,9 @@ function createInternalData (): TreeInternalData {
       rowHeight: 0
     },
 
+    removeRowMaps: {},
+    insertRowMaps: {},
+
     // prevDragNode: null,
     // prevDragToChild: false,
     // prevDragPos: ''
@@ -544,6 +588,8 @@ function createReactData ():TreeReactData {
     treeList: [],
     updateExpandedFlag: 1,
     updateCheckboxFlag: 1,
+    insertRowFlag: 1,
+    removeRowFlag: 1,
     dragNode: null,
     dragTipText: ''
   }
@@ -1579,6 +1625,207 @@ export default /* define-vxe-component start */ defineVxeComponent({
       internalData.lastScrollLeft = 0
       return $xeTree.$nextTick()
     },
+    handleInsertNodeAt (records: any[], targetNodeOrNodeid: any, isInsertNextNode?: any) {
+      const $xeTree = this
+      const props = $xeTree
+      const reactData = $xeTree.reactData
+      const internalData = $xeTree.internalData
+
+      const { transform } = props
+      const { treeFullData, nodeMaps } = internalData
+      const keyField = $xeTree.computeKeyField
+      const parentField = $xeTree.computeParentField
+      const childrenField = $xeTree.computeChildrenField
+      const mapChildrenField = $xeTree.computeMapChildrenField
+      if (!transform) {
+        errLog('vxe.error.reqSupportProp', ['insert() | insertAt() | insertNextAt()', 'transform'])
+        return Promise.resolve({ node: null, nodes: [] })
+      }
+      if (!XEUtils.isArray(records)) {
+        records = [records]
+      }
+      let targetNode = targetNodeOrNodeid
+      if (XEUtils.isString(targetNodeOrNodeid) || XEUtils.isNumber(targetNodeOrNodeid)) {
+        const nodeRest = nodeMaps[targetNodeOrNodeid]
+        if (nodeRest) {
+          targetNode = nodeRest.item
+        }
+      }
+      if (!records.length) {
+        return Promise.resolve({ node: null, nodes: [] })
+      }
+      const newRecords = records.map(record => XEUtils.assign({ [mapChildrenField]: [], [childrenField]: [] }, record))
+      const treeRecords = XEUtils.toArrayTree(newRecords, { key: keyField, parentKey: parentField, children: childrenField })
+
+      if (XEUtils.eqNull(targetNode)) {
+        insertTreeNode($xeTree, newRecords, false)
+      } else {
+        if (targetNode === -1) {
+          insertTreeNode($xeTree, newRecords, true)
+        } else {
+          const matchMapObj = XEUtils.findTree(treeFullData, item => targetNode[keyField] === item[keyField], { children: mapChildrenField })
+          if (matchMapObj) {
+            const { parent: parentNode } = matchMapObj
+            const parentMapChilds = parentNode ? parentNode[mapChildrenField] : treeFullData
+            const parentRest = nodeMaps[$xeTree.getNodeId(parentNode)]
+            const parentLevel = parentRest ? parentRest.level : 0
+            treeRecords.forEach((row, i) => {
+              if (parentNode) {
+                if (row[parentField] !== parentNode[keyField]) {
+                  errLog('vxe.error.errProp', [`${parentField}=${row[parentField]}`, `${parentField}=${parentNode[keyField]}`])
+                  row[parentField] = parentNode[keyField]
+                }
+              } else {
+                if (row[parentField] !== null) {
+                  if (!XEUtils.eqNull(row[parentField])) {
+                    errLog('vxe.error.errProp', [`${parentField}=${row[parentField]}`, 'null'])
+                  }
+                  row[parentField] = null
+                }
+              }
+              let targetIndex = matchMapObj.index + i
+              if (isInsertNextNode) {
+                targetIndex = targetIndex + 1
+              }
+              parentMapChilds.splice(targetIndex, 0, row)
+            })
+            XEUtils.eachTree(treeRecords, (item) => {
+              const nodeid = $xeTree.getNodeId(item)
+              const nodeRest = getItemCacheObj(item)
+              nodeRest.level = parentLevel
+              if (item[childrenField]) {
+                item[mapChildrenField] = item[childrenField]
+              }
+              nodeMaps[nodeid] = nodeRest
+            }, { children: childrenField })
+            // 源
+            if (parentNode) {
+              const matchObj = XEUtils.findTree(treeFullData, item => targetNode[keyField] === item[keyField], { children: childrenField })
+              if (matchObj) {
+                const parentChilds = matchObj.items
+                let targetIndex = matchObj.index
+                if (isInsertNextNode) {
+                  targetIndex = targetIndex + 1
+                }
+                parentChilds.splice(targetIndex, 0, ...treeRecords)
+              }
+            }
+          } else {
+            warnLog('vxe.error.unableInsert')
+            insertTreeNode($xeTree, newRecords, true)
+          }
+        }
+      }
+      reactData.insertRowFlag++
+      $xeTree.cacheNodeMap()
+      $xeTree.handleData(true)
+      $xeTree.updateAfterDataIndex()
+      $xeTree.updateCheckboxStatus()
+      if (reactData.scrollYLoad) {
+        $xeTree.updateYSpace()
+      }
+      return $xeTree.$nextTick().then(() => {
+        return {
+          node: newRecords.length ? newRecords[newRecords.length - 1] : null,
+          nodes: newRecords
+        }
+      })
+    },
+    insert (records: any) {
+      const $xeTree = this
+
+      return $xeTree.handleInsertNodeAt(records, null)
+    },
+    insertAt (records: any, targetNodeOrNodeid?: any) {
+      const $xeTree = this
+
+      return $xeTree.handleInsertNodeAt(records, targetNodeOrNodeid)
+    },
+    insertNextAt (records: any, targetNodeOrNodeid?: any) {
+      const $xeTree = this
+
+      return $xeTree.handleInsertNodeAt(records, targetNodeOrNodeid, true)
+    },
+    remove (nodes?: any) {
+      const $xeTree = this
+      const props = $xeTree
+      const reactData = $xeTree.reactData
+      const internalData = $xeTree.internalData
+
+      const { transform } = props
+      const { treeFullData } = internalData
+      const childrenField = $xeTree.computeChildrenField
+      const mapChildrenField = $xeTree.computeMapChildrenField
+      if (!transform) {
+        errLog('vxe.error.reqSupportProp', ['remove()', 'transform'])
+        return Promise.resolve({ node: null, nodes: [] })
+      }
+      let delList: any[] = []
+      if (!nodes) {
+        nodes = treeFullData
+      } else if (!XEUtils.isArray(nodes)) {
+        nodes = [nodes]
+      }
+      if (!nodes.length) {
+        return Promise.resolve({ node: null, nodes: [] })
+      }
+
+      // 从数据源中移除
+      if (treeFullData === nodes) {
+        nodes = delList = treeFullData.slice(0)
+        internalData.treeFullData = []
+      } else {
+        nodes.forEach((item: any) => {
+          const nodeid = $xeTree.getNodeId(item)
+          const matchMapObj = XEUtils.findTree(treeFullData, item => nodeid === $xeTree.getNodeId(item), { children: mapChildrenField })
+          if (matchMapObj) {
+            const rItems = matchMapObj.items.splice(matchMapObj.index, 1)
+            delList.push(rItems[0])
+          }
+          const matchObj = XEUtils.findTree(treeFullData, item => nodeid === $xeTree.getNodeId(item), { children: childrenField })
+          if (matchObj) {
+            const rItems = matchObj.items.splice(matchObj.index, 1)
+            delList.push(rItems[0])
+          }
+        })
+      }
+      reactData.removeRowFlag++
+      reactData.insertRowFlag++
+      $xeTree.cacheNodeMap()
+      $xeTree.handleData(true)
+      $xeTree.updateAfterDataIndex()
+      $xeTree.updateCheckboxStatus()
+      if (reactData.scrollYLoad) {
+        $xeTree.updateYSpace()
+      }
+      return $xeTree.$nextTick().then(() => {
+        return $xeTree.recalculate()
+      }).then(() => {
+        return { node: delList.length ? delList[delList.length - 1] : null, nodes: delList }
+      })
+    },
+    getInsertRecords () {
+      const $xeTree = this
+      const internalData = $xeTree.internalData
+
+      const { insertRowMaps } = internalData
+      const insertRecords: any[] = []
+      XEUtils.each(insertRowMaps, (row) => {
+        insertRecords.push(row)
+      })
+      return insertRecords
+    },
+    getRemoveRecords () {
+      const $xeTree = this
+      const internalData = $xeTree.internalData
+
+      const { removeRowMaps } = internalData
+      const removeRecords: any[] = []
+      XEUtils.each(removeRowMaps, (row) => {
+        removeRecords.push(row)
+      })
+      return removeRecords
+    },
     handleNodeMousedownEvent (evnt: MouseEvent, node: any) {
       const $xeTree = this
       const props = $xeTree
@@ -3102,8 +3349,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
     if (drag && !transform) {
       errLog('vxe.error.notSupportProp', ['drag', 'transform=false', 'transform=true'])
     }
-    if (dragOpts.isCrossTreeDrag) {
-      errLog('vxe.error.notProp', ['drag-config.isCrossTreeDrag'])
+    if (dragOpts.isCrossTreeDrag && !dragOpts.isCrossDrag) {
+      errLog('vxe.error.reqSupportProp', ['drag-config.isCrossTreeDrag', 'drag-config.isCrossDrag'])
     }
     // if (valueField) {
     //   errLog('vxe.error.delProp', ['value-field', 'value-field'])

package/packages/tree/src/util.ts

@@ -1,4 +1,4 @@
-import type { VxeTreeConstructor } from '../../../types'
+import type { VxeTreeConstructor, VxeTreeDefines } from '../../../types'
 
 function countTreeExpand ($xeTree: VxeTreeConstructor, prevNode: any) {
   let count = 1
@@ -32,3 +32,19 @@ export function calcTreeLine ($xeTree: VxeTreeConstructor, node: any, prevNode:
   }
   return (rowHeight || 28) * expandSize - (prevNode ? 1 : 12)
 }
+
+export function getItemCacheObj (item: any): VxeTreeDefines.NodeCacheItem {
+  return {
+    item,
+    index: -1,
+    $index: -1,
+    _index: -1,
+    items: [],
+    parent: null,
+    nodes: [],
+    level: 0,
+    treeIndex: -1,
+    lineCount: 0,
+    treeLoaded: false
+  }
+}

package/packages/ui/index.ts

@@ -185,7 +185,10 @@ setConfig({
   formView: {},
   icon: {},
   iconPicker: {
-    icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar']
+    icons: ['home', 'company', 'comment', 'setting', 'send', 'envelope', 'envelope-open', 'bell', 'search', 'print', 'pc', 'goods', 'chart-line', 'edit', 'delete', 'save', 'folder', 'microphone', 'flag', 'link', 'location', 'sunny', 'rmb', 'usd', 'user', 'add-user', 'add-users', 'star', 'unlock', 'time', 'text', 'feedback', 'calendar', 'association-form', 'cloud-download', 'cloud-upload', 'file', 'subtable', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar'],
+    popupConfig: {
+      // chunkSize: 4
+    }
   },
   image: {
     draggable: null,