leisure-core 1.0.2 → 1.0.4

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

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

package/le-image/src/main.vue

@@ -0,0 +1,53 @@
+<template>
+  <el-image
+    v-bind="$attrs"
+    v-on="$listeners"
+    :src="secureSrc"
+    :preview-src-list="securePreviewList"
+    :class="['customClass', $attrs.class]"
+    :style="$attrs.style"
+  ></el-image>
+</template>
+<script>
+export default {
+  name: "le-image",
+  props: {
+    replaceHttp: {
+      type: Boolean,
+      default: true, // 标识是否需要替换
+    },
+    previewList: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  computed: {
+    secureSrc() {
+      let src = this.$attrs.src || "";
+      return this.replaceHttp2Https(src);
+    },
+    securePreviewList() {
+      let list = this.previewList || [];
+      if (this.replaceHttp && list.length > 0) {
+        let temps = list.map((item) => {
+          return this.replaceHttp2Https(item);
+        });
+        return temps;
+      }
+      return list;
+    },
+  },
+  methods: {
+    replaceHttp2Https(src) {
+      if (this.replaceHttp && src.startsWith("http:")) {
+        src = src.replace(/^http:/, "https:");
+        let portPattern = /:(\d+)/;
+        if (src.match(portPattern)) {
+          src = src.replace(portPattern, "");
+        }
+      }
+      return src;
+    },
+  },
+};
+</script>

package/le-input/index.js

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

package/le-input/src/main.vue

@@ -0,0 +1,15 @@
+<template>
+  <el-input
+    v-bind="$attrs"
+    v-on="$listeners"
+    :class="['customClass', $attrs.class]"
+    :style="$attrs.style"
+    clearable
+  ></el-input>
+</template>
+<script>
+export default {
+  name: "le-input",
+  inheritAttrs: false,
+};
+</script>

package/le-input-advanced/index.js

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

package/le-input-advanced/src/main.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="le-input-money">
+    <el-input-number v-model="displayValue" v-bind="mergedAttrs" :class="['customClass', $attrs.class]"
+      :style="$attrs.style" :precision="precision" clearable></el-input-number>
+    &nbsp;&nbsp;&nbsp;单位:{{ unit }}
+  </div>
+</template>
+<script>
+export default {
+  name: "le-input-advanced",
+  inheritAttrs: false,
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    converted: {//是否进行转换
+      type: Boolean,
+      default: false
+    },
+    scale: {//转换比例
+      type: Number,
+      default: 100
+    },
+    precision: {//小数位数
+      type: Number,
+      default: 2
+    },
+    unit: {//单位
+      type: String,
+      default: '元'
+    },
+  },
+  computed: {
+    displayValue: {
+      get() {
+        if (this.converted) {
+          return this.value / this.scale;
+        }
+        return this.value;
+      },
+      set(val) {
+        let value = val !== null && val !== undefined ? val : null;
+        if (this.converted) {
+          value = val !== null && val !== undefined ? Math.round(val * this.scale) : null;
+        }
+        this.$emit('input', value);
+      }
+    },
+    mergedAttrs() {
+      const { value, min, max, step, ...attrs } = this.$attrs;
+      const converted = {};
+      ['min', 'max', 'step'].forEach(attr => {
+        if (typeof this.$attrs[attr] === 'number') {
+          converted[attr] = this.$attrs[attr] / 100
+        }
+      })
+
+      return { ...attrs, ...converted }
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.le-input-money {
+  width: 100%;
+  display: flex;
+  display: -webkit-flex;
+
+}
+</style>

package/le-input-number/index.js

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

package/le-input-number/src/main.vue

@@ -0,0 +1,15 @@
+<template>
+  <el-input-number
+    v-bind="$attrs"
+    v-on="$listeners"
+    :class="['customClass', $attrs.class]"
+    :style="$attrs.style"
+  ></el-input-number>
+</template>
+<script>
+export default {
+  name: "le-input-number",
+  props: {},
+  methods: {},
+};
+</script>

package/le-input-validate/index.js

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