ljr-cli 1.0.0 → 1.0.2

package/lib/templates/vue2.7.16/src/store/modules/permissions.js

@@ -0,0 +1,24 @@
+const permissions = {
+  state: {
+    permissions: [-1], // 权限，-1表示管理员权限，拥有所有权限
+  },
+  mutations: {
+    /** 设置管理员权限 */
+    setAdminPermissions(state) {
+      state.permissions = [-1]
+    },
+    /** 添加删除权限 */
+    addDeletePermissions(state) {
+      if (!state.permissions.includes("hasDelete")) {
+        state.permissions = state.permissions.concat(["hasDelete"])
+      }
+    },
+    /** 清空权限 */
+    clearPermissions(state) {
+      state.permissions = []
+    },
+  },
+  actions: {},
+}
+
+export default permissions

package/lib/templates/vue2.7.16/src/views/404.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>我是404</div>
+</template>
+
+<script>
+export default {}
+</script>

package/lib/templates/vue2.7.16/src/views/Pitfalls//345/206/205/345/255/230/346/272/242/345/207/272/index.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="c-layout">
+    <!-- 顶部 -->
+    <div class="c-mb20">
+      <el-button type="primary" @click="normalAssignment()"> 正常赋值 </el-button>
+      <el-button type="danger" @click="memoryOverflow()"> 内存溢出赋值 </el-button>
+      <el-divider></el-divider>
+      <div>
+        这里没有复现出来，可能数据量不够大，一开始是表格渲染太多造成卡顿，然后改成虚拟列表，后面又因为tableData的数据量大，
+        vue2双向对每个属性进行set、get耗时太长，造成内存溢出，然后把fatherObj的只存fatherId，
+        因为历史遗留问题，所以一开始没把整个tableData改成不是响应式的，最后改成非响应式的tableData，再把有影响的计算属性啥的再整理修改一下
+      </div>
+    </div>
+
+    <!-- 表格 -->
+    <el-table class="c-layout--flex c-overflow-auto" :data="tableData" border height="100%">
+      <el-table-column type="index" width="50"> </el-table-column>
+      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
+      <el-table-column prop="address" label="地址"> </el-table-column>
+      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
+      <el-table-column fixed="right" label="操作" width="150">
+        <template slot-scope="{ row, $index }">
+          <el-button type="primary" @click="ce(row)"> 编辑 </el-button>
+          <el-button type="danger" @click="del($index)"> 删除 </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { testData } from "./造成vue2内存溢出的对象.js"
+
+export default {
+  data() {
+    return {
+      tableData: [],
+    }
+  },
+  methods: {
+    /** 正常赋值 */
+    normalAssignment() {
+      this.tableData = testData
+    },
+    /** 内存溢出赋值 */
+    memoryOverflow() {
+      testData.forEach((e1) => {
+        e1.ovhWodApplySubtermReferenceList.forEach((e2) => {
+          e2.fatherObj = e1
+        })
+      })
+      this.tableData = testData
+    },
+  },
+}
+</script>