@ddwl/ddwl-ui 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ddwl/ddwl-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "private": false,
   "main": "src/main.js",
   "style": "lib/theme/index.css",

package/src/main.js

@@ -16,6 +16,10 @@ import SearchTable from './packages/search-table'
 import SvgIcon from './packages/svg-icon'
 import Table from './packages/table'
 import Upload from './packages/upload'
+import Select from './packages/select'
+import CheckboxGroup from './packages/checkbox-group'
+import RadioGroup from './packages/radio-group'
+
 import extendComponentInstall from './lib/install/index.js'
 
 import './lib/theme/index.css'
@@ -38,7 +42,10 @@ const components = [
   SearchTable,
   SvgIcon,
   Table,
-  Upload
+  Upload,
+  Select,
+  CheckboxGroup,
+  RadioGroup
 ]
 
 const install = (Vue, opts = {}) => {

package/src/packages/table/index.vue

@@ -61,7 +61,7 @@
         </template>
       </el-table-column>
       <el-table-column
-        v-if="draggable"
+        v-if="draggable && rowKey"
         label=""
         width="55"
         align="center"
@@ -224,6 +224,10 @@ export default {
     }
   },
   mounted () {
+    if (this.draggable && !this.rowKey) {
+      console.error('[DTable] 请设置正确的 rowKey 用于拖拽排序')
+    }
+    
     this.checkedList = this.defaultCheckList
     // 如果不需要分页器，每页显示条目数设置最大
     if (!this.pagination) {
@@ -409,13 +413,11 @@ export default {
         handle: '.table-drag-icon',
         onEnd: (evt) => {
           // 拖拽后数据位置置换
-          const oldList = JSON.parse(JSON.stringify(this.list))
-          const data = oldList.splice(evt.oldIndex, 1)
-          oldList.splice(evt.newIndex, 0, data[0])
-          this.list = oldList
-          // this.key++
+          const data = this.list.splice(evt.oldIndex, 1)[0]
+          this.list.splice(evt.newIndex, 0, data)
+
           this.$nextTick(() => {
-            // 改变key值table重新渲染导致拖拽功能消失，需要重新初始化sorable实例
+            // 重新初始化table
             this.initSortable()
             this.handleSelectionData()
             this.$emit('drag-change', this.list, evt)

package/src/packages/upload/index.vue

@@ -277,8 +277,6 @@ export default {
     },
     uploadRemove (file) {
       this.value = this.value.filter(item => item.fileUrl !== file.fileUrl)
-      // const index = this.value.findIndex((item) => item.fileUrl === file.fileUrl)
-      // index > -1 && this.value.splice(index, 1)
       this.$parent.$emit('el.form.change')
     },
     picturePreview (index) {