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

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "description": "wrap-element-ui",
   "author": "",
-  "main": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "src/components/index.ts",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -19,7 +18,6 @@
     "lint": "eslint src"
   },
   "files": [
-    "dist",
     "README.md",
     "package.json",
     "src/components"
@@ -65,7 +63,7 @@
     "storybook": "7.6.19",
     "through2": "^4.0.2",
     "typescript": "^4.9.5",
-    "vite": "^3.2.7",
+    "vite": "^4.5.3",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-tsconfig-paths": "^4.3.2",

package/src/components/AddMembers/index.vue

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

package/dist/AddMembers/index.vue.d.ts

@@ -1,31 +0,0 @@
-declare const _default: import('vue').DefineComponent<{
-    /** 成员数据 */
-    technicianOptions: ArrayConstructor;
-    /** 获取数据加载中 */
-    fetchTechniciansLoading: BooleanConstructor;
-    /** 弹窗标题 */
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, {
-    techniciansSearchQuery: string;
-}, {}, {
-    handleCloseTechniciansSelectPopup(show: any): void;
-    handleInputTechniciansSearch(query: any): void;
-    handleAddTechnician(id: any, item: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
-    /** 成员数据 */
-    technicianOptions: ArrayConstructor;
-    /** 获取数据加载中 */
-    fetchTechniciansLoading: BooleanConstructor;
-    /** 弹窗标题 */
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    fetchTechniciansLoading: boolean;
-    title: string;
-}>;
-export default _default;

package/dist/AuditSteps/index.vue.d.ts

@@ -1,46 +0,0 @@
-declare const _default: import('vue').DefineComponent<{
-    candidates: {
-        type: ArrayConstructor;
-    };
-    value: {
-        type: ArrayConstructor;
-        default(): never[];
-    };
-    maxSelect: {
-        type: NumberConstructor;
-        default: number;
-    };
-    stepNum: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, {}, {}, {
-    isAdd(): boolean;
-}, {
-    syncSteps(modification: any): void;
-    handleEditCandidate(val: any, index: any): void;
-    handleDeleteStep(i: any): void;
-    handleAddStep(): void;
-    isValidateSteps(): boolean;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
-    candidates: {
-        type: ArrayConstructor;
-    };
-    value: {
-        type: ArrayConstructor;
-        default(): never[];
-    };
-    maxSelect: {
-        type: NumberConstructor;
-        default: number;
-    };
-    stepNum: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>, {
-    value: unknown[];
-    maxSelect: number;
-    stepNum: number;
-}>;
-export default _default;

package/dist/DemoComponent/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/EditableTable/index.vue.d.ts

@@ -1,291 +0,0 @@
-import { ITableDataItem, IColumnConfig, IDefaultOperationType, IColorList } from './types';
-
-interface IProps {
-    /** 表格数据 */
-    dataList: ITableDataItem[];
-    /** 列配置 */
-    columnConfig: IColumnConfig[];
-    /** 是否展示展开行 */
-    hasExpandRow?: boolean;
-    /** 是否展示序号 */
-    hasIndexColumn?: boolean;
-    /** 是否展示选择列 */
-    hasSelectionColumn?: boolean;
-    /** 是否支持行拖拽 */
-    rowDragAble?: boolean;
-    /** 表格总条数 */
-    total: number;
-    /** 自定义列操作，当前支持行编辑(edit)，删除(delete)，置顶(top)  */
-    defaultOperations?: IDefaultOperationType[];
-    /** 行背景色列表 */
-    colorList?: IColorList;
-    /** 左侧固定列数 */
-    leftFixedCount?: number;
-    /** 性能优化参数，调整拖拽的范围 */
-    dragSemiRange?: number;
-    /** 是否显示加载 */
-    loading?: boolean;
-    /** 是否隐藏显示设置按钮 */
-    hideViewSettingBtn?: boolean;
-    /** 设置的缓存的key */
-    settingStorgeKey?: string;
-    /** 前端排序，默认关闭 */
-    localSort?: boolean;
-    /** 前端过滤，默认关闭 */
-    localFilter?: boolean;
-    /** 页码 */
-    currentPage: number;
-}
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
-    dataList: () => never[];
-    columnConfig: () => never[];
-    hasExpandRow: boolean;
-    hasIndexColumn: boolean;
-    hasSelectionColumn: boolean;
-    rowDragAble: boolean;
-    total: number;
-    defaultOperations: () => never[];
-    colorList: () => never[];
-    leftFixedCount: number;
-    dragSemiRange: number;
-    loading: boolean;
-    hideViewSettingBtn: boolean;
-    settingStorgeKey: string;
-    localSort: boolean;
-    localFilter: boolean;
-    currentPage: number;
-}>, {
-    closeAllExpandedRows: () => void;
-    openViewSetting: () => void;
-    elTableRef: any;
-    setSort: (params: {
-        order: "descending" | "ascending";
-        prop: string;
-    }) => void;
-    clearSort: () => void;
-    setSearchParams: (params: Record<string, any>) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "selection-change": (selection: any) => void;
-    "row-bg-change": (param: {
-        colorId: number;
-        row: ITableDataItem;
-        rowIndex: number;
-    }) => void;
-    "row-drag-drop": (param: {
-        row: any;
-        fromIndex: number;
-        toIndex: number;
-        page: number;
-        size: number;
-    }) => void;
-    "row-delete": (param: {
-        row: any;
-        index: number;
-        page: number;
-        size: number;
-    }) => void;
-    "row-edit": (param: {
-        row: any;
-        index: number;
-        page: number;
-        size: number;
-    }) => void;
-    "row-pin-to-top": (param: {
-        row: any;
-        rawIndex: number;
-        page: number;
-        size: number;
-    }) => void;
-    "row-edit-save": (param: {
-        page: number;
-        size: number;
-        row: any;
-        changedData: Record<string, any>;
-    }) => void;
-    "row-edit-cancel": (param: {
-        row: any;
-        page: number;
-        size: number;
-    }) => void;
-    "page-change": (param: {
-        page: number;
-        size: number;
-    }) => void;
-    search: (param: Record<string, any>) => void;
-    "sort-change": (param: {
-        order: "descending" | "ascending" | null;
-        prop: string;
-    }) => void;
-}, string, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
-    dataList: () => never[];
-    columnConfig: () => never[];
-    hasExpandRow: boolean;
-    hasIndexColumn: boolean;
-    hasSelectionColumn: boolean;
-    rowDragAble: boolean;
-    total: number;
-    defaultOperations: () => never[];
-    colorList: () => never[];
-    leftFixedCount: number;
-    dragSemiRange: number;
-    loading: boolean;
-    hideViewSettingBtn: boolean;
-    settingStorgeKey: string;
-    localSort: boolean;
-    localFilter: boolean;
-    currentPage: number;
-}>>>, {
-    colorList: IColorList;
-    hasExpandRow: boolean;
-    dataList: ITableDataItem[];
-    columnConfig: IColumnConfig[];
-    hasIndexColumn: boolean;
-    hasSelectionColumn: boolean;
-    rowDragAble: boolean;
-    total: number;
-    defaultOperations: IDefaultOperationType[];
-    leftFixedCount: number;
-    dragSemiRange: number;
-    loading: boolean;
-    hideViewSettingBtn: boolean;
-    settingStorgeKey: string;
-    localSort: boolean;
-    localFilter: boolean;
-    currentPage: number;
-}>, Partial<Record<string, (_: {
-    [x: string]: any;
-    value: string | number;
-    text: string;
-}) => any>> & Partial<Record<string, (_: {
-    [x: string]: any;
-    value: string | number;
-    text: string;
-}) => any>> & Partial<Record<string, (_: {
-    [x: string]: any;
-    prop: string;
-    label: string;
-    editType?: import('./types').IEditType | undefined;
-    sortable?: boolean | undefined;
-    slotName?: string | undefined;
-    isAlwaysShow?: boolean | undefined;
-    defaultHide?: boolean | undefined;
-    search?: boolean | {
-        /** 行背景色列表 */
-        prop: string;
-        label: string;
-        validator?: ((value: string) => boolean) | undefined;
-    }[] | undefined;
-    summary?: boolean | undefined;
-    summaryMethod?: ((values: any[]) => string | number) | undefined;
-    filters?: {
-        type?: "checkbox" | "radio" | undefined;
-        options: {
-            [key: string]: any;
-            value: string | number;
-            text: string;
-        }[];
-        /** 是否展示展开行 */
-        default?: string | number | string[] | number[] | undefined;
-    } | {
-        [key: string]: any;
-        value: string | number;
-        text: string;
-    }[] | undefined;
-} | {
-    [x: string]: any;
-    prop: string;
-    label: string;
-    editType?: import('./types').IEditType | undefined;
-    sortable?: boolean | undefined;
-    slotName?: string | undefined;
-    isAlwaysShow?: boolean | undefined;
-    defaultHide?: boolean | undefined;
-    search?: boolean | {
-        /** 行背景色列表 */
-        prop: string;
-        label: string;
-        validator?: ((value: string) => boolean) | undefined;
-    }[] | undefined;
-    summary?: boolean | undefined;
-    summaryMethod?: ((values: any[]) => string | number) | undefined;
-    filters?: {
-        type?: "checkbox" | "radio" | undefined;
-        options: {
-            [key: string]: any;
-            value: string | number;
-            text: string;
-        }[];
-        /** 是否展示展开行 */
-        default?: string | number | string[] | number[] | undefined;
-    } | {
-        [key: string]: any;
-        value: string | number;
-        text: string;
-    }[] | undefined;
-    inputType: string | number;
-} | {
-    [x: string]: any;
-    prop: string;
-    label: string;
-    editType?: import('./types').IEditType | undefined;
-    sortable?: boolean | undefined;
-    slotName?: string | undefined;
-    isAlwaysShow?: boolean | undefined;
-    defaultHide?: boolean | undefined;
-    search?: boolean | {
-        /** 行背景色列表 */
-        prop: string;
-        label: string;
-        validator?: ((value: string) => boolean) | undefined;
-    }[] | undefined;
-    summary?: boolean | undefined;
-    summaryMethod?: ((values: any[]) => string | number) | undefined;
-    filters?: {
-        type?: "checkbox" | "radio" | undefined;
-        options: {
-            [key: string]: any;
-            value: string | number;
-            text: string;
-        }[];
-        /** 是否展示展开行 */
-        default?: string | number | string[] | number[] | undefined;
-    } | {
-        [key: string]: any;
-        value: string | number;
-        text: string;
-    }[] | undefined;
-    options: {
-        [key: string]: any;
-        key: string;
-        value: string | number;
-    }[];
-}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<any, (_: {
-    scope: any;
-    column: IColumnConfig;
-}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
-    expand?(_: any): any;
-    "custom-operation"?(_: any): any;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $scopedSlots: S;
-    };
-};

package/dist/EditableTable/types.d.ts

@@ -1,151 +0,0 @@
-export declare enum IEditType {
-    INPUT = "input",
-    SELECT = "select",
-    DATE_ONLY = "date"
-}
-export interface IColumnConfigRequired {
-    prop: string;
-    label: string;
-    editType?: IEditType;
-    sortable?: boolean;
-    slotName?: string;
-    isAlwaysShow?: boolean;
-    /** 默认隐藏，显示设置中，该列默认隐藏 */
-    defaultHide?: boolean;
-    /** 列是否允许搜索，true则表头弹窗会多一个搜索框，一列中有多个搜索字段时传数组进行配置 */
-    search?: boolean | ISearchOptions;
-    summary?: boolean;
-    summaryMethod?: (values: any[]) => string | number;
-    /** 过滤，传数组时默认复选框 */
-    filters?: {
-        type?: 'checkbox' | 'radio';
-        options: FiltersOption[];
-        default?: string | number | string[] | number[];
-    } | FiltersOption[];
-    [key: string]: any;
-}
-type FiltersOption = {
-    value: string | number;
-    text: string;
-    [key: string]: any;
-};
-type ISearchOptions = {
-    prop: string;
-    label: string;
-    validator?: (value: string) => boolean;
-}[];
-type IInputColumn = IColumnConfigRequired & {
-    inputType: string | number;
-};
-type ISelectColumn = IColumnConfigRequired & {
-    options: {
-        key: string;
-        value: string | number;
-        [key: string]: any;
-    }[];
-};
-type IDateOnlyColumn = IColumnConfigRequired;
-type IDateTimeColumn = IColumnConfigRequired;
-export type IColumnConfig = IInputColumn | ISelectColumn | IDateOnlyColumn | IDateTimeColumn;
-export type IColorList = {
-    name: string;
-    textColor: string;
-    sampleColor: string;
-    bgColor: string;
-    id: number;
-    default?: boolean;
-}[];
-type IPointLoc = {
-    x: number;
-    y: number;
-};
-export type IDraggingData = {
-    isDragging?: boolean;
-    startPosition?: IPointLoc;
-    draggingRow?: HTMLElement | HTMLElement[];
-    draggingIndex?: number;
-    dropIndex?: number;
-    rowDoms?: Record<number, HTMLElement[]>;
-    rowHeight?: number;
-    rowsRange?: ([number, number] | undefined)[];
-    hiddenTds?: HTMLElement[];
-    fullScreenDiv?: HTMLElement;
-};
-export type IDefaultOperationType = 'edit' | 'delete' | 'top';
-export type ITableDataItem = {
-    colorId?: number;
-    isPinned?: boolean;
-    [k: string]: any;
-};
-export interface IProps {
-    dataList: ITableDataItem[];
-    columnConfig: IColumnConfig[];
-    hasExpandRow?: boolean;
-    hasIndexColumn?: boolean;
-    hasSelectionColumn?: boolean;
-    rowDragAble?: boolean;
-    total: number;
-    defaultOperations?: IDefaultOperationType[];
-    colorList?: IColorList;
-    leftFixedCount?: number;
-    dragSemiRange?: number;
-    loading?: boolean;
-    settingStorgeKey?: string;
-    localSort?: boolean;
-    localFilter?: boolean;
-    currentPage: number;
-}
-export interface IEmits {
-    (e: 'selection-change', selection: any): void;
-    (e: 'row-bg-change', param: {
-        colorId: number;
-        row: ITableDataItem;
-        rowIndex: number;
-    }): void;
-    (e: 'row-drag-drop', param: {
-        row: any;
-        fromIndex: number;
-        toIndex: number;
-        page: number;
-        size: number;
-    }): void;
-    (e: 'row-delete', param: {
-        row: any;
-        index: number;
-        page: number;
-        size: number;
-    }): void;
-    (e: 'row-edit', param: {
-        row: any;
-        index: number;
-        page: number;
-        size: number;
-    }): void;
-    (e: 'row-pin-to-top', param: {
-        row: any;
-        rawIndex: number;
-        page: number;
-        size: number;
-    }): void;
-    (e: 'row-edit-save', param: {
-        page: number;
-        size: number;
-        row: any;
-        changedData: Record<string, any>;
-    }): void;
-    (e: 'row-edit-cancel', param: {
-        row: any;
-        page: number;
-        size: number;
-    }): void;
-    (e: 'page-change', param: {
-        page: number;
-        size: number;
-    }): void;
-    (e: 'search', param: Record<string, any>): void;
-    (e: 'sort-change', param: {
-        order: 'descending' | 'ascending' | null;
-        prop: string;
-    }): void;
-}
-export {};