feat: 更新demos

Author: iotjin

package.json

@@ -16,7 +16,7 @@
     "@vueuse/core": "10.11.0",
     "@wangeditor/editor": "5.1.23",
     "@wangeditor/editor-for-vue": "5.1.12",
-    "axios": "1.7.2",
+    "axios": "1.7.7",
     "codemirror": "5.65.16",
     "crypto-js": "4.2.0",
     "dayjs": "1.11.11",
@@ -27,7 +27,7 @@
     "moment": "^2.30.1",
     "nprogress": "0.2.0",
     "path-browserify": "1.0.1",
-    "path-to-regexp": "7.0.0",
+    "path-to-regexp": "8.2.0",
     "pinia": "2.1.7",
     "screenfull": "6.0.2",
     "vue": "3.4.31",
@@ -53,7 +53,7 @@
     "fast-glob": "^3.3.2",
     "mockjs": "^1.1.0",
     "postcss": "^8.4.39",
-    "rollup": "2.77.4-1",
+    "rollup": "2.79.2",
     "sass": "^1.77.8",
     "typescript": "^5.5.3",
     "unocss": "^0.58.9",

src/views/demos/components/debounce.vue

@@ -84,8 +84,4 @@ const requestList = () => {
 }
 </script>
 
-<style lang="scss" scoped>
-::v-deep .el-input__icon:after {
-  height: auto;
-}
-</style>
+<style lang="scss" scoped></style>

src/views/demos/tables/table1/setStatus.vue

@@ -31,7 +31,7 @@
 
 <script setup lang="ts">
 import { getDictStatus } from '@/api/base/base'
-import { type DraggableEvent, type UseDraggableReturn, VueDraggable } from 'vue-draggable-plus'
+import { type UseDraggableReturn, VueDraggable } from 'vue-draggable-plus'
 
 const emit = defineEmits(['change'])
 
@@ -154,11 +154,11 @@ const handleChange = (value: number[] | string[], direction: 'left' | 'right', m
   onChange()
 }
 
-const onStart = (e: DraggableEvent) => {
+const onStart = (e: any) => {
   console.log('start', e)
 }
 
-const onEnd = (e: DraggableEvent) => {
+const onEnd = (e: any) => {
   console.log('onEnd', e)
   for (let i = 0; i < state.selectStatusList.length; i++) {
     var item = state.selectStatusList[i]

src/views/demos/tables/table10.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-import { type DraggableEvent, type UseDraggableReturn, VueDraggable } from 'vue-draggable-plus'
+import { type SortableEvent, type UseDraggableReturn, VueDraggable } from 'vue-draggable-plus'
 import { useDraggable } from 'vue-draggable-plus'
 
 const dragRef = ref<UseDraggableReturn>()
@@ -124,11 +124,11 @@ const draggable = useDraggable('tbody', tableData2, {
   }
 })
 
-const onStart = (e: DraggableEvent) => {
+const onStart = (e: SortableEvent) => {
   console.log('start', e)
 }
 
-const onEnd = (e: DraggableEvent) => {
+const onEnd = (e: SortableEvent) => {
   console.log('onEnd', e)
   const { newIndex, oldIndex }: any = e
   console.log('拖动了行，当前序号：' + newIndex)

src/views/demos/tables/table3.vue

@@ -153,17 +153,48 @@ const expandChange = (row: TableType, rows: TableType[]) => {
 </script>
 
 <style lang="scss" scoped>
+// .app-container {
+//   ::v-deep {
+//     .el-table th {
+//       background: #ddeeff;
+//     }
+//     .el-table__expanded-cell {
+//       border-bottom: 0px;
+//       border-right: 0px;
+//       padding: 0px 0px 0px 47px;
+//     }
+//   }
+//   .table-in-table {
+//     border-top: 0px;
+//   }
+// }
+
+// .app-container {
+//   :deep {
+//     .el-table th {
+//       background: #ddeeff;
+//     }
+//     .el-table__expanded-cell {
+//       border-bottom: 0px;
+//       border-right: 0px;
+//       padding: 0px 0px 0px 47px;
+//     }
+//   }
+//   .table-in-table {
+//     border-top: 0px;
+//   }
+// }
+
 .app-container {
-  ::v-deep {
-    .el-table th {
-      background: #ddeeff;
-    }
-    .el-table__expanded-cell {
-      border-bottom: 0px;
-      border-right: 0px;
-      padding: 0px 0px 0px 47px;
-    }
+  :deep(.el-table th) {
+    background: #ddeeff;
+  }
+  :deep(.el-table__expanded-cell) {
+    border-bottom: 0px;
+    border-right: 0px;
+    padding: 0px 0px 0px 47px;
   }
+
   .table-in-table {
     border-top: 0px;
   }

src/views/demos/tables/table4.vue

@@ -163,16 +163,40 @@ const expandChange = (row: TableType, rows: TableType[]) => {
 </script>
 
 <style lang="scss" scoped>
-::v-deep {
-  .row-expand-unhas .el-table__expand-column {
-    pointer-events: none;
-  }
-  .row-expand-unhas .el-table__expand-column .el-icon {
-    visibility: hidden;
-  }
+// ::v-deep {
+//   .row-expand-unhas .el-table__expand-column {
+//     pointer-events: none;
+//   }
+//   .row-expand-unhas .el-table__expand-column .el-icon {
+//     visibility: hidden;
+//   }
 
-  .el-table__expanded-cell {
-    padding: 20px 50px;
-  }
+//   .el-table__expanded-cell {
+//     padding: 20px 50px;
+//   }
+// }
+
+// :deep {
+//   .row-expand-unhas .el-table__expand-column {
+//     pointer-events: none;
+//   }
+//   .row-expand-unhas .el-table__expand-column .el-icon {
+//     visibility: hidden;
+//   }
+
+//   .el-table__expanded-cell {
+//     padding: 20px 50px;
+//   }
+// }
+
+:deep(.row-expand-unhas .el-table__expand-column) {
+  pointer-events: none;
+}
+:deep(.row-expand-unhas .el-table__expand-column .el-icon) {
+  visibility: hidden;
+}
+
+:deep(.el-table__expanded-cell) {
+  padding: 20px 50px;
 }
 </style>

src/views/system/role/authDialog.vue

@@ -178,7 +178,18 @@ const submitRequest = () => {
   color: #999;
 }
 
-::v-deep .el-tree-node.is-current > .el-tree-node__content {
+// ::v-deep .el-tree-node.is-current > .el-tree-node__content {
+//   // font-weight: bold;
+//   // color: #00ccb8;
+//   // background: #f0fcff;
+//   background: var(--selectRowBgColor);
+// }
+
+// :deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content) {
+//   background: var(--selectRowBgColor);
+// }
+
+:deep(.el-tree-node.is-current > .el-tree-node__content) {
   // font-weight: bold;
   // color: #00ccb8;
   // background: #f0fcff;