@epie/bi-crud 2.0.3 → 2.0.4

package/lib/components/adv-search.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from "vue";
-import { ClForm } from "../types";
+import { EpieForm } from "../types";
 declare const _default: import("vue").DefineComponent<{
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     title: {
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     onSearch: FunctionConstructor;
 }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "clear")[], "reset" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     title: {
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
     onReset?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
-    items: ClForm.Item[];
+    items: EpieForm.Item[];
     title: string;
     size: string | number;
     op: unknown[];

package/lib/components/context-menu/index.d.ts

@@ -1,5 +1,5 @@
-import { NSClContextMenu } from "../../types";
-declare const ClContextMenu: import("vue").DefineComponent<{
+import { NSEpieContextMenu } from "../../types";
+declare const EpieContextMenu: import("vue").DefineComponent<{
     show: BooleanConstructor;
     options: {
         type: ObjectConstructor;
@@ -49,6 +49,6 @@ declare const ClContextMenu: import("vue").DefineComponent<{
     event: Record<string, any>;
 }>;
 export declare const ContextMenu: {
-    open(event: any, options: NSClContextMenu.Options): void;
+    open(event: any, options: NSEpieContextMenu.Options): void;
 };
-export default ClContextMenu;
+export default EpieContextMenu;

package/lib/components/crud/helper.d.ts

@@ -10,6 +10,7 @@ export declare function useHelper({ mitt, props, crud }: any): {
     rowClose: () => void;
     refresh: (params?: any) => Promise<unknown>;
     doExport: (callback: Function) => void;
+    rowDescription: (data: any) => void;
     getPermission: (key: "page" | "list" | "info" | "update" | "add" | "delete") => boolean;
     paramsReplace: (params: any) => any;
     getParams: () => Object;

package/lib/components/crud/index.d.ts

@@ -73,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     rowAppend: (data?: any) => any;
     rowClose: () => any;
     rowDelete: (...selection: any[]) => void;
+    rowDescription: (row?: any) => void;
     refresh: (params?: {
         [key: string]: any;
         page?: number | undefined;

package/lib/components/descriptions/helper.d.ts

@@ -0,0 +1,3 @@
+export declare function useRender({ columns, data, title }: any): {
+    renderDescriptions: () => any;
+};

package/lib/components/descriptions/index.d.ts

@@ -0,0 +1,70 @@
+import { PropType } from "vue";
+import { EpieColumn } from "../../types";
+declare const _default: import("vue").DefineComponent<{
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    extra: {
+        type: StringConstructor;
+        default: string;
+    };
+    columns: {
+        type: PropType<EpieColumn[]>;
+        default: never[];
+    };
+}, {
+    show: import("vue").Ref<boolean>;
+    data: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    extra: {
+        type: StringConstructor;
+        default: string;
+    };
+    columns: {
+        type: PropType<EpieColumn[]>;
+        default: never[];
+    };
+}>>, {
+    border: boolean;
+    column: number;
+    direction: "horizontal" | "vertical";
+    title: string;
+    extra: string;
+    columns: EpieColumn[];
+}>;
+export default _default;

package/lib/components/filter-group.d.ts

@@ -1,4 +1,4 @@
-import { ClForm } from "../types";
+import { EpieForm } from "../types";
 import { PropType } from "vue";
 declare const _default: import("vue").DefineComponent<{
     data: {
@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     resetBtn: {
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     onSearch: FunctionConstructor;
 }, {
-    Form: import("vue").Ref<ClForm.Ref | undefined>;
+    Form: import("vue").Ref<EpieForm.Ref | undefined>;
     loading: import("vue").Ref<boolean>;
     search: () => void;
     reset: () => void;
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     resetBtn: {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     onSearch: FunctionConstructor;
 }>>, {
     data: Record<string, any>;
-    items: ClForm.Item[];
+    items: EpieForm.Item[];
     resetBtn: boolean;
 }>;
 export default _default;

package/lib/components/inline-search/index.d.ts

@@ -1,12 +1,12 @@
 import { PropType } from "vue";
-import { ClForm } from "@/types";
+import { EpieForm } from "@/types";
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: ObjectConstructor;
         default: () => {};
     };
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     op: {
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     op: {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     onSearch: FunctionConstructor;
 }>>, {
     data: Record<string, any>;
-    items: ClForm.Item[];
+    items: EpieForm.Item[];
     op: unknown[];
 }>;
 export default _default;

package/lib/components/table/index.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from "vue";
-import { ClTable } from "../../types";
+import { EpieColumn } from "../../types";
 declare const _default: import("vue").DefineComponent<{
     columns: {
-        type: PropType<ClTable.Column[]>;
+        type: PropType<EpieColumn[]>;
         default: never[];
     };
     height: NumberConstructor;
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selection-change" | "sort-change")[], "selection-change" | "sort-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
-        type: PropType<ClTable.Column[]>;
+        type: PropType<EpieColumn[]>;
         default: never[];
     };
     height: NumberConstructor;
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     "onSelection-change"?: ((...args: any[]) => any) | undefined;
     "onSort-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    columns: ClTable.Column[];
+    columns: EpieColumn[];
     autoHeight: boolean;
     contextMenu: boolean | unknown[];
     sortRefresh: boolean;

package/lib/components/upsert/index.d.ts

@@ -1,8 +1,8 @@
 import type { PropType } from "vue";
-import { ClForm } from "@/types";
+import { EpieForm } from "@/types";
 declare const _default: import("vue").DefineComponent<{
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     props: PropType<ElementPlus.FormProps | undefined>;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     onSubmit: FunctionConstructor;
 }, any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "closed")[], "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
-        type: PropType<ClForm.Item[]>;
+        type: PropType<EpieForm.Item[]>;
         default: () => never[];
     };
     props: PropType<ElementPlus.FormProps | undefined>;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {
-    items: ClForm.Item[];
+    items: EpieForm.Item[];
     sync: boolean;
 }>;
 export default _default;

package/lib/css/bi-crud.min.css

@@ -1 +1 @@
-.cl-crud{display:flex;flex-direction:column;height:100%;position:relative;box-sizing:border-box;background-color:#fff;overflow:hidden}.cl-crud.is-border{border:1px solid #eee}.cl-crud .el-input-number__decrease,.cl-crud .el-input-number__increase{border:0;background-color:transparent}.cl-crud>.el-row{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:5px;margin-bottom:0}.cl-crud>.el-row.cl-no-scroll{overflow-x:hidden;overflow-y:hidden}.cl-crud>.el-row::-webkit-scrollbar{height:4px}.cl-crud>.el-row::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,0.3);border-radius:5px}.cl-crud>.el-row::-webkit-scrollbar-track{background:transparent}.cl-crud>.el-row+.el-row{margin-top:5px}.cl-flex1{flex:1;font-size:12px}.cl-search-key{display:flex;margin-left:10px}.cl-search-key__select{margin-right:10px}.cl-search-key__select .el-input__inner{width:120px}.cl-search-key__input .el-input__inner{width:250px}.cl-search-key__button.el-button{margin-left:10px}.cl-table{width:100%}.cl-table .el-table.el-loading-parent--relative{box-sizing:border-box}.cl-table .el-table__header .el-table__cell{background-color:#ebeef5 !important}.cl-table .el-table__header .el-table__cell{color:#333}.cl-table .el-loading-mask .el-loading-spinner .el-icon-loading{font-size:25px;color:#000}.cl-table .el-loading-mask .el-loading-spinner .el-loading-text{color:#666;margin-top:5px}.cl-crud__op-dropdown-menu .el-dropdown-menu__item{height:30px;line-height:30px;padding:0}.cl-crud__op-dropdown-menu .el-button{height:30px;width:100%;padding:0 20px;text-align:left;box-sizing:border-box}.cl-query{display:inline-flex;margin:0 10px;border-radius:3px}.cl-query button{border:0;background-color:#fff;font-size:12px;outline:none;cursor:pointer;color:#666;white-space:nowrap}.cl-query button:hover{color:#6fa8ff}.cl-query button.is-active{color:#409eff}.cl-query button span{display:inline-block;padding:0 15px;border-right:1px solid #ddd}.cl-query button:last-child span{border:0}.cl-filter{display:flex;align-items:center;margin:0 10px}.cl-filter__label{font-size:12px;margin-right:10px;white-space:nowrap}.cl-filter .el-select{min-width:120px}.cl-filter-group{display:inline-flex;white-space:nowrap;margin:0 10px}.cl-filter-group__items{display:inline-flex}.cl-filter-group .el-form--inline .el-form-item{margin-right:10px;margin-bottom:0}.cl-filter-group .el-form--inline .el-form-item .el-date-editor{box-sizing:border-box}.cl-filter-group .el-form--inline .el-form-item .el-date-editor .el-range-input:nth-child(2){margin-left:5px}.cl-adv-search.el-drawer{background-color:#fff}.cl-adv-search .el-drawer__body{padding:0}.cl-adv-search__header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 15px 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-adv-search__header .text{font-size:16px}.cl-adv-search__header .el-icon{cursor:pointer}.cl-adv-search__header .el-icon:hover{color:red}.cl-adv-search__container{height:calc(100% - 100px);overflow-y:auto;padding:10px 20px;box-sizing:border-box}.cl-adv-search__container::-webkit-scrollbar{width:6px}.cl-adv-search__container::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(144,147,153,0.3)}.cl-adv-search__container .el-form-item__content>div{width:100%}.cl-adv-search__footer{display:flex;align-items:center;justify-content:flex-end;height:50px;border-top:1px solid #ebeef5;padding:0 10px;box-sizing:border-box}.cl-inline-search .el-drawer__header{margin-bottom:20px}.cl-inline-search .el-drawer__body{height:calc(100% - 63px);padding:0 5px}.cl-inline-search__container{height:calc(100% - 55px);overflow-y:auto;padding:10px 20px;margin-bottom:5px;box-sizing:border-box}.cl-inline-search__container::-webkit-scrollbar{width:6px}.cl-inline-search__container::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(144,147,153,0.3)}.cl-inline-search__container .el-form-item__content>div{width:100%}.cl-inline-search__footer{display:flex;align-items:center;justify-content:flex-end;height:50px;border-top:1px solid #ebeef5}.cl-inline-search .el-drawer{outline:none}.cl-inline-search .el-drawer__header span{outline:none;font-size:15px}.cl-inline-search .el-drawer__close-btn{outline:none}.cl-form .el-form-item .el-input-number__decrease,.cl-form .el-form-item .el-input-number__increase{border:0;background-color:transparent}.cl-form .el-form-item__label .el-tooltip i{margin-left:5px}.cl-form .el-form-item__content{min-width:0px}.cl-form .el-form-item__content>div{width:100%}.cl-form-item{display:flex}.cl-form-item__prepend{margin-right:10px}.cl-form-item__component.is-flex{flex:1;width:100%}.cl-form-item__component.is-flex>div{width:100%}.cl-form-item__append{margin-left:10px}.cl-form-item__collapse{width:100%;font-size:12px;cursor:pointer}.cl-form-item__collapse .el-divider{margin:16px 0}.cl-form-item__collapse .el-divider__text{font-size:12px}.cl-form-item__collapse i{margin-left:6px}.cl-form-item .el-table__header tr{line-height:normal}.cl-form__footer{display:flex;justify-content:flex-end}.cl-form-tabs{border-bottom:1px solid #ccc;overflow:hidden;width:calc(100% - 10px);margin:0 5px 20px 5px}.cl-form-tabs ul{height:35px;width:100%;overflow-x:auto;white-space:nowrap;position:relative;scrollbar-width:none;-ms-overflow-style:none}.cl-form-tabs ul::-webkit-scrollbar{display:none}.cl-form-tabs ul li{display:inline-block;list-style:none;padding:0 20px;height:35px;line-height:35px;cursor:pointer}.cl-form-tabs__line{height:2px;width:100%;position:absolute;bottom:-1px;left:0;transition:transform 0.3s ease-in-out,width 0.2s 0.1s cubic-bezier(0.645,0.045,0.355,1)}.cl-dialog .el-dialog__header{padding:0;text-align:center;border-bottom:1px solid #f7f7f7;margin-right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-dialog .el-dialog__header-slot.is-drag{-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:move}.cl-dialog .el-dialog__body{padding:20px}.cl-dialog .el-dialog__footer{padding:0}.cl-dialog__header{position:relative;padding:10px}.cl-dialog__footer{padding:20px}.cl-dialog__title{display:block;font-size:15px;text-align:center;letter-spacing:0.5px}.cl-dialog__controls{display:flex;justify-content:flex-end;position:absolute;right:0;top:0;z-index:9;width:100%}.cl-dialog__controls-icon,.cl-dialog__controls .minimize,.cl-dialog__controls .maximize,.cl-dialog__controls .close{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:0;background-color:#fff;cursor:pointer;outline:none}.cl-dialog__controls-icon i,.cl-dialog__controls .minimize i,.cl-dialog__controls .maximize i,.cl-dialog__controls .close i{font-size:18px}.cl-dialog__controls-icon i:hover,.cl-dialog__controls .minimize i:hover,.cl-dialog__controls .maximize i:hover,.cl-dialog__controls .close i:hover{opacity:0.7}.cl-dialog.hidden-header .el-dialog__header{display:none}.cl-context-menu{position:absolute;z-index:9999}.cl-context-menu__box{box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);width:160px;background-color:#fff;border-radius:3px;position:absolute;top:0}.cl-context-menu__box.is-append{right:calc(-100% - 5px);top:-5px}.cl-context-menu__box>div{display:flex;align-items:center;height:35px;font-size:13px;cursor:pointer;padding:0 15px;color:#666;position:relative}.cl-context-menu__box>div:first-child{margin-top:5px}.cl-context-menu__box>div:last-child{margin-bottom:5px}.cl-context-menu__box>div span{height:35px;line-height:35px;flex:1}.cl-context-menu__box>div:hover{background-color:#f7f7f7;color:#000}.cl-context-menu__box>div i:first-child{margin-right:5px}.cl-context-menu__box>div i:last-child{margin-left:5px}.cl-context-menu__box>div.is-active{background-color:#f7f7f7;color:#000}.cl-context-menu__box>div.is-ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-context-menu__box>div.is-disabled span{color:#ccc}.cl-context-menu__box>div.is-disabled span:hover{color:#ccc}.cl-context-menu__target{position:relative}.cl-context-menu__target::after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.05)}.el-message,.el-overlay.is-message-box{z-index:10000 !important}.el-message.el-message--success,.el-message.el-message--error,.el-message.el-message--info,.el-message.el-message--warning{min-width:auto;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:0;padding:12px 20px 12px 15px}.el-message.el-message--success .el-message__content,.el-message.el-message--error .el-message__content,.el-message.el-message--info .el-message__content,.el-message.el-message--warning .el-message__content{color:#999}@media only screen and (max-width:768px){.el-message-box{width:90% !important}.el-table__body-wrapper::-webkit-scrollbar{height:6px;width:6px}}
+.epie-crud{display:flex;flex-direction:column;height:100%;position:relative;box-sizing:border-box;background-color:#fff;overflow:hidden}.epie-crud.is-border{border:1px solid #eee}.epie-crud .el-input-number__decrease,.epie-crud .el-input-number__increase{border:0;background-color:transparent}.epie-crud>.el-row{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:5px;margin-bottom:0}.epie-crud>.el-row.epie-no-scroll{overflow-x:hidden;overflow-y:hidden}.epie-crud>.el-row::-webkit-scrollbar{height:4px}.epie-crud>.el-row::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,0.3);border-radius:5px}.epie-crud>.el-row::-webkit-scrollbar-track{background:transparent}.epie-crud>.el-row+.el-row{margin-top:5px}.epie-flex1{flex:1;font-size:12px}.epie-search-key{display:flex;margin-left:10px}.epie-search-key__select{margin-right:10px}.epie-search-key__select .el-input__inner{width:120px}.epie-search-key__input .el-input__inner{width:250px}.epie-search-key__button.el-button{margin-left:10px}.epie-table{width:100%}.epie-table .el-table.el-loading-parent--relative{box-sizing:border-box}.epie-table .el-table__header .el-table__cell{background-color:#ebeef5 !important}.epie-table .el-table__header .el-table__cell{color:#333}.epie-table .el-loading-mask .el-loading-spinner .el-icon-loading{font-size:25px;color:#000}.epie-table .el-loading-mask .el-loading-spinner .el-loading-text{color:#666;margin-top:5px}.epie-crud__op-dropdown-menu .el-dropdown-menu__item{height:30px;line-height:30px;padding:0}.epie-crud__op-dropdown-menu .el-button{height:30px;width:100%;padding:0 20px;text-align:left;box-sizing:border-box}.epie-query{display:inline-flex;margin:0 10px;border-radius:3px}.epie-query button{border:0;background-color:#fff;font-size:12px;outline:none;cursor:pointer;color:#666;white-space:nowrap}.epie-query button:hover{color:#6fa8ff}.epie-query button.is-active{color:#409eff}.epie-query button span{display:inline-block;padding:0 15px;border-right:1px solid #ddd}.epie-query button:last-child span{border:0}.epie-filter{display:flex;align-items:center;margin:0 10px}.epie-filter__label{font-size:12px;margin-right:10px;white-space:nowrap}.epie-filter .el-select{min-width:120px}.epie-filter-group{display:inline-flex;white-space:nowrap;margin:0 10px}.epie-filter-group__items{display:inline-flex}.epie-filter-group .el-form--inline .el-form-item{margin-right:10px;margin-bottom:0}.epie-filter-group .el-form--inline .el-form-item .el-date-editor{box-sizing:border-box}.epie-filter-group .el-form--inline .el-form-item .el-date-editor .el-range-input:nth-child(2){margin-left:5px}.epie-adv-search.el-drawer{background-color:#fff}.epie-adv-search .el-drawer__body{padding:0}.epie-adv-search__header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 15px 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.epie-adv-search__header .text{font-size:16px}.epie-adv-search__header .el-icon{cursor:pointer}.epie-adv-search__header .el-icon:hover{color:red}.epie-adv-search__container{height:calc(100% - 100px);overflow-y:auto;padding:10px 20px;box-sizing:border-box}.epie-adv-search__container::-webkit-scrollbar{width:6px}.epie-adv-search__container::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(144,147,153,0.3)}.epie-adv-search__container .el-form-item__content>div{width:100%}.epie-adv-search__footer{display:flex;align-items:center;justify-content:flex-end;height:50px;border-top:1px solid #ebeef5;padding:0 10px;box-sizing:border-box}.epie-inline-search .el-drawer__header{margin-bottom:20px}.epie-inline-search .el-drawer__body{height:calc(100% - 63px);padding:0 5px}.epie-inline-search__container{height:calc(100% - 55px);overflow-y:auto;padding:10px 20px;margin-bottom:5px;box-sizing:border-box}.epie-inline-search__container::-webkit-scrollbar{width:6px}.epie-inline-search__container::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(144,147,153,0.3)}.epie-inline-search__container .el-form-item__content>div{width:100%}.epie-inline-search__footer{display:flex;align-items:center;justify-content:flex-end;height:50px;border-top:1px solid #ebeef5}.epie-inline-search .el-drawer{outline:none}.epie-inline-search .el-drawer__header span{outline:none;font-size:15px}.epie-inline-search .el-drawer__close-btn{outline:none}.epie-form .el-form-item .el-input-number__decrease,.epie-form .el-form-item .el-input-number__increase{border:0;background-color:transparent}.epie-form .el-form-item__label .el-tooltip i{margin-left:5px}.epie-form .el-form-item__content{min-width:0px}.epie-form .el-form-item__content>div{width:100%}.epie-form-item{display:flex}.epie-form-item__prepend{margin-right:10px}.epie-form-item__component.is-flex{flex:1;width:100%}.epie-form-item__component.is-flex>div{width:100%}.epie-form-item__append{margin-left:10px}.epie-form-item__collapse{width:100%;font-size:12px;cursor:pointer}.epie-form-item__collapse .el-divider{margin:16px 0}.epie-form-item__collapse .el-divider__text{font-size:12px}.epie-form-item__collapse i{margin-left:6px}.epie-form-item .el-table__header tr{line-height:normal}.epie-form__footer{display:flex;justify-content:flex-end}.epie-form-tabs{border-bottom:1px solid #ccc;overflow:hidden;width:calc(100% - 10px);margin:0 5px 20px 5px}.epie-form-tabs ul{height:35px;width:100%;overflow-x:auto;white-space:nowrap;position:relative;scrollbar-width:none;-ms-overflow-style:none}.epie-form-tabs ul::-webkit-scrollbar{display:none}.epie-form-tabs ul li{display:inline-block;list-style:none;padding:0 20px;height:35px;line-height:35px;cursor:pointer}.epie-form-tabs__line{height:2px;width:100%;position:absolute;bottom:-1px;left:0;transition:transform 0.3s ease-in-out,width 0.2s 0.1s cubic-bezier(0.645,0.045,0.355,1)}.epie-dialog .el-dialog__header{padding:0;text-align:center;border-bottom:1px solid #f7f7f7;margin-right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.epie-dialog .el-dialog__header-slot.is-drag{-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:move}.epie-dialog .el-dialog__body{padding:20px}.epie-dialog .el-dialog__footer{padding:0}.epie-dialog__header{position:relative;padding:10px}.epie-dialog__footer{padding:20px}.epie-dialog__title{display:block;font-size:15px;text-align:center;letter-spacing:0.5px}.epie-dialog__controls{display:flex;justify-content:flex-end;position:absolute;right:0;top:0;z-index:9;width:100%}.epie-dialog__controls-icon,.epie-dialog__controls .minimize,.epie-dialog__controls .maximize,.epie-dialog__controls .close{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:0;background-color:#fff;cursor:pointer;outline:none}.epie-dialog__controls-icon i,.epie-dialog__controls .minimize i,.epie-dialog__controls .maximize i,.epie-dialog__controls .close i{font-size:18px}.epie-dialog__controls-icon i:hover,.epie-dialog__controls .minimize i:hover,.epie-dialog__controls .maximize i:hover,.epie-dialog__controls .close i:hover{opacity:0.7}.epie-dialog.hidden-header .el-dialog__header{display:none}.epie-context-menu{position:absolute;z-index:9999}.epie-context-menu__box{box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);width:160px;background-color:#fff;border-radius:3px;position:absolute;top:0}.epie-context-menu__box.is-append{right:calc(-100% - 5px);top:-5px}.epie-context-menu__box>div{display:flex;align-items:center;height:35px;font-size:13px;cursor:pointer;padding:0 15px;color:#666;position:relative}.epie-context-menu__box>div:first-child{margin-top:5px}.epie-context-menu__box>div:last-child{margin-bottom:5px}.epie-context-menu__box>div span{height:35px;line-height:35px;flex:1}.epie-context-menu__box>div:hover{background-color:#f7f7f7;color:#000}.epie-context-menu__box>div i:first-child{margin-right:5px}.epie-context-menu__box>div i:last-child{margin-left:5px}.epie-context-menu__box>div.is-active{background-color:#f7f7f7;color:#000}.epie-context-menu__box>div.is-ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epie-context-menu__box>div.is-disabled span{color:#ccc}.epie-context-menu__box>div.is-disabled span:hover{color:#ccc}.epie-context-menu__target{position:relative}.epie-context-menu__target::after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.05)}.el-message,.el-overlay.is-message-box{z-index:10000 !important}.el-message.el-message--success,.el-message.el-message--error,.el-message.el-message--info,.el-message.el-message--warning{min-width:auto;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:0;padding:12px 20px 12px 15px}.el-message.el-message--success .el-message__content,.el-message.el-message--error .el-message__content,.el-message.el-message--info .el-message__content,.el-message.el-message--warning .el-message__content{color:#999}.epie-descriptions.el-drawer{background-color:#fff}.epie-descriptions .el-drawer__body{padding:0}.epie-descriptions__header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 15px 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.epie-descriptions__header .text{font-size:16px}.epie-descriptions__header .el-icon{cursor:pointer}.epie-descriptions__header .el-icon:hover{color:red}.epie-descriptions__container{height:calc(100% - 100px);overflow-y:auto;padding:10px 20px;box-sizing:border-box}.epie-descriptions__container::-webkit-scrollbar{width:6px}.epie-descriptions__container::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(144,147,153,0.3)}.epie-descriptions__container .el-form-item__content>div{width:100%}.epie-descriptions__footer{display:flex;align-items:center;justify-content:flex-end;height:50px;border-top:1px solid #ebeef5;padding:0 10px;box-sizing:border-box}@media only screen and (max-width:768px){.el-message-box{width:90% !important}.el-table__body-wrapper::-webkit-scrollbar{height:6px;width:6px}}

package/lib/emitter.d.ts

@@ -1,3 +1,3 @@
-import { ClCrud, Emitter } from "./types";
-export declare const crudList: ClCrud.Ref[];
+import { EpieCrud, Emitter } from "./types";
+export declare const crudList: EpieCrud.Ref[];
 export declare const emitter: Emitter;

package/lib/hooks/core.d.ts

@@ -1,4 +1,4 @@
-import { ClCrud, Emitter } from "../types";
+import { EpieCrud, Emitter } from "../types";
 export declare function useRefs(): {
     refs: any;
     setRefs: (index: number) => (el: HTMLElement) => void;
@@ -8,6 +8,6 @@ export declare function useTools(): {
     style: any;
 };
 export declare function useCore(): {
-    crud: ClCrud.Provide;
+    crud: EpieCrud.Provide;
     mitt: Emitter;
 };

package/lib/hooks/crud.d.ts

@@ -1,13 +1,14 @@
 import { Ref } from "vue";
-import { ClAdvSearch, ClCrud, ClForm, ClTable, ClUpsert } from "../types";
-export declare function useCrud(options?: ClCrud.Props, cb?: (app: ClCrud.Ref) => void): Ref<ClCrud.Ref | undefined>;
-export declare function useUpsert(options?: ClUpsert.Props): Ref<ClUpsert.Ref | undefined>;
-export declare function useTable(options?: ClTable.Props): Ref<ClTable.Ref | undefined>;
-export declare function useAdvSearch(options: ClAdvSearch.Props): Ref<ClAdvSearch.Ref | undefined>;
-export declare function useForm(cb?: (app: ClForm.Ref) => void): Ref<ClForm.Ref | undefined>;
+import { EpieAdvSearch, EpieCrud, EpieForm, EpieTable, EpieUpsert, EpieDescriptionsProps } from "../types";
+export declare function useCrud(options?: EpieCrud.Props, cb?: (app: EpieCrud.Ref) => void): Ref<EpieCrud.Ref | undefined>;
+export declare function useUpsert(options?: EpieUpsert.Props): Ref<EpieUpsert.Ref | undefined>;
+export declare function useTable(options?: EpieTable.Props): Ref<EpieTable.Ref | undefined>;
+export declare function useAdvSearch(options: EpieAdvSearch.Props): Ref<EpieAdvSearch.Ref | undefined>;
+export declare function useForm(cb?: (app: EpieForm.Ref) => void): Ref<EpieForm.Ref | undefined>;
 export declare function useDialog(options?: {
     onFullscreen(visible: boolean): void;
 }): {
     fullscreen: Ref<boolean>;
     visible: Ref<boolean>;
 } | undefined;
+export declare function useDescriptions(options?: EpieDescriptionsProps): Ref<any>;

package/lib/types/base/adv-search.d.ts

@@ -1,7 +1,7 @@
-import { ClForm } from ".";
-export declare namespace ClAdvSearch {
+import { EpieForm } from ".";
+export declare namespace EpieAdvSearch {
     interface Props {
-        items: ClForm.Item[];
+        items: EpieForm.Item[];
         title?: string;
         size?: string | number;
         op?: Array<"clear" | "reset" | "close" | "save">;
@@ -10,6 +10,6 @@ export declare namespace ClAdvSearch {
             close(): void;
         }): void;
     }
-    interface Ref extends ClForm.Ref {
+    interface Ref extends EpieForm.Ref {
     }
 }

package/lib/types/base/base.d.ts

@@ -0,0 +1,14 @@
+import { Render } from ".";
+/** 支持的变形，还未完全支持完毕 */
+export declare type EpieSchemaComponentTypes = 'descriptions' | 'table' | undefined;
+export declare type EpieSchema<ComponentsType = EpieSchemaComponentTypes> = {
+    hide?: boolean;
+    prop?: string;
+    component?: Render.Options;
+    formatter?: ((row: any, column: any, value: any, index: number) => any) | undefined;
+    /** @name 在 descriptions 隐藏 */
+    hideInDescriptions?: boolean;
+    /** @name 在 Form 中隐藏 */
+    /** @name 在 table 中隐藏 */
+    hideInTable?: boolean;
+};

package/lib/types/base/context-menu.d.ts

@@ -1,5 +1,5 @@
 import { fun } from ".";
-export declare namespace NSClContextMenu {
+export declare namespace NSEpieContextMenu {
     interface Item {
         label: string;
         icon?: string;

package/lib/types/base/crud.d.ts

@@ -1,5 +1,5 @@
 import { fun } from ".";
-export declare namespace ClCrud {
+export declare namespace EpieCrud {
     interface Dict {
         api?: {
             list?: string;
@@ -122,6 +122,7 @@ export declare namespace ClCrud {
         rowAppend(data?: any): any;
         rowClose(): any;
         rowDelete(...selection: any[]): void;
+        rowDescription(row?: any): void;
         refresh: Service["page"]["request"];
     }
     interface Provide extends Ref {

package/lib/types/base/descriptions.d.ts

@@ -0,0 +1,11 @@
+import { EpieSchema } from "./base";
+export declare type EpieDescriptionsItemProps = EpieSchema<"descriptions"> & {};
+export declare type EpieDescriptionsProps = {
+    border?: boolean;
+    column?: number;
+    direction?: "vertical" | "horizontal";
+    size?: "" | "default" | "small" | "large";
+    title?: string;
+    extra?: string;
+    columns?: EpieDescriptionsItemProps[];
+};

package/lib/types/base/emitter.d.ts

@@ -1,9 +1,9 @@
-import { ClCrud } from ".";
+import { EpieCrud } from ".";
 export declare interface EmitterItem {
     name: string;
     callback(data: any, events: {
         refresh(params: any): void;
-        crudList: ClCrud.Ref[];
+        crudList: EpieCrud.Ref[];
     }): void;
 }
 export declare interface Emitter {

package/lib/types/base/form.d.ts

@@ -1,5 +1,5 @@
 import { fun, Hook, Render } from ".";
-export declare namespace ClForm {
+export declare namespace EpieForm {
     interface Item {
         type?: "tabs";
         prop?: string;

package/lib/types/base/index.d.ts

@@ -9,3 +9,4 @@ export * from "./hook";
 export * from "./render";
 export * from "./table";
 export * from "./upsert";
+export * from "./descriptions";

package/lib/types/base/table.d.ts

@@ -1,6 +1,49 @@
 import { Ref as VueRef } from "vue";
-import { fun, NSClContextMenu, Render } from ".";
-export declare namespace ClTable {
+import { fun, NSEpieContextMenu, Render } from ".";
+import { EpieSchema } from "./base";
+export declare type EpieColumn = EpieSchema<"table"> & {
+    type?: "index" | "selection" | "expand" | "op";
+    dict?: Array<{
+        label: string;
+        value?: any;
+        type?: "success" | "warning" | "info" | "danger";
+        size?: "medium" | "default" | "small";
+        effect?: "dark" | "light" | "plain";
+        color?: string;
+    }>;
+    buttons?: Array<"edit" | "delete" | Render.OpButton>;
+    align?: "left" | "center" | "right";
+    label?: string;
+    className?: string;
+    width?: number;
+    minWidth?: number | string;
+    renderHeader?: fun;
+    sortable?: boolean | "desc" | "descending" | "ascending" | "asc" | "custom" | string;
+    sortMethod?: fun;
+    sortBy?: string | fun | unknown[];
+    resizable?: {
+        type: boolean;
+        default: true;
+    };
+    columnKey?: string;
+    headerAlign?: string;
+    showOverflowTooltip?: boolean;
+    fixed?: boolean | string;
+    selectable?: fun;
+    reserveSelection?: boolean;
+    filterMethod?: fun;
+    filteredValue?: unknown[];
+    filters?: unknown[];
+    filterPlacement?: string;
+    filterMultiple?: {
+        type: boolean;
+        default: true;
+    };
+    index?: number | fun;
+    sortOrders?: unknown[];
+    detailExpand?: boolean;
+};
+export declare namespace EpieTable {
     type Dict = Array<{
         label: string;
         value?: any;
@@ -9,59 +52,14 @@ export declare namespace ClTable {
         effect?: "dark" | "light" | "plain";
         color?: string;
     }> | VueRef<Dict>;
-    interface Column {
-        type?: "index" | "selection" | "expand" | "op";
-        hidden?: boolean;
-        component?: Render.Options;
-        dict?: Array<{
-            label: string;
-            value?: any;
-            type?: "success" | "warning" | "info" | "danger";
-            size?: "medium" | "default" | "small";
-            effect?: "dark" | "light" | "plain";
-            color?: string;
-        }>;
-        buttons?: Array<"edit" | "delete" | Render.OpButton>;
-        align?: "left" | "center" | "right";
-        label?: string;
-        className?: string;
-        prop?: string;
-        width?: number;
-        minWidth?: number | string;
-        renderHeader?: fun;
-        sortable?: boolean | "desc" | "descending" | "ascending" | "asc" | "custom" | string;
-        sortMethod?: fun;
-        sortBy?: string | fun | unknown[];
-        resizable?: {
-            type: boolean;
-            default: true;
-        };
-        columnKey?: string;
-        headerAlign?: string;
-        showOverflowTooltip?: boolean;
-        fixed?: boolean | string;
-        formatter?: ((row: any, column: any, value: any, index: number) => any) | undefined;
-        selectable?: fun;
-        reserveSelection?: boolean;
-        filterMethod?: fun;
-        filteredValue?: unknown[];
-        filters?: unknown[];
-        filterPlacement?: string;
-        filterMultiple?: {
-            type: boolean;
-            default: true;
-        };
-        index?: number | fun;
-        sortOrders?: unknown[];
-    }
     interface Props {
-        columns: Column[];
-        contextMenu?: boolean | Array<NSClContextMenu.Item | ((row: any) => NSClContextMenu.Item) | "refresh" | "check" | "update" | "edit" | "delete" | "order-desc" | "order-asc">;
+        columns: EpieColumn[];
+        contextMenu?: boolean | Array<NSEpieContextMenu.Item | ((row: any) => NSEpieContextMenu.Item) | "refresh" | "check" | "update" | "edit" | "delete" | "order-desc" | "order-asc">;
     }
     interface Ref {
         selection: any[];
         data: any[];
-        columns: Column[];
+        columns: EpieColumn[];
         showColumn(prop: string | string[], status?: boolean): void;
         hideColumn(prop: string | string[]): void;
         changeSort(prop: string, order: string): void;

package/lib/types/base/upsert.d.ts

@@ -1,24 +1,24 @@
-import { ClForm, fun, ClCrud } from ".";
-export declare namespace ClUpsert {
+import { EpieForm, fun, EpieCrud } from ".";
+export declare namespace EpieUpsert {
     interface Props {
-        items: ClForm.Item[];
-        props?: ClForm.Options["props"];
+        items: EpieForm.Item[];
+        props?: EpieForm.Options["props"];
         sync?: boolean;
-        op?: ClForm.Options["op"];
-        dialog?: ClForm.Options["dialog"];
+        op?: EpieForm.Options["op"];
+        dialog?: EpieForm.Options["dialog"];
         onOpen?(isEdit: boolean, data: any): void;
         onClose?(done: fun): void;
-        onInfo?(data: ClCrud.Service["info"]["params"], event: {
+        onInfo?(data: EpieCrud.Service["info"]["params"], event: {
             close: fun;
             done(data: any): void;
-            next: ClCrud.Service["info"]["request"];
+            next: EpieCrud.Service["info"]["request"];
         }): void;
         onSubmit?(isEdit: boolean, data: any, event: {
             close: fun;
             done: fun;
-            next: ClCrud.Service["upsert"]["request"];
+            next: EpieCrud.Service["upsert"]["request"];
         }): void;
     }
-    interface Ref extends ClForm.Ref {
+    interface Ref extends EpieForm.Ref {
     }
 }

package/lib/types/emitter.d.ts

@@ -1,3 +1,3 @@
-import { ClCrud, Emitter } from ".";
-export declare const crudList: ClCrud.Ref[];
+import { EpieCrud, Emitter } from ".";
+export declare const crudList: EpieCrud.Ref[];
 export declare const emitter: Emitter;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epie/bi-crud",
   "simpleName": "bi-crud",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "private": false,
   "main": "lib/bi-crud.umd.js",
   "module": "lib/bi-crud.esm.js",