leisure-core 1.0.2 → 1.0.4

package/le-select-option/index.js

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

package/le-select-option/src/main.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <el-option
+      v-for="(item, index) in options"
+      :key="getOptionKey(index)"
+      :label="getOptionLabel(item)"
+      :value="getOptionValue(item)"
+    ></el-option>
+  </div>
+</template>
+<script>
+let instanceCounter = 0;
+export default {
+  name: "le-select-option",
+  props: {
+    options: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    value: {
+      type: [String, Number],
+      default: "",
+    },
+    label: {
+      type: String,
+      default: "",
+    },
+    keyNum: {
+      type: [String, Number],
+      default: 1,
+    },
+  },
+  data() {
+    return {
+      instanceId: instanceCounter++,
+    };
+  },
+  mounted() {},
+  methods: {
+    // handleKv(type, item) {
+    //   if (this.keyNum == 1) {
+    //     if (type == "key" || type == "value") {
+    //       return item[this.value];
+    //     } else if (type == "label") {
+    //       return item[this.label];
+    //     }
+    //   }
+    //   if (this.keyNum == 2) {
+    //     return item[this.value] + "-" + item[this.label];
+    //   }
+    // },
+
+    getOptionKey(index) {
+      // 最简单可靠的方案：使用组件实例ID + 索引
+      return `${this.instanceId}_${index}`;
+    },
+
+    getOptionLabel(item) {
+      return item[this.label] || "";
+    },
+
+    getOptionValue(item) {
+      return item[this.value] || "";
+    },
+  },
+};
+</script>

package/le-select-search/index.js

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

package/le-select-search/src/main.vue

@@ -0,0 +1,46 @@
+<template>
+  <le-select
+    v-bind="$attrs"
+    v-on="$listeners"
+    remote
+    multiple
+    filterable
+    reserve-keyword
+    placeholder="请输入搜索关键字"
+    :remote-method="remoteMethod"
+    :loading="loading"
+  >
+    <slot></slot>
+  </le-select>
+</template>
+<script>
+import LeSelect from "../../le-select/index";
+export default {
+  name: "le-select-search",
+  components: { LeSelect },
+  props: {
+    remote: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  inheritAttrs: false,
+  data() {
+    return {
+      loading: false,
+      selectValue: "",
+    };
+  },
+  methods: {
+    remoteMethod(params) {
+      if (params !== "") {
+        this.loading = true;
+        this.$emit("remoteMethod", params, () => {
+          this.loading = false;
+        });
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped></style>

package/le-span/index.js

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

package/le-span/src/main.vue

@@ -0,0 +1,29 @@
+<template>
+  <span :class="['text-class', customClass]" :style="customStyle">{{
+    value
+  }}</span>
+</template>
+<script>
+export default {
+  name: "le-span",
+  props: {
+    value: {
+      type: [String, Number],
+      required: true,
+    },
+    customClass: {
+      type: [String, Array, Object],
+      default: "",
+    },
+    customStyle: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.text-class {
+}
+</style>

package/le-table-edit/index.js

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