@dinert/element-plus 1.0.0 → 1.0.2

package/lib/src/components/tooltip/index.d.ts

@@ -0,0 +1,60 @@
+import type { Plugin } from 'vue';
+type SFCWithInstall<T> = T & Plugin;
+export declare const Tooltip: SFCWithInstall<import("vue").DefineComponent<{
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    item: {
+        type: import("vue").PropType<{
+            type?: string | undefined;
+            options?: {
+                options?: any[] | undefined;
+            } | undefined;
+        } | undefined>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "LabelMouseEnter"[], "LabelMouseEnter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    item: {
+        type: import("vue").PropType<{
+            type?: string | undefined;
+            options?: {
+                options?: any[] | undefined;
+            } | undefined;
+        } | undefined>;
+        default: () => {};
+    };
+}>> & {
+    onLabelMouseEnter?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    options: Record<string, any>;
+    content: string;
+    item: {
+        type?: string | undefined;
+        options?: {
+            options?: any[] | undefined;
+        } | undefined;
+    } | undefined;
+}, {}>>;
+export default Tooltip;

package/lib/src/components/tooltip/src/index.d.ts

@@ -0,0 +1,59 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    item: {
+        type: PropType<{
+            type?: string | undefined;
+            options?: {
+                options?: any[] | undefined;
+            } | undefined;
+        } | undefined>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "LabelMouseEnter"[], "LabelMouseEnter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    item: {
+        type: PropType<{
+            type?: string | undefined;
+            options?: {
+                options?: any[] | undefined;
+            } | undefined;
+        } | undefined>;
+        default: () => {};
+    };
+}>> & {
+    onLabelMouseEnter?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    options: Record<string, any>;
+    content: string;
+    item: {
+        type?: string | undefined;
+        options?: {
+            options?: any[] | undefined;
+        } | undefined;
+    } | undefined;
+}, {}>;
+export default _default;

package/lib/src/components/tooltip/types/index.d.ts

@@ -0,0 +1,10 @@
+import type { ElTooltipContentProps } from 'element-plus';
+export interface DinertTooltipProps {
+    options?: Partial<ElTooltipContentProps>;
+    item?: {
+        type?: string;
+        options?: {
+            options?: any[];
+        };
+    };
+}

package/lib/src/hooks/useTablePage/index.d.ts

@@ -0,0 +1,49 @@
+import { Ref } from 'vue';
+import type { RewriteFormProps } from '../../components/form/types';
+import type { RewriteTableProps } from '../../components/table/types';
+import type { DinertTablePageProps, AjaxTableProps, ScopeFn } from './types';
+import TablePageCom from '../../components/table-page/index';
+/**
+ * T 表格data数据格式
+ * D 表单model的数据格式
+ * P 发起请求的数据格式
+ * R 请求回来的数据格式
+ */
+declare class TablePage<T, D = any, P = any, R = any> {
+    showSearch: Ref<DinertTablePageProps['search']>;
+    table: Ref<RewriteTableProps<T>>;
+    form: Ref<RewriteFormProps<D>>;
+    footer: Ref<DinertTablePageProps['footer']>;
+    selecTableDatas: Ref<T[]>;
+    lastSelectDatas: Ref<T[]>;
+    options: DinertTablePageProps<T, D>;
+    ids: Ref<string[]>;
+    params: P | any;
+    oldParams: P | any;
+    tablePageRef: Ref<InstanceType<typeof TablePageCom> | null>;
+    private readonly defaultOptions;
+    private readonly firstOptions;
+    constructor(options: DinertTablePageProps<T, D>);
+    getTableParams: (params: P) => (Partial<P>);
+    ajaxTableDataAfter: (res: R) => void;
+    lookOperations: ScopeFn<T>;
+    editOperations: ScopeFn<T>;
+    addOperations: ScopeFn<T>;
+    deleteOperations: ScopeFn<T>;
+    importOperations: ScopeFn<T>;
+    sizeChange(size: number): void;
+    currentChange(currentPage: number): void;
+    getTableData(options: (P & AjaxTableProps) | any): Promise<any>;
+    changeTableData(res: R | any): void;
+    getAjaxTableDataParams(options: (P & AjaxTableProps) | any): any;
+    ajaxTableData(options: (P & AjaxTableProps)): Promise<R | any>;
+    search(options?: (P & AjaxTableProps) | any): Promise<any>;
+    resetSearch(options?: (P & AjaxTableProps) | any): void;
+    resetPagination(): void;
+    resetParams(): void;
+    clearParams(): void;
+    getTableDataKeys(key?: string): string[];
+    echoOperations(): void;
+    tableSelectEvent(): void;
+}
+export default TablePage;

package/lib/src/hooks/useTablePage/types/index.d.ts

@@ -0,0 +1,29 @@
+import type { DinertFormProps } from '../../../components/form/types';
+import type { TableInstance } from 'element-plus';
+import type { TablePageProps, RewriteTableColumnCtx } from '../../../components/table/types/index';
+export interface DinertTablePageProps<T = any, D = any> extends DinertFormProps<D>, TablePageProps<T> {
+    search?: boolean;
+}
+export interface TableParams<T = any> {
+    data: T[];
+    page?: number;
+    pageNum?: number;
+    pageSize?: number;
+    total?: number;
+    totalPages?: number;
+}
+export interface AjaxTableProps {
+    name?: 'reset' | 'delete' | 'search' | 'current' | 'size';
+    currentPage?: number;
+    pageSize?: number;
+}
+export interface Scope<T = any> {
+    $index?: number;
+    $cellIndex?: number;
+    column?: RewriteTableColumnCtx<T>;
+    data?: RewriteTableColumnCtx<T>;
+    row?: T;
+    store?: TableInstance;
+    _self?: any;
+}
+export type ScopeFn<T> = (scope?: Scope<T>) => void;

package/lib/src/hooks/useWindowResize.d.ts

@@ -0,0 +1,2 @@
+declare const useWindowResize: (resize: () => void, delay?: number, immediate?: boolean) => void;
+export default useWindowResize;

package/lib/src/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import TablePage from './hooks/useTablePage/index';
+export * from './components/index';
+export declare const UseTablePage: typeof TablePage;
+export * from './hooks/useTablePage/types/index';
+declare const myPlugin: Plugin;
+export default myPlugin;

package/lib/src/utils/tools.d.ts

@@ -0,0 +1,19 @@
+export declare const storage: (name: 'localStorage' | 'sessionStorage', key: string, value?: any) => any;
+export declare const firstUpperCase: (str: string) => string;
+export declare const type: (type: any) => string;
+export declare const getUuid: () => string;
+/**
+ *
+ * @param {Object} obj
+ * @param {String} path
+ * @returns
+ */
+export declare const getPropByPath: (obj: any, path: string) => any;
+export declare const dataTransformRod: (data: any, errData?: any) => any;
+export declare const getTreeNode: <T = any>(treeData: any, name: string, value: any, key: string) => T[];
+export declare function convertToFlat<T = any>(data: T[], children?: string, parentId?: any): T[];
+export declare function formatPhone(value: string): string;
+export declare const downFile: (response: any) => any;
+export declare const formatterArray: (cellValue: any) => any;
+export declare const escapeHTML: (str: any) => string;
+export declare const columnProp: (prop: string) => string;

package/lib/src/views/test-table/data.d.ts

@@ -0,0 +1,21 @@
+export declare const tableData: {
+    args: string;
+    costTime: number;
+    errorMsg: string;
+    id: string;
+    ip: string;
+    operationDescription: string;
+    operationObject: string;
+    operationResult: string;
+    operationType: {
+        code: string;
+        name: string;
+    };
+    overTime: number;
+    requestMethod: string;
+    requestUrl: string;
+    securityLevel: string;
+    startTime: string;
+    userId: string;
+    userName: string;
+}[];

package/lib/src/views/test-table/tableColumns.d.ts

@@ -0,0 +1,9 @@
+export declare const tableColumns: ({
+    prop: string;
+    label: string;
+    setting?: undefined;
+} | {
+    prop: string;
+    label: string;
+    setting: boolean;
+})[];

package/lib/src/views/test-table-page/data.d.ts

@@ -0,0 +1,2 @@
+import type { TableData } from './types';
+export declare const tableData: TableData[];

package/lib/src/views/test-table-page/formItem.d.ts

@@ -0,0 +1 @@
+export declare const formItem: any;

package/lib/src/views/test-table-page/types/index.d.ts

@@ -0,0 +1,23 @@
+export interface TableData {
+    args: string;
+    costTime: number;
+    errorMsg: string;
+    id: string;
+    ip: string;
+    operationDescription: string;
+    operationObject: string;
+    operationResult: string;
+    operationType: OperationType;
+    overTime: number;
+    requestMethod: string;
+    requestUrl: string;
+    securityLevel: string;
+    startTime: string;
+    userId: string;
+    userName: string;
+}
+interface OperationType {
+    code: string;
+    name: string;
+}
+export {};

package/lib/style.css

@@ -0,0 +1 @@
+.tree-item{width:100%}.tree-item .el-tooltip__trigger{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.el-popover-classify,.el-popover-classify li{margin:0;padding:0;list-style:none}.el-popover-classify li:first-child{border-bottom:1px solid var(--el-fill-color);line-height:32px}.el-popover-classify .el-tree-node .el-tree-node__expand-icon.is-leaf{display:none}.dinert-table{display:flex;padding:20px;height:100%;border-radius:var(--el-bg-radius);background-color:var(--el-bg-color);flex-direction:column;box-sizing:border-box}.dinert-table .dinert-table-header{display:flex;justify-content:space-between;margin-bottom:12px;text-align:right}.dinert-table .dinert-table-header .el-popover-classify li .el-checkbox{width:100%;line-height:24px;height:24px}.dinert-table .dinert-table-header .dinert-table-header-left{text-align:left}.dinert-table .dinert-table-header .dinert-table-header-right .el-tree-node__expand-icon.is-leaf{display:none}.dinert-table .dinert-table-body{flex:1;height:0}.dinert-table .dinert-table-body .el-table{--el-table-header-bg-color: #f4f4f4;--el-border-color-lighter: #e4e4e4}.dinert-table .dinert-table-body .el-table .el-popper{max-width:50%}.dinert-table .dinert-table-body .el-table .el-table__header .cell{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__header .cell .setting-icon{vertical-align:-1px;margin-left:4px;cursor:pointer}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .el-dropdown{vertical-align:-2px}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell{display:flex;justify-content:center;align-items:center}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-link{margin-right:12px}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon{font-size:14px;color:var(--el-color-primary);cursor:pointer;flex:1}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon.delete{color:var(--el-color-danger)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon{width:16px;height:16px;vertical-align:-2px;flex:1;color:var(--el-color-primary);cursor:pointer;fill:var(--el-color-primary)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon.f-14{width:14px;height:14px}.dinert-table .dinert-table-footer{display:flex;margin-top:16px}.dinert-table .dinert-table-footer .el-pagination{display:flex;flex-wrap:wrap}.el-form{display:flex;overflow:hidden;padding:0;min-height:50px;border-radius:4px;background-color:var(--el-color-white);transition:all .3s cubic-bezier(.645,.045,.355,1);box-sizing:content-box}.el-form.dinert-form.packUp{max-height:50px}.el-form.near .el-form-left{flex:unset}.el-form.near .el-form-left .el-col{width:auto}.el-form.near .el-form-right{min-width:auto}.el-form .el-form-left{flex:1}.el-form .el-form-left .el-col .label-text .el-date-editor{width:210px}.el-form .el-form-left .el-col .label-text .el-date-editor--daterange{width:260px}.el-form .el-form-left .el-col .label-text>.el-input{width:210px}.el-form .el-form-left .el-col .label-text>.el-select{width:210px}.el-form .el-form-left .el-col .label-text .el-date-editor--datetimerange{width:400px}.el-form .el-form-right{display:flex;margin-left:24px;min-width:230px}.el-form .el-form-right .el-form-right-operation{padding:0}.el-form .el-form-right .el-form-right-operation.el-button.is-text{padding-right:0;background-color:unset}.el-form div.el-form-item{position:relative;display:flex;margin-right:0;margin-bottom:18px;width:100%}.el-form div.el-form-item.show-label .label-text{overflow:unset;text-overflow:unset;white-space:unset}.el-form div.el-form-item.label-wrap .el-form-item__label{height:auto}.el-form div.el-form-item.label-wrap .el-form-item__label .label-text{display:inline;text-align:left;white-space:normal}.el-form .el-form-item__content{flex:1;margin-left:0}.el-form .el-form-item__content .el-tooltip__trigger,.el-form .el-form-item__content .el-input-number{width:100%}.el-form .el-form-item__content .el-input-number .el-input__inner{text-align:center}.el-form .el-form-item__content .el-date-editor,.el-form .el-form-item__content .el-date-editor .el-input__wrapper{width:100%;box-sizing:border-box}.el-form .el-form-item__content .el-input__inner{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-form .el-form-item__content .el-form-item__label{overflow:hidden;width:80px;max-width:80px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.el-form .el-form-item__content .el-form-item__label .el-tooltip,.el-form .el-form-item__content .el-form-item__label .el-tooltip .label-text{display:inline}.el-form .el-select{width:100%}.dinert-table-page{display:flex;flex-direction:column;box-sizing:border-box}.dinert-table-page.text-wrap .el-table__header .cell{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell,.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell>.cell-item,.dinert-table-page.text-wrap .el-table__body .el-table__row td .cell.el-tooltip>.cell-item{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row .el-button>span{text-align:left}.dinert-table-page.text-wrap .el-table__body .el-table__row span{white-space:pre-wrap;line-height:23px}.dinert-table-page.header-center .el-table__header .el-table__cell{text-align:center}.dinert-table-page.near .el-form-left{flex:unset}.dinert-table-page.near .el-form-left .el-col{margin-right:16px;width:auto;max-width:unset;flex:unset}.dinert-table-page.near .dinert-table-footer .el-pagination{margin-left:auto}.dinert-table-page.maxWidthAuto .el-form .el-form-item .el-form-item__label{max-width:unset}.dinert-table-page .dinert-form{padding:20px 20px 0;max-height:300px}.dinert-table-page .dinert-table{padding-top:0;height:0;flex:1}.el-tooltip__trigger{display:block;height:100%}.el-tooltip__trigger .text-tooltip{position:absolute;left:-999999999999px}.el-tooltip__trigger .label-text{display:block;overflow:hidden;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap}

package/package.json

@@ -1,86 +1,92 @@
-{
-  "name": "@dinert/element-plus",
-  "version": "1.0.0",
-  "description": "基于vue3封装的element-plus包",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "prepare": "husky install"
-  },
-  "keywords": [
-    "@dinert/element-plus",
-    "element-plus",
-    "@dinert"
-  ],
-  "files": [
-    "dist",
-    "es",
-    "lib"
-  ],
-  "main": "lib/index.js",
-  "module": "es/packages/index.mjs",
-  "types": "es/src/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./es/src/index.d.ts",
-      "import": "./es/packages/index.mjs",
-      "require": "./lib/index.js"
-    },
-    "./style": {
-      "import": "./es/style.css"
-    }
-  },
-  "author": "dinert",
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/eslint-parser": "^7.22.15",
-    "@babel/eslint-plugin": "^7.22.10",
-    "@babel/preset-typescript": "^7.23.3",
-    "@element-plus/icons-vue": "^2.1.0",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@types/node": "^20.9.0",
-    "@typescript-eslint/eslint-plugin": "^6.10.0",
-    "@typescript-eslint/parser": "^6.10.0",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.2",
-    "@vue/runtime-core": "^3.3.8",
-    "element-plus": "^2.4.2",
-    "eslint": "^8.53.0",
-    "eslint-plugin-vue": "^9.18.1",
-    "husky": "^8.0.3",
-    "lint-staged": "12.5.0",
-    "lodash": "^4.17.21",
-    "postcss": "^8.4.31",
-    "postcss-html": "^1.5.0",
-    "postcss-scss": "^4.0.9",
-    "sass": "^1.69.5",
-    "stylelint": "^15.11.0",
-    "stylelint-config-recommended-vue": "^1.5.0",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-order": "^6.0.3",
-    "stylelint-scss": "^5.3.1",
-    "typescript": "^5.2.2",
-    "validate-commit-msg": "^2.14.0",
-    "vite": "^4.5.0",
-    "vite-plugin-dts": "^3.6.3",
-    "vue": "^3.3.8",
-    "vue-eslint-parser": "^9.3.2"
-  },
-  "lint-staged": {
-    "*.{tsx, ts}": [
-      "eslint --fix",
-      "git add"
-    ],
-    "*.{css,scss,sass}": [
-      "stylelint --fix",
-      "git add"
-    ],
-    "*.{html,vue}": [
-      "eslint --fix",
-      "stylelint --fix",
-      "git add"
-    ]
-  },
-  "dependencies": {}
-}
+{
+  "name": "@dinert/element-plus",
+  "version": "1.0.2",
+  "description": "基于vue3封装的element-plus包",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "prepare": "husky install",
+    "docs:dev": "vuepress dev docs --port 8060",
+    "docs:build": "vuepress build docs",
+    "deploy": "bash deploy.sh"
+  },
+  "keywords": [
+    "@dinert/element-plus",
+    "element-plus",
+    "@dinert"
+  ],
+  "files": [
+    "dist",
+    "es",
+    "lib"
+  ],
+  "main": "lib/index.js",
+  "module": "es/packages/index.mjs",
+  "types": "es/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./es/src/index.d.ts",
+      "import": "./es/packages/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./style": {
+      "import": "./es/style.css"
+    }
+  },
+  "author": "dinert",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.23.2",
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/eslint-plugin": "^7.22.10",
+    "@babel/preset-typescript": "^7.23.3",
+    "@element-plus/icons-vue": "^2.1.0",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@types/node": "^20.9.0",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "@vue/runtime-core": "^3.3.8",
+    "@vuepress/client": "^2.0.0-rc.0",
+    "element-plus": "^2.4.2",
+    "eslint": "^8.53.0",
+    "eslint-plugin-vue": "^9.18.1",
+    "husky": "^8.0.3",
+    "lint-staged": "12.5.0",
+    "lodash": "^4.17.21",
+    "postcss": "^8.4.31",
+    "postcss-html": "^1.5.0",
+    "postcss-scss": "^4.0.9",
+    "sass": "^1.69.5",
+    "stylelint": "^15.11.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-order": "^6.0.3",
+    "stylelint-scss": "^5.3.1",
+    "typescript": "^5.2.2",
+    "validate-commit-msg": "^2.14.0",
+    "vite": "^4.5.0",
+    "vite-plugin-dts": "^3.6.3",
+    "vue": "^3.3.8",
+    "vue-eslint-parser": "^9.3.2"
+  },
+  "lint-staged": {
+    "*.{tsx, ts}": [
+      "eslint --fix",
+      "git add"
+    ],
+    "*.{css,scss,sass}": [
+      "stylelint --fix",
+      "git add"
+    ],
+    "*.{html,vue}": [
+      "eslint --fix",
+      "stylelint --fix",
+      "git add"
+    ]
+  },
+  "dependencies": {
+    "vuepress": "^2.0.0-rc.0"
+  }
+}