leisure-core 0.4.52 → 0.4.53

package/index.js

@@ -27,6 +27,12 @@ import LeMpurl from "./le-mpurl/index.js";
 import { LeHelp, LeHelpDetail } from "./le-help/index.js";
 import LeSelectUser from "./le-select-user/index.js";
 import LeArea from "./le-area/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";
 
 const components = [
   LeArea,
@@ -54,6 +60,12 @@ const components = [
   LeHelpDetail,
   LeSelectUser,
   LeCommonPage,
+  LeSelect,
+  LeSelectSearch,
+  LeInput,
+  LeInputNumber,
+  LeForm,
+  LeFormItem,
 ];
 
 const install = function (Vue) {
@@ -115,8 +127,6 @@ const install = function (Vue) {
   });
 };
 
-
-
 export default {
   install,
   LeArea,
@@ -144,4 +154,10 @@ export default {
   LeHelpDetail,
   LeSelectUser,
   LeCommonPage,
+  LeSelect,
+  LeSelectSearch,
+  LeInput,
+  LeInputNumber,
+  LeForm,
+  LeFormItem,
 };

package/le-button/src/main.vue

@@ -1,14 +1,15 @@
 <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"
-    @click="click"
-    :disabled="disabled"
-    style="margin-left: 2px; margin-right: 2px"
     v-if="disp"
-    >{{ text }}</el-button
+    ><slot></slot>{{ text }}</el-button
   >
 </template>
 <script>
@@ -33,21 +34,14 @@ export default {
     },
     text: {
       type: String,
-      default: "按钮",
+      default: "",
     },
     disp: {
       type: Boolean,
       default: true,
     },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
   },
   methods: {
-    click(param) {
-      this.$emit("click", param);
-    },
   },
 };
 </script>

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

@@ -1,5 +1,8 @@
 <template>
   <el-popconfirm
+    v-bind="$attrs"
+    v-on="$listeners"
+    :class="['customClass', $attrs.class]"
     :title="title"
     :id="id"
     @confirm="click"
@@ -8,16 +11,17 @@
     v-if="disp"
   >
     <template #reference>
-      <el-button :type="type" :size="size"
-        ><span v-if="!isDispSlot">{{ text }}</span
-        ><slot v-if="isDispSlot"></slot
-      ></el-button>
+      <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,
@@ -37,7 +41,7 @@ export default {
     },
     text: {
       type: String,
-      default: "删除",
+      default: "",
     },
     title: {
       type: String,

package/le-button-select-media/src/main.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="le-button-select-media">
-    <el-button type="primary" id="btnSelectMedia" @click="onClick"
-      >选择素材</el-button
+    <le-button type="primary" id="btnSelectMedia" @click="onClick"
+      >选择素材</le-button
     >
     <le-dialog-container
       :title="title"
@@ -19,8 +19,10 @@
   </div>
 </template>
 <script>
+import LeButton from "../../le-button/index";
 export default {
   name: "le-button-select-media",
+  components: { LeButton },
   props: {
     width: {
       type: String,

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

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <el-button type="primary" id="btnUpload" @click="onClick">{{
+    <le-button type="primary" id="btnUpload" @click="onClick">{{
       title
-    }}</el-button>
+    }}</le-button>
     <le-dialog-container
       :title="title"
       :showDialog="showDialog"
@@ -18,8 +18,12 @@
   </div>
 </template>
 <script>
+import LeButton from "../../le-button/index";
 export default {
   name: "le-button-upload",
+  components: {
+    LeButton,
+  },
   props: {
     width: {
       type: String,

package/le-common-page/src/main.vue

@@ -4,9 +4,9 @@
       <slot name="paramSlot"></slot>
       <el-form-item>
         <slot></slot>
-        <el-button type="primary" @click="onClickQuery()">查询</el-button>
-        <el-button type="primary" @click="addItem()" v-if="isDispAddBtn"
-          >新建</el-button
+        <le-button type="primary" @click="onClickQuery()">查询</le-button>
+        <le-button type="primary" @click="addItem()" v-if="isDispAddBtn"
+          >新建</le-button
         >
       </el-form-item>
     </el-form>
@@ -100,11 +100,13 @@
 import { Number } from "core-js";
 import leMixins from "../../le-libs/mixins/main";
 import LeCommonPageSub from "./sub.vue";
+import LeButton from "../../le-button/index";
 export default {
   name: "le-common-page",
   mixins: [leMixins],
   components: {
     LeCommonPageSub,
+    LeButton,
   },
   props: {
     tableData: {

package/le-common-page/src/sub.vue

@@ -11,11 +11,11 @@
       :label="item.label"
       :prop="item.prop"
     >
-      <el-input
+      <le-input
         v-if="!item.type || item.type === 'input'"
         v-model="formPop[item.prop]"
       />
-      <el-input-number
+      <le-input-number
         v-else-if="item.type === 'number'"
         v-model="formPop[item.prop]"
         :min="item.min || 0"
@@ -33,7 +33,7 @@
           >{{ option.label }}</el-radio
         >
       </el-radio-group>
-      <el-select
+      <le-select
         v-else-if="item.type === 'select'"
         v-model="formPop[item.prop]"
         placeholder="请选择"
@@ -44,17 +44,23 @@
           :label="option.label"
           :value="option.value"
         />
-      </el-select>
+      </le-select>
     </el-form-item>
     <el-form-item v-rfooter>
-      <el-button type="primary" @click="saveData">保存</el-button>
-      <el-button @click="close()">关闭</el-button>
+      <le-button type="primary" @click="saveData">保存</le-button>
+      <le-button type="info" @click="close()">关闭</le-button>
     </el-form-item>
   </el-form>
 </template>
 <script>
+import LeSelect from "../../le-select/index";
+import LeInput from "../../le-input/index";
+import LeButton from "../../le-button/index";
+// import LeForm from "../../le-form/index";
+// import LeFormItem from "../../le-form-item/index";
 export default {
   name: "le-common-page-sub",
+  components: { LeSelect, LeInput, LeButton },
   props: {
     formColumns: {
       type: Array,

package/le-form/index.js

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

package/le-form/src/main.vue

@@ -0,0 +1,13 @@
+<template>
+  <le-form v-bind="$attrs" v-on="$listeners" :style="$attrs.style">
+    <slot></slot>
+  </le-form>
+</template>
+<script>
+export default {
+  name: "le-form",
+  inheritAttrs: false,
+  props: {},
+  methods: {},
+};
+</script>

package/le-form-item/index.js

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

package/le-form-item/src/main.vue

@@ -0,0 +1,13 @@
+<template>
+  <le-form-item v-bind="$attrs" v-on="$listeners" :style="$attrs.style">
+    <slot></slot>
+  </le-form-item>
+</template>
+<script>
+export default {
+  name: "le-form-item",
+  inheritAttrs: false,
+  props: {},
+  methods: {},
+};
+</script>

package/le-help/src/main.vue

@@ -12,8 +12,8 @@
       </el-table-column>
       <el-table-column fixed="right" label="操作" align="center" width="180">
         <template slot-scope="scope">
-          <le-button text="编辑" @click="edit(scope.row)"></le-button>
-          <le-button-msg @click="del(scope.row.id)"></le-button-msg>
+          <le-button @click="edit(scope.row)">编辑</le-button>
+          <le-button-msg @click="del(scope.row.id)">删除</le-button-msg>
         </template>
       </el-table-column>
     </el-table>
@@ -47,10 +47,14 @@
 <script>
 import { list, edit, del } from "@/api/SystemHelp";
 import { LeEditor } from "leisure-editor";
+import leButton from "../../le-button/index";
+import LeButtonMsg from "../../le-button-msg/index";
 export default {
   name: "le-help",
   components: {
     LeEditor,
+    leButton,
+    LeButtonMsg,
   },
   data() {
     return {

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,17 @@
+<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-button",
+  inheritAttrs: false,
+  props: {},
+  methods: {},
+};
+</script>

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,16 @@
+<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",
+  inheritAttrs: false,
+  props: {},
+  methods: {},
+};
+</script>

package/le-select/index.js

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

package/le-select/src/main.vue

@@ -0,0 +1,27 @@
+<template>
+  <el-select
+    v-bind="$attrs"
+    v-on="$listeners"
+    :class="['customClass', $attrs.class]"
+    :style="$attrs.style"
+  >
+    <slot></slot>
+  </el-select>
+</template>
+<script>
+export default {
+  name: "le-select",
+  props: {
+    // options: {
+    //   type: Array,
+    //   default: () => [],
+    // },
+  },
+  inheritAttrs: false,
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped></style>

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/package.json

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