leisure-core 0.6.65 → 0.6.66

package/le-list/src/main.vue

@@ -211,6 +211,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    autoOpenDetail: {
+      type: [Boolean, Object, String],
+      default: false,
+    },
   },
   watch: {
     searchParam: {
@@ -231,6 +235,33 @@ export default {
       },
       immediate: false,
     },
+    tableData: {
+      handler(newVal) {
+        if (
+          this.autoOpenDetail &&
+          !this.autoOpened &&
+          newVal &&
+          newVal.length
+        ) {
+          this.$nextTick(() => {
+            this.tryAutoOpenDetail();
+          });
+        }
+      },
+      immediate: false, // 避免在 mounted 之前触发
+      deep: false,
+    },
+    autoOpenDetail: {
+      handler() {
+        this.autoOpened = false; // 重置标记，允许重新自动打开
+        if (this.tableData && this.tableData.length) {
+          this.$nextTick(() => {
+            this.tryAutoOpenDetail();
+          });
+        }
+      },
+      immediate: true,
+    },
   },
   data() {
     return {
@@ -243,6 +274,8 @@ export default {
       },
       showDialog: false,
       handleStatus: 0, //处理状态 0:详情 1:新增 2:编辑
+
+      autoOpened: false, // 防止重复打开
       componentMap: {
         url: {
           component: "le-url",
@@ -346,6 +379,48 @@ export default {
       this.$emit("detailCurrentRow", row);
       this.showDialog = true;
     },
+    openFirstDetail() {
+      if (this.tableData && this.tableData.length > 0) {
+        const firstRow = this.tableData[0];
+        this.detail(firstRow);
+      }
+    },
+    resetAutoOpenFlag() {
+      this.autoOpened = false;
+    },
+    tryAutoOpenDetail() {
+      if (this.autoOpened) return;
+      const config = this.autoOpenDetail;
+      if (!config) return;
+
+      let targetRow = null;
+      if (config === true || config === "first") {
+        if (this.tableData && this.tableData.length) {
+          targetRow = this.tableData[0];
+        } else {
+          console.warn("le-list: 表格数据为空，无法自动打开第一行详情");
+          return;
+        }
+      } else if (typeof config === "object" && config !== null) {
+        // 传入的对象即视为行数据
+        if (Object.keys(config).length) {
+          targetRow = config;
+        } else {
+          console.warn("le-list: 自动打开配置的行数据为空对象");
+          return;
+        }
+      }
+
+      if (targetRow) {
+        // 使用双重 nextTick 确保表格完全渲染后再打开弹窗，消除闪烁
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.detail(targetRow);
+            this.autoOpened = true;
+          }, 50); // 极短延迟，平滑过渡
+        });
+      }
+    },
     addItem() {
       this.handleStatus = 1;
       this.$emit("handleStatus", this.handleStatus);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leisure-core",
-  "version": "0.6.65",
+  "version": "0.6.66",
   "description": "leisure-core是京心数据基于vue2.x开发的一套后台管理系统桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",