@lx-frontend/wrap-element-ui 1.0.1-beta.8 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "1.0.1-beta.8",
+  "version": "1.0.1",
   "description": "wrap-element-ui",
   "author": "",
   "main": "src/components/index.ts",

package/src/components/AddMembers/index.vue

@@ -4,40 +4,37 @@
       :title="title"
       :with-submit-btn="false"
       :width="360"
-      @on-change="handleCloseSelectPopup"
+      @on-change="handleCloseTechniciansSelectPopup"
     >
       <div
         slot="form"
-        class="team-setting__members-popover"
+        class="team-setting__technicians-popover"
       >
-        <div class="team-setting__members-select">
+        <div class="team-setting__technicians-select">
           <el-input
-            v-model="searchQuery"
+            v-model="techniciansSearchQuery"
             placeholder="请输入姓名"
-            @input="handleInputSearch(searchQuery, $attrs.keyId)"
+            @input="handleInputTechniciansSearch"
           />
         </div>
         <div
-          v-if="searchQuery && !options.length && !fetchLoading"
-          class="team-setting__empty-members-options"
+          v-if="techniciansSearchQuery && !technicianOptions.length && !fetchTechniciansLoading"
+          class="team-setting__empty-technicians-options"
         >
           {{ $attrs.empty || '系统未登记该员工，请先添加员工账号' }}
         </div>
         <ul
           v-else
-          class="team-setting__members-options"
+          class="team-setting__technicians-options"
         >
           <li
-            class="team-setting__members-option"
-            v-for="item in options"
+            class="team-setting__technicians-option"
+            v-for="item in technicianOptions"
             :key="item[$attrs.showConfig.id]"
           >
-            <div class="team-setting__members-option-left" v-if="isShowRoles">
+            <div class="team-setting__technicians-option-left">
               {{ `${item[$attrs.showConfig.name]} | ${item.roles}` }}
             </div>
-            <div class="team-setting__members-option-left" v-else>
-              {{item[$attrs.showConfig.name]}}
-            </div>
             <el-button
               v-if="item.is_selected"
               type="text"
@@ -48,7 +45,7 @@
             <el-button
               v-else
               type="text"
-              @click="handleAdd($attrs.keyId, item)"
+              @click="handleAddTechnician($attrs.keyId, item)"
             >
               添加
             </el-button>
@@ -83,31 +80,26 @@ export default {
       type: String,
       default: '添加成员',
     },
-    /** 角色名称展示 */
-    isShowRoles: {
-      type: Boolean,
-      default: true,
-    },
   },
   data() {
     return {
-      searchQuery: '',
+      techniciansSearchQuery: '',
     }
   },
   watch: {
   },
   methods: {
-    handleCloseSelectPopup(show) {
+    handleCloseTechniciansSelectPopup(show) {
       if (show) return;
-      this.searchQuery = '';
-      this.$emit('update:options', []);
+      this.techniciansSearchQuery = '';
+      this.$emit('update:technicianOptions', []);
     },
-    handleInputSearch(query, keyId) {
-      this.$emit('fetchMethods', { query, keyId });
+    handleInputTechniciansSearch(query) {
+      this.$emit('fetchTechniciansMethods', query);
     },
-    handleAdd(id, item) {
+    handleAddTechnician(id, item) {
       const query = { id, item };
-      this.$emit('handleAdd', query);
+      this.$emit('handleAddTechnician', query);
     },
   },
 };
@@ -115,25 +107,25 @@ export default {
 
 <style lang="less">
 .team-setting {
-  &__members-popover {
-    padding: 20px 0;
-    margin: 0 20px;
+  &__technicians-popover {
+    padding: 20px;
     height: 350px;
     overflow-y: auto;
   }
-  &__empty-members {
-    &-options {
-      font-size: 12px;
-      color: #80838e;
-      text-align: center;
-      margin-top: 10px;
-    }
+  &__technicians-select {
+    width: 320px;
+  }
+  &__empty-technicians-options {
+    font-size: 12px;
+    color: #80838e;
+    text-align: center;
+    margin-top: 10px;
   }
-  &__members-options {
+  &__technicians-options {
     display: flex;
     flex-direction: column;
   }
-  &__members-option {
+  &__technicians-option {
     display: flex;
     justify-content: space-between;
     align-items: center;

package/src/components/EditableTable/bizHooks/index.ts

@@ -1,17 +1,7 @@
-import usePagination from './usePagination';
-import useCellHover from './useCellHover';
-import useViewSetting from './useViewSetting';
-import useRowBgColor from './useRowBgColor';
-import useDefaultOperation from './useDefaultOperation';
-import useColumnHeaderOperation from './useColumnHeaderOperation';
-import useDragSort from './useDragSort';
-
-export {
-  usePagination,
-  useCellHover,
-  useViewSetting,
-  useRowBgColor,
-  useDefaultOperation,
-  useColumnHeaderOperation,
-  useDragSort,
-}
+export * from './usePagination';
+export * from './useCellHover';
+export * from './useViewSetting';
+export * from './useRowBgColor';
+export * from './useDefaultOperation';
+export * from './useColumnHeaderOperation';
+export * from './useDragSort';

package/src/components/EditableTable/bizHooks/useCellHover.ts

@@ -2,7 +2,7 @@ import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 
-export default function useCellHover(tableDomRef) {
+export function useCellHover(tableDomRef) {
 
   // 鼠标悬浮的行
   const hoveringCellInfo = ref<{

package/src/components/EditableTable/bizHooks/useColumnHeaderOperation.ts

@@ -9,7 +9,7 @@ interface IUseColumnHeaderOperationParams {
   showingColumns: Ref<string[]>
 }
 
-export default function useColumnHeaderOperation({ props, tableDomRef, sortFilterPopoverRef, emit, showingColumns }: IUseColumnHeaderOperationParams) {
+export function useColumnHeaderOperation({ props, tableDomRef, sortFilterPopoverRef, emit, showingColumns }: IUseColumnHeaderOperationParams) {
 
   // column如果有sortable属性，点击列头部，会直接触发排序，为了在弹窗点确定时再触发排序，需要阻止点击立即排序
   // 所以，初始渲染时，将sortable设置为false，在触发排序逻辑时再设置成真实的值，再利用el-table自身的排序逻辑触发排序

package/src/components/EditableTable/bizHooks/useDefaultOperation.ts

@@ -9,7 +9,7 @@ interface IParams {
   hasExpandRow: boolean
 }
 
-export default function useDefaultOperation({ emit, pageSize, props, tableDomRef, hasExpandRow }: IParams) {
+export function useDefaultOperation({ emit, pageSize, props, tableDomRef, hasExpandRow }: IParams) {
   const operationPopoverRef = ref<any>(null);
   const editingRowData = ref<Record<string, any>>({});
   const editingRowIndex = ref<number>(-1);

package/src/components/EditableTable/bizHooks/useDragSort.ts

@@ -11,7 +11,7 @@ interface IUseDragSortParams {
   pageSize: Ref<number>
   tableDomRef: Ref<any>
 }
-export default function useDragSort({ props, emit, viewSettingDragSortOptions, pageSize, beforeDragStart, currScope, tableDomRef }: IUseDragSortParams) {
+export function useDragSort({ props, emit, viewSettingDragSortOptions, pageSize, beforeDragStart, currScope, tableDomRef }: IUseDragSortParams) {
 
   const draggingData = ref<IDraggingData>({}); // 拖拽相关数据
   const isMouseDown = ref(false);

package/src/components/EditableTable/bizHooks/usePagination.ts

@@ -6,7 +6,7 @@ interface IParams {
   beforePageChange: () => void
 }
 
-export default function usePagination({ emit, beforePageChange }: IParams) {
+export function usePagination({ emit, beforePageChange }: IParams) {
 
   const pageSize = ref(10);
 

package/src/components/EditableTable/bizHooks/useRowBgColor.ts

@@ -5,7 +5,7 @@ interface IUseRowBgColorParams {
   emit: IEmits;
 }
 
-export default function useRowBgColor({ colorList, emit }: IUseRowBgColorParams) {
+export function useRowBgColor({ colorList, emit }: IUseRowBgColorParams) {
   const isDefaultColor = (id: number) => {
     if (!id) {
       // 没有颜色id，则认为是默认色

package/src/components/EditableTable/bizHooks/useViewSetting.ts

@@ -14,7 +14,7 @@ interface IViewSettingParams {
   }
 }
 
-export default function useViewSetting({
+export function useViewSetting({
   showingColumns,
   actualColumns,
   props,