leisure-core 0.6.81 → 0.6.83

package/index.js

@@ -47,6 +47,10 @@ import LeInputAdvanced from "./le-input-advanced/index.js";
 import LeInputValidate from "./le-input-validate/index.js";
 import LeDatePickerAuto from "./le-date-picker-auto/index.js";
 import LeTableEdit from "./le-table-edit/index.js";
+import LeButtonAttach from "./le-button-attach/index.js";
+import LeSelectMulti from "./le-select-multi/index.js";
+import LeUploadTable from "./le-upload-table/index.js";
+import LeReport from "./le-report/index.js";
 
 const components = [
   LeArea,
@@ -92,6 +96,10 @@ const components = [
   LeInputValidate,
   LeDatePickerAuto,
   LeTableEdit,
+  LeButtonAttach,
+  LeSelectMulti,
+  LeUploadTable,
+  LeReport,
 ];
 
 const install = function (Vue) {
@@ -206,4 +214,8 @@ export default {
   LeInputValidate,
   LeDatePickerAuto,
   LeTableEdit,
+  LeButtonAttach,
+  LeSelectMulti,
+  LeUploadTable,
+  LeReport,
 };

package/le-button-attach/index.js

@@ -0,0 +1,6 @@
+import LeButtonAttach from "./src/main.vue";
+
+LeButtonAttach.install = function (Vue) {
+  Vue.component(LeButtonAttach.name, LeButtonAttach);
+};
+export default LeButtonAttach;

package/le-button-attach/src/main.vue

@@ -0,0 +1,171 @@
+<template>
+  <div class="le-button-attach">
+    <el-upload
+      action=""
+      :http-request="uploadFile"
+      :before-upload="beforeUpload"
+      :show-file-list="false"
+      :multiple="multiple"
+      :accept="acceptTypes"
+      :disabled="disabled"
+      :class="{ 'is-disabled': disabled }"
+    >
+      <el-button
+        :type="type"
+        :size="size"
+        :icon="icon"
+        :disabled="disabled"
+        :loading="loading"
+        v-if="false"
+      >
+        {{ buttonText }}
+      </el-button>
+    </el-upload>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "le-button-attach",
+  props: {
+    // 是否允许多选
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    // 按钮文字
+    buttonText: {
+      type: String,
+      default: "导入Excel",
+    },
+    // 按钮类型
+    type: {
+      type: String,
+      default: "primary",
+    },
+    // 按钮尺寸
+    size: {
+      type: String,
+      default: "small",
+    },
+    // 按钮图标
+    icon: {
+      type: String,
+      default: "el-icon-upload",
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    // 文件大小限制（MB）
+    maxSize: {
+      type: Number,
+      default: 10,
+    },
+    // 上传函数，接收文件
+    uploadFunction: {
+      type: Function,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      // 接受的Excel文件类型
+      acceptTypes: ".xlsx, .xls, .csv",
+      // 加载状态
+      loading: false,
+      // 上传中状态
+      uploading: false,
+    };
+  },
+  methods: {
+    /**
+     * 上传前校验
+     */
+    beforeUpload(file) {
+      // 校验文件类型
+      const isExcel = /\.(xlsx|xls|csv)$/i.test(file.name);
+      if (!isExcel) {
+        this.$message.error("只能上传Excel文件（.xlsx, .xls, .csv）!");
+        return false;
+      }
+
+      // 校验文件大小
+      const isLt10M = file.size / 1024 / 1024 < this.maxSize;
+      if (!isLt10M) {
+        this.$message.error(`上传文件大小不能超过 ${this.maxSize}MB!`);
+        return false;
+      }
+
+      this.loading = true;
+
+      // 触发上传前事件
+      this.$emit("before-upload", file);
+
+      return true;
+    },
+
+    /**
+     * 上传文件
+     */
+    async uploadFile(param) {
+      if (this.uploading) {
+        this.$message.warning("正在上传中，请稍候...");
+        return;
+      }
+
+      this.uploading = true;
+
+      try {
+        // 调用上传函数，只传入文件
+        const res = await this.uploadFunction(param.file);
+
+        // 上传成功处理
+        this.loading = false;
+        this.uploading = false;
+
+        // 触发成功事件
+        this.$emit("success", res.data, param.file);
+      } catch (error) {
+        this.loading = false;
+        this.uploading = false;
+
+        // 上传失败
+        const errorMessage =
+          error.message ||
+          error.response?.data?.info ||
+          error.response?.data?.message ||
+          "文件上传失败，请重试";
+        this.$message.error(errorMessage);
+        this.$emit("error", error, param.file);
+      }
+    },
+
+    /**
+     * 手动触发上传（用于外部调用）
+     */
+    triggerUpload() {
+      this.$el.querySelector(".el-upload__input").click();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.le-button-attach {
+  display: inline-block;
+
+  ::v-deep .el-upload {
+    display: inline-block;
+  }
+
+  &.is-disabled {
+    cursor: not-allowed;
+
+    ::v-deep .el-upload {
+      cursor: not-allowed;
+    }
+  }
+}
+</style>

package/le-home/src/sub.vue

@@ -0,0 +1,82 @@
+<template>
+  <div>
+    <!-- 有子菜单 → 渲染 el-submenu -->
+    <el-submenu v-if="hasChildren" :index="getIndex" :key="menuItem.id">
+      <template slot="title">
+        <i v-if="menuItem.icon" :class="menuItem.icon"></i>
+        <span>{{ menuItem.title }}</span>
+      </template>
+      <!-- 递归渲染子节点 -->
+      <menu-node
+        v-for="child in menuItem.children"
+        :key="child.id"
+        :menu-item="child"
+        :parent-index="getIndex"
+        @menu-click="handleChildClick"
+      />
+    </el-submenu>
+
+    <!-- 叶子菜单 → 渲染 el-menu-item -->
+    <el-menu-item
+      v-else
+      :index="getIndex"
+      @click="emitClick"
+      :title="shouldShowTooltip ? menuItem.title : ''"
+    >
+      <span class="menu-item-text">{{ menuItem.title }}</span>
+    </el-menu-item>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "MenuNode",
+  props: {
+    // 当前菜单项数据
+    menuItem: {
+      type: Object,
+      required: true,
+    },
+    // 父级 index，用于构建唯一层级路径
+    parentIndex: {
+      type: String,
+      default: "",
+    },
+  },
+  computed: {
+    // 是否有子菜单（且子菜单未被全部过滤掉）
+    hasChildren() {
+      return this.menuItem.children && this.menuItem.children.length > 0;
+    },
+    // 构建唯一 index，使用 id 拼接，避免同名冲突
+    getIndex() {
+      const base = this.parentIndex ? this.parentIndex + "-" : "";
+      return base + this.menuItem.id;
+    },
+    // 是否显示 tooltip（文字超长）
+    shouldShowTooltip() {
+      return this.menuItem.title && this.menuItem.title.length > 8;
+    },
+  },
+  methods: {
+    // 点击叶子菜单
+    emitClick() {
+      this.$emit("menu-click", this.menuItem);
+    },
+    // 子节点触发点击，向上冒泡
+    handleChildClick(item) {
+      this.$emit("menu-click", item);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.menu-item-text {
+  display: inline-block;
+  max-width: calc(100% + 25px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>

package/le-report/index.js

@@ -0,0 +1,6 @@
+import LeReport from "./src/main.vue";
+
+LeReport.install = function (Vue) {
+  Vue.component(LeReport.name, LeReport);
+};
+export default LeReport;