leisure-core 1.0.2 → 1.0.3

package/index.js

@@ -0,0 +1,223 @@
+import LeDrag from "./le-libs/js/drag.js";
+// import leMixins from "./le-libs/mixins/main.js";
+import {
+  parseTime,
+  formatMoney,
+  formatCurrency,
+} from "leisure-js/common/dformat";
+import LeTheme from "./le-theme"; // 一键换肤服务:引入 vars.css + LeTheme API
+import LeLogin from "./le-login/index.js";
+import LeHome from "./le-home/index.js";
+import LeButton from "./le-button/index.js";
+import LeButtonQr from "./le-button-qr/index.js";
+import LeButtonMsg from "./le-button-msg/index.js";
+import LeDialogContainer from "./le-dialog-container/index.js";
+
+import LeMedia from "./le-media/index.js";
+import LeMediaUpload from "./le-media-upload/index.js";
+import LeMediaList from "./le-media-list/index.js";
+
+// import LeButtonUpload from "./le-button-upload/index.js";
+// import LeButtonSelectMedia from "./le-button-select-media/index.js";
+import LeImage from "./le-image/index.js";
+// import LeImageContainer from "./le-image-container/index.js";
+
+import LeUpload from "./le-upload/index.js";
+
+// import { LeHelp, LeHelpDetail } from "./le-help/index.js";
+
+import LeSelect from "./le-select/index.js";
+import LeSelectSearch from "./le-select-search/index.js";
+import LeInput from "./le-input/index.js";
+import LeForm from "./le-form/index";
+import LeFormItem from "./le-form-item/index";
+import LeInputNumber from "./le-input-number/index.js";
+import LeSelectOption from "./le-select-option/index.js";
+import LeVideo from "./le-video/index.js";
+import LeList from "./le-list/index.js";
+import LeListForm from "./le-list-form/index.js";
+import LeDatePicker from "./le-date-picker/index.js";
+import LeUrl from "./le-url/index.js";
+import LeSpan from "./le-span/index.js";
+import LeInputAdvanced from "./le-input-advanced/index.js";
+// import LeButtonAudit from "./le-button-audit/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";
+import LeArea from "./le-area/index.js";
+import LeMenu from "./le-menu/index.js";
+import LeRole from "./le-role/index.js";
+import LeRoleUser from "./le-role-user/index.js";
+
+const components = [
+  LeButton,
+  LeButtonQr,
+  LeButtonMsg,
+  LeDialogContainer,
+  LeLogin,
+  LeHome,
+
+  LeMedia,
+  LeMediaUpload,
+  LeMediaList,
+
+  // LeButtonUpload,
+  // LeButtonSelectMedia,
+  // LeImageContainer,
+  LeImage,
+
+  LeUpload,
+
+  // LeHelp,
+  // LeHelpDetail,
+
+  LeSelect,
+  LeSelectSearch,
+  LeInput,
+  LeInputNumber,
+  LeForm,
+  LeFormItem,
+  LeSelectOption,
+  LeVideo,
+  LeListForm,
+  LeList,
+  LeDatePicker,
+  LeSpan,
+  LeUrl,
+  LeInputAdvanced,
+  // LeButtonAudit,
+  LeInputValidate,
+  LeDatePickerAuto,
+  LeTableEdit,
+  LeButtonAttach,
+  LeSelectMulti,
+  LeUploadTable,
+  LeReport,
+  LeArea,
+  LeMenu,
+  LeRole,
+  LeRoleUser,
+];
+
+const install = function (Vue) {
+  if (install.installed) return;
+
+  components.forEach((component) => {
+    Vue.component(component.name, component);
+  });
+
+  Vue.prototype.parseTime = parseTime;
+  Vue.prototype.formatMoney = formatMoney;
+  Vue.prototype.formatCurrency = formatCurrency;
+
+  // 一键换肤服务:挂载到 Vue 原型,组件内使用方式 this.$leTheme.set("dark")
+  Vue.prototype.$leTheme = LeTheme;
+  // 在 install 流程里初始化 LeTheme,从 localStorage 恢复上次选择的皮肤
+  LeTheme.init();
+
+  Vue.directive("permission", {
+    inserted: function (el, bindings) {
+      let buttons = bindings.value;
+      if (buttons && buttons.length > 0) {
+        let btnConfigs = JSON.parse(buttons);
+        if (btnConfigs && btnConfigs.length > 0) {
+          for (let i = 0; i < btnConfigs.length; i++) {
+            let btnConfig = btnConfigs[i];
+            if (btnConfig.id == el.id && btnConfig.permission == "no") {
+              if (!el || !el.parentNode) return;
+              el.parentNode.removeChild(el);
+            }
+          }
+        }
+      }
+    },
+  });
+
+  Vue.directive("el-drag-dialog", LeDrag);
+  // Vue.directive("rtable", {
+  //   bind(el) {
+  //     const { componentInstance: $table } = vnode;
+  //     let tableTop = el.getBoundingClientRect().top;
+  //     let body = window.innerHeight - tableTop - 90;
+  //     el.style["max-height"] = `${body}px`;
+  //     el.style["overflow-y"] = "auto";
+  //     console.log(el);
+  //     el.setAttribute("ref", "eltablemain");
+  //     el.setAttribute(":max-height", "elTableMaxHeight");
+  //     el.setAttribute(":header-cell-style", "{ 'text-align': 'center' }");
+  //     el.setAttribute(":cell-style", "{ 'text-align': 'center' }");
+  //   },
+  // });
+
+  Vue.directive("rfooter", {
+    //参数支持"center"
+    bind(el, binding, vnode) {
+      let param = binding.value;
+      if (!param) {
+        param = "right";
+      }
+      el.setAttribute(
+        "style",
+        `display:flex;display:-webkit-flex;justify-content:${param};margin-bottom:-20px`,
+      );
+    },
+  });
+};
+
+//判断是否是直接引入文件
+if (typeof window !== "undefined" && window.Vue) {
+  window["el-drag-dialog"] = LeDrag;
+  install(window.Vue);
+}
+
+export default {
+  install,
+  LeButton,
+  LeButtonQr,
+  LeButtonMsg,
+  LeDialogContainer,
+  LeLogin,
+  LeHome,
+
+  LeMedia,
+  LeMediaUpload,
+  LeMediaList,
+
+  // LeButtonUpload,
+  // LeButtonSelectMedia,
+  // LeImageContainer,
+  LeImage,
+  LeUpload,
+  // LeHelp,
+  // LeHelpDetail,
+  LeSelect,
+  LeSelectSearch,
+  LeInput,
+  LeInputNumber,
+  LeForm,
+  LeFormItem,
+  LeSelectOption,
+  LeVideo,
+  LeListForm,
+  LeList,
+  LeDatePicker,
+  LeUrl,
+  LeSpan,
+  LeInputAdvanced,
+  // LeButtonAudit,
+  LeInputValidate,
+  LeDatePickerAuto,
+  LeTableEdit,
+  LeButtonAttach,
+  LeSelectMulti,
+  LeUploadTable,
+  LeReport,
+  LeArea,
+  LeMenu,
+  LeRole,
+  LeRoleUser,
+};

package/le-area/index.js

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

package/le-area/src/main.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-cascader
+    v-model="value"
+    v-bind="$attrs"
+    v-on="$listeners"
+    clearable
+    :ref="elcascader"
+    :props="props"
+    @change="handleChange"
+  ></el-cascader>
+</template>
+<script>
+import { getAreas } from "@/api/system-area.js";
+export default {
+  name: "le-area",
+  props: {
+    level: {
+      type: [String, Number],
+      default: "2",
+    },
+    initCode: {
+      type: [String, Number],
+      default: "0",
+    },
+    isAny: {
+      type: Boolean,
+      default: false,
+    },
+    initArea: {
+      type: Array,
+      default: () => [],
+    },
+    elcascader: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      value: [],
+      props: {
+        label: "name",
+        value: "code",
+        checkStrictly: false,
+        lazy: true,
+        lazyLoad: this.LoadData,
+      },
+    };
+  },
+  watch: {
+    isAny: {
+      handler(val) {
+        this.props.checkStrictly = val;
+      },
+      immediate: true,
+    },
+    initArea: {
+      handler(val) {
+        this.value = val;
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+
+  mounted() {
+    if (this.initArea && this.initArea.length > 0) {
+      this.value = this.initArea;
+    }
+  },
+  methods: {
+    setInitArea(initArea) {
+      this.value = initArea;
+    },
+    clearInitArea() {
+      this.value = [];
+    },
+    LoadData(node, resolve) {
+      let nodes = [];
+      let { level } = node;
+      let param = {};
+      param.pcode = level == 0 ? this.initCode : node.value;
+      getAreas(param).then((res) => {
+        nodes = res.data.data;
+        nodes.forEach((item) => {
+          item.leaf = item.type == this.level ? true : false;
+        });
+        resolve(nodes);
+      });
+    },
+    handleChange(currentValue) {
+      let selectValue = {};
+      selectValue.code = currentValue;
+      if (!selectValue.code || selectValue.code.length <= 0) return;
+      let cascader = this.$refs[this.elcascader];
+      if (cascader) {
+        const nodes = cascader.getCheckedNodes();
+        if (nodes && nodes.length > 0) {
+          console.log(nodes[0].pathLabels);
+          const labels = nodes[0].pathLabels;
+          selectValue.name = labels.join("");
+          this.$emit("areaChange", selectValue);
+        } else {
+          console.log("area control node 不存:");
+        }
+      } else {
+        console.log("area control  err:", "elcascader ref 不存在");
+      }
+    },
+  },
+};
+</script>

package/le-button/index.js

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

package/le-button/src/main.vue

@@ -0,0 +1,47 @@
+<template>
+  <el-button
+    v-bind="$attrs"
+    v-on="$listeners"
+    :class="['customClass', $attrs.class]"
+    :style="$attrs.style"
+    :id="id"
+    :type="type"
+    :size="size"
+    v-permission="$route.params.btns"
+    v-if="disp"
+    ><slot></slot>{{ text }}</el-button
+  >
+</template>
+<script>
+export default {
+  name: "le-button",
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    type: {
+      type: String,
+      default: "primary",
+    },
+    size: {
+      type: String,
+      default: "small",
+    },
+    permission: {
+      type: String,
+      default: "$route.params.btns",
+    },
+    text: {
+      type: String,
+      default: "",
+    },
+    disp: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  methods: {
+  },
+};
+</script>

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-button-msg/index.js

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

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

@@ -0,0 +1,65 @@
+<template>
+  <el-popconfirm
+    v-bind="$attrs"
+    v-on="$listeners"
+    :class="['customClass', $attrs.class]"
+    :title="title"
+    :id="id"
+    @confirm="click"
+    :v-permission="permission"
+    style="margin-left: 2px; margin-right: 2px"
+    v-if="disp"
+  >
+    <template #reference>
+      <le-button :type="type" :size="size" :text="text">
+        <slot></slot>
+      </le-button>
+    </template>
+  </el-popconfirm>
+</template>
+<script>
+import LeButton from "../../le-button/index";
+export default {
+  name: "le-button-msg",
+  components: { LeButton },
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    type: {
+      type: String,
+      default: "primary",
+    },
+    size: {
+      type: String,
+      default: "small",
+    },
+    permission: {
+      type: String,
+      default: "$route.params.btns",
+    },
+    text: {
+      type: String,
+      default: "",
+    },
+    title: {
+      type: String,
+      default: "该操作不可逆，确定删除?",
+    },
+    isDispSlot: {
+      type: Boolean,
+      default: false,
+    },
+    disp: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  methods: {
+    click(param) {
+      this.$emit("click", param);
+    },
+  },
+};
+</script>

package/le-button-qr/index.js

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