gi-component 0.0.36 → 0.0.38

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

@@ -0,0 +1,4 @@
+import { default as Descriptions } from './src/descriptions.vue';
+export type DescriptionsInstance = InstanceType<typeof Descriptions>;
+export * from './src/type';
+export default Descriptions;

package/dist/components/descriptions/src/descriptions.vue.d.ts

@@ -0,0 +1,23 @@
+import { DescriptionsItem, DescriptionsProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        item: DescriptionsItem<any>;
+        value: any;
+    }) => any>> & {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DescriptionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DescriptionsProps> & Readonly<{}>, {
+    columns: DescriptionsItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/descriptions/src/type.d.ts

@@ -0,0 +1,20 @@
+import { DescriptionsProps as ElDescriptionsProps } from 'element-plus';
+import { VNode } from 'vue';
+import type * as El from 'element-plus';
+export type DescriptionsItemType = 'text' | 'slot' | 'dict';
+export interface DescriptionsItem<D = any> {
+    type?: DescriptionsItemType;
+    label?: string;
+    labelRender?: () => VNode;
+    field?: string;
+    span?: number;
+    props?: El.DescriptionsItemProps;
+    dictCode?: string;
+    dictValue?: string;
+    hide?: boolean | ((data: D) => boolean);
+}
+export interface DescriptionsProps extends /* @vue-ignore */ Partial<ElDescriptionsProps> {
+    data?: any;
+    columns?: DescriptionsItem[];
+    dictRequest?: (code: string) => Promise<any[]>;
+}

package/dist/components/dialog/src/dialog.vue.d.ts

@@ -26,9 +26,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     footer: boolean | (() => VNode);
+    readonly width: string | number;
     readonly closeOnClickModal: boolean;
     readonly lockScroll: boolean;
-    readonly width: string | number;
     readonly alignCenter: boolean;
     readonly showClose: boolean;
     okText: string;

package/dist/components/form/src/type.d.ts

@@ -47,4 +47,5 @@ export interface FormProps extends Partial<ElFormProps> {
     searchText?: string;
     hideFoldBtn?: boolean;
     defaultCollapsed?: boolean | undefined;
+    suffix?: boolean;
 }

package/dist/components/table/src/table.d.ts

@@ -0,0 +1,4 @@
+import { DefineComponent } from 'vue';
+import { DefaultRow, TableProps } from './type';
+declare const _default: DefineComponent<TableProps<DefaultRow>>;
+export default _default;

package/dist/components/table/src/table.vue.d.ts

@@ -0,0 +1,4 @@
+import { DefineComponent } from 'vue';
+import { DefaultRow, TableProps } from './type';
+declare const _default: DefineComponent<TableProps<DefaultRow>>;
+export default _default;

package/dist/gi.css

@@ -1 +1 @@
-.gi-card[data-v-983a5472]{background-color:var(--el-bg-color);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--card-padding-x: var(--padding);--card-padding-x-small: 10px;--card-padding-y: var(--padding);--card-padding-y-small: 10px}.gi-card--bordered[data-v-983a5472]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-983a5472]{height:46px;padding:0 var(--card-padding-x);display:flex;justify-content:space-between;align-items:center;color:var(--el-text-color-primary);box-sizing:border-box;position:relative;flex-shrink:0}.gi-card-header__title[data-v-983a5472]{position:relative;line-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-weight:500;font-size:16px}.gi-card-header__extra[data-v-983a5472]{display:flex}.gi-card-header--bordered[data-v-983a5472]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-983a5472]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-983a5472]{padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--el-border-color);box-sizing:border-box}.gi-card--full .gi-card-body[data-v-983a5472]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-983a5472],.gi-card--inner .gi-card-body[data-v-983a5472],.gi-card--inner .gi-card-footer[data-v-983a5472]{padding-left:0;padding-right:0}.gi-card--small .gi-card-header[data-v-983a5472]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-983a5472]{font-size:14px}.gi-card--small .gi-card-body[data-v-983a5472]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-983a5472]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}.gi-dialog-content .el-message-box__message[data-v-2a6a2293]{font-size:15px}.gi-dot[data-v-575d79dc]{display:inline-flex;border-radius:100px;background-color:var(--el-color-info)}.gi-dot--square[data-v-575d79dc]{border-radius:0}.gi-dot--primary[data-v-575d79dc]{background-color:var(--el-color-primary)}.gi-dot--success[data-v-575d79dc]{background-color:var(--el-color-success)}.gi-dot--danger[data-v-575d79dc]{background-color:var(--el-color-danger)}.gi-dot--warning[data-v-575d79dc]{background-color:var(--el-color-warning)}.gi-dot--info[data-v-575d79dc]{background-color:var(--el-color-info)}.gi-dot--animation[data-v-575d79dc]{position:relative}.gi-dot--animation[data-v-575d79dc]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:inherit;border-radius:50%;animation:dot-animation-575d79dc 1.2s ease-in-out infinite}@keyframes dot-animation-575d79dc{0%{opacity:1;transform:scale(.5)}30%{opacity:.7}to{opacity:0;transform:scale(2.5)}}[data-v-edd7f8aa] .el-button+.el-button{margin-left:0}.gi-input-group[data-v-edd7f8aa]{display:flex}.gi-input-group[data-v-edd7f8aa]>*:not(:last-child){margin-right:-1px}.gi-input-group[data-v-edd7f8aa]>*:first-child:last-child{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-edd7f8aa]>*:first-child:last-child .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:first-child:last-child .el-select__wrapper{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-edd7f8aa]>*:not(:first-child):not(:last-child){border-radius:0}.gi-input-group[data-v-edd7f8aa]>*:not(:first-child):not(:last-child) .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:not(:first-child):not(:last-child) .el-select__wrapper{border-radius:0}.gi-input-group[data-v-edd7f8aa]>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-edd7f8aa]>*:first-child .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:first-child .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-edd7f8aa]>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-edd7f8aa]>*:last-child .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:last-child .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-edd7f8aa]>*:hover{z-index:1}.gi-input-group[data-v-edd7f8aa]>* .el-input__wrapper.is-focus,.gi-input-group[data-v-edd7f8aa]>* .el-select__wrapper.is-focused{z-index:2}[data-v-bb801bd6] .el-button{padding-right:12px;padding-left:12px}[data-v-b88099ba] .el-form-item{margin-bottom:0}[data-v-b88099ba] .el-form-item .el-form-item__label{display:none}[data-v-b88099ba] .column-required .cell{position:relative}[data-v-b88099ba] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-6eabaf75]{display:grid}.el-form[data-v-8e1e8e8a]{width:100%}[data-v-8e1e8e8a] .el-form-item{align-items:center}[data-v-8e1e8e8a] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-8e1e8e8a] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-8e1e8e8a]{width:100%;display:flex}.gi-form-item__component[data-v-8e1e8e8a]{flex:1}.gi-form-item__tip[data-v-8e1e8e8a]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-8e1e8e8a]{margin-left:6px}.gi-form__search-btns[data-v-8e1e8e8a],.gi-form--search[data-v-8e1e8e8a] .el-form-item{margin-bottom:8px}[data-v-8e1e8e8a] .w-full,[data-v-8e1e8e8a] .w-full .el-date-editor{width:100%}[data-v-8e1e8e8a] .gi-form-item__title{border-radius:0}[data-v-8e1e8e8a] .gi-form-item__title .el-alert__title{color:var(--el-text-color-primary);font-weight:600}.gi-split-button[data-v-ad431228]{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:9;border:1px solid var(--el-border-color);background-color:var(--el-bg-color);box-sizing:border-box;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,border-color}.gi-split-button--disabled[data-v-ad431228]{cursor:not-allowed;opacity:.6;pointer-events:none}.gi-split-button--default[data-v-ad431228]{width:18px;height:40px;left:0;box-shadow:2px 0 6px #0000001a}.gi-split-button--circle[data-v-ad431228]{width:24px;height:24px;border-radius:50%;left:-12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}[data-v-a35bb713] .el-splitter-bar__dragger-horizontal:before,[data-v-a35bb713] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-a35bb713]{flex:1;width:100%;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-a35bb713]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-a35bb713]{width:100%;height:100%}.gi-page-layout__right[data-v-a35bb713]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-a35bb713]{padding:var(--padding);padding-bottom:0;border-bottom:1px solid var(--el-border-color);box-sizing:border-box}.gi-page-layout__tool[data-v-a35bb713]{width:100%;padding:var(--padding);padding-bottom:0;display:flex;justify-content:end;align-items:center;box-sizing:border-box}.gi-page-layout__body[data-v-a35bb713]{flex:1;padding:var(--padding);height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.gi-page-layout--has-header .gi-page-layout__tool[data-v-a35bb713],.gi-page-layout--has-tool .gi-page-layout__body[data-v-a35bb713]{padding-top:10px}.gi-page-layout__split[data-v-a35bb713]{width:0;height:auto;position:relative}.gi-page-layout--collapsing[data-v-a35bb713] .el-splitter-panel{transition:flex-basis .3s}[data-v-763fcf58] .el-pagination__rightwrapper{flex:auto}.gi-table[data-v-763fcf58]{height:100%;overflow:hidden;display:flex;flex-direction:column}.gi-table[data-v-763fcf58] .el-table{flex:1}.gi-table-pagination[data-v-763fcf58]{margin-top:10px}[data-v-bf74c707] .el-tabs__nav-prev,[data-v-bf74c707] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-bf74c707]{width:100%;padding:0 var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--el-border-color);box-sizing:border-box;background-color:var(--el-bg-color)}.gi-tabs__default[data-v-bf74c707]{flex:1;overflow:hidden}.gi-tabs__default[data-v-bf74c707] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-bf74c707] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-bf74c707] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-bf74c707]{margin-left:10px;align-self:flex-start}[data-v-bf74c707] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-bf74c707] .el-tabs--border-card{border-bottom:none}[data-v-bf74c707] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-bf74c707] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-bf74c707]{padding:0 10px}.gi-tabs--small[data-v-bf74c707] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-bf74c707] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-bf74c707]{padding:0}.el-transfer-panel__list[data-v-e5946f56]{height:auto}.el-dialog{padding:0!important}.el-dialog.is-fullscreen{overflow:hidden;display:inline-flex;flex-direction:column}.el-dialog.is-fullscreen .el-dialog__body{flex:1;overflow-y:auto}.el-dialog .el-dialog__header{height:48px;padding-left:var(--el-dialog-padding-primary);padding-bottom:0;display:flex;align-items:center;border-bottom:1px solid var(--el-border-color)}.el-dialog .el-dialog__header .el-dialog__headerbtn{display:flex;justify-content:center;align-items:center}.el-dialog .el-dialog__body{padding:var(--el-dialog-padding-primary)}.el-dialog .el-dialog__footer{padding:12px var(--el-dialog-padding-primary);border-top:1px solid var(--el-border-color)}.el-dialog.gi-dialog--simple .el-dialog__header{border-bottom:none}.el-dialog.gi-dialog--simple .el-dialog__body{padding-top:0;padding-bottom:0}.el-dialog.gi-dialog--simple .el-dialog__footer{border-top:none}.el-drawer[role=dialog]{--el-drawer-padding-primary: 16px}.el-drawer .el-drawer__header{height:48px;margin-bottom:0;padding-top:0;border-bottom:1px solid var(--el-border-color);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.el-drawer .el-drawer__body{font-size:14px}.el-drawer .el-drawer__footer{padding-top:12px;padding-bottom:12px;border-top:1px solid var(--el-border-color)}body{--padding: 14px;--margin: 14px}.gi-table .el-table{--el-table-header-bg-color: var(--el-fill-color-lighter)}.gi-table .el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-lighter)}.gi-card-title .gi-card-header__title{padding-left:8px;position:relative}.gi-card-title .gi-card-header__title:before{content:"";width:4px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--el-color-primary);border-radius:0 4px 4px 0}.gi-w-full{width:100%}.gi-h-full{height:100%}.gi-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gi-line-2{line-clamp:2;-webkit-line-clamp:2}.gi-line-3{line-clamp:3;-webkit-line-clamp:3}.gi-line-4{line-clamp:4;-webkit-line-clamp:4}.gi-line-5{line-clamp:5;-webkit-line-clamp:5}.gi-line-2,.gi-line-3,.gi-line-4,.gi-line-5{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.gi-mt{margin-top:var(--margin)}.gi-mb{margin-bottom:var(--margin)}.gi-ml{margin-left:var(--margin)}.gi-mr{margin-right:var(--margin)}.gi-mx{margin-left:var(--margin);margin-right:var(--margin)}.gi-my{margin-top:var(--margin);margin-bottom:var(--margin)}.gi-m0{margin:0!important}.gi-pt{padding-top:var(--padding)}.gi-pb{padding-bottom:var(--padding)}.gi-pl{padding-left:var(--padding)}.gi-pr{padding-right:var(--padding)}.gi-px{padding-left:var(--padding);padding-right:var(--padding)}.gi-py{padding-top:var(--padding);padding-bottom:var(--padding)}.gi-p0{padding:0!important}.gi-flex-column{flex-direction:column}.gi-tool{gap:8px}
+.gi-card[data-v-0733140b]{width:100%;background-color:var(--el-bg-color);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--card-padding-x: var(--padding);--card-padding-x-small: 10px;--card-padding-y: var(--padding);--card-padding-y-small: 10px}.gi-card--bordered[data-v-0733140b]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-0733140b]{height:46px;padding:0 var(--card-padding-x);display:flex;justify-content:space-between;align-items:center;color:var(--el-text-color-primary);box-sizing:border-box;position:relative;flex-shrink:0}.gi-card-header__title[data-v-0733140b]{position:relative;line-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-weight:500;font-size:16px}.gi-card-header__extra[data-v-0733140b]{display:flex}.gi-card-header--bordered[data-v-0733140b]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-0733140b]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-0733140b]{padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--el-border-color);box-sizing:border-box}.gi-card--full .gi-card-body[data-v-0733140b]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-0733140b],.gi-card--inner .gi-card-body[data-v-0733140b],.gi-card--inner .gi-card-footer[data-v-0733140b]{padding-left:0;padding-right:0}.gi-card--small .gi-card-header[data-v-0733140b]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-0733140b]{font-size:14px}.gi-card--small .gi-card-body[data-v-0733140b]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-0733140b]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}.gi-dialog-content .el-message-box__message[data-v-2a6a2293]{font-size:15px}.gi-dot[data-v-575d79dc]{display:inline-flex;border-radius:100px;background-color:var(--el-color-info)}.gi-dot--square[data-v-575d79dc]{border-radius:0}.gi-dot--primary[data-v-575d79dc]{background-color:var(--el-color-primary)}.gi-dot--success[data-v-575d79dc]{background-color:var(--el-color-success)}.gi-dot--danger[data-v-575d79dc]{background-color:var(--el-color-danger)}.gi-dot--warning[data-v-575d79dc]{background-color:var(--el-color-warning)}.gi-dot--info[data-v-575d79dc]{background-color:var(--el-color-info)}.gi-dot--animation[data-v-575d79dc]{position:relative}.gi-dot--animation[data-v-575d79dc]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:inherit;border-radius:50%;animation:dot-animation-575d79dc 1.2s ease-in-out infinite}@keyframes dot-animation-575d79dc{0%{opacity:1;transform:scale(.5)}30%{opacity:.7}to{opacity:0;transform:scale(2.5)}}[data-v-edd7f8aa] .el-button+.el-button{margin-left:0}.gi-input-group[data-v-edd7f8aa]{display:flex}.gi-input-group[data-v-edd7f8aa]>*:not(:last-child){margin-right:-1px}.gi-input-group[data-v-edd7f8aa]>*:first-child:last-child{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-edd7f8aa]>*:first-child:last-child .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:first-child:last-child .el-select__wrapper{border-radius:var(--el-border-radius-base)}.gi-input-group[data-v-edd7f8aa]>*:not(:first-child):not(:last-child){border-radius:0}.gi-input-group[data-v-edd7f8aa]>*:not(:first-child):not(:last-child) .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:not(:first-child):not(:last-child) .el-select__wrapper{border-radius:0}.gi-input-group[data-v-edd7f8aa]>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-edd7f8aa]>*:first-child .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:first-child .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.gi-input-group[data-v-edd7f8aa]>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-edd7f8aa]>*:last-child .el-input__wrapper,.gi-input-group[data-v-edd7f8aa]>*:last-child .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.gi-input-group[data-v-edd7f8aa]>*:hover{z-index:1}.gi-input-group[data-v-edd7f8aa]>* .el-input__wrapper.is-focus,.gi-input-group[data-v-edd7f8aa]>* .el-select__wrapper.is-focused{z-index:2}[data-v-bb801bd6] .el-button{padding-right:12px;padding-left:12px}[data-v-b88099ba] .el-form-item{margin-bottom:0}[data-v-b88099ba] .el-form-item .el-form-item__label{display:none}[data-v-b88099ba] .column-required .cell{position:relative}[data-v-b88099ba] .column-required .cell:after{content:"*";color:red;margin-left:2px}.gi-grid[data-v-6eabaf75]{display:grid}.el-form[data-v-85d6c1a1]{width:100%}[data-v-85d6c1a1] .el-form-item{align-items:center}[data-v-85d6c1a1] .el-form-item .el-form-item__label{height:inherit;line-height:inherit}[data-v-85d6c1a1] .hide-label .el-form-item__label{display:none}.gi-form-item__content[data-v-85d6c1a1]{width:100%;display:flex}.gi-form-item__component[data-v-85d6c1a1]{flex:1}.gi-form-item__tip[data-v-85d6c1a1]{line-height:1.5;color:var(--el-color-info-light-3)}.gi-form-item__extra[data-v-85d6c1a1]{margin-left:6px}.gi-form__search-btns[data-v-85d6c1a1],.gi-form--search[data-v-85d6c1a1] .el-form-item{margin-bottom:8px}[data-v-85d6c1a1] .w-full,[data-v-85d6c1a1] .w-full .el-date-editor{width:100%}[data-v-85d6c1a1] .gi-form-item__title{border-radius:0}[data-v-85d6c1a1] .gi-form-item__title .el-alert__title{color:var(--el-text-color-primary);font-weight:600}.gi-split-button[data-v-ad431228]{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:9;border:1px solid var(--el-border-color);background-color:var(--el-bg-color);box-sizing:border-box;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,border-color}.gi-split-button--disabled[data-v-ad431228]{cursor:not-allowed;opacity:.6;pointer-events:none}.gi-split-button--default[data-v-ad431228]{width:18px;height:40px;left:0;box-shadow:2px 0 6px #0000001a}.gi-split-button--circle[data-v-ad431228]{width:24px;height:24px;border-radius:50%;left:-12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}[data-v-a35bb713] .el-splitter-bar__dragger-horizontal:before,[data-v-a35bb713] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-a35bb713]{flex:1;width:100%;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-a35bb713]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-a35bb713]{width:100%;height:100%}.gi-page-layout__right[data-v-a35bb713]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-a35bb713]{padding:var(--padding);padding-bottom:0;border-bottom:1px solid var(--el-border-color);box-sizing:border-box}.gi-page-layout__tool[data-v-a35bb713]{width:100%;padding:var(--padding);padding-bottom:0;display:flex;justify-content:end;align-items:center;box-sizing:border-box}.gi-page-layout__body[data-v-a35bb713]{flex:1;padding:var(--padding);height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.gi-page-layout--has-header .gi-page-layout__tool[data-v-a35bb713],.gi-page-layout--has-tool .gi-page-layout__body[data-v-a35bb713]{padding-top:10px}.gi-page-layout__split[data-v-a35bb713]{width:0;height:auto;position:relative}.gi-page-layout--collapsing[data-v-a35bb713] .el-splitter-panel{transition:flex-basis .3s}[data-v-763fcf58] .el-pagination__rightwrapper{flex:auto}.gi-table[data-v-763fcf58]{height:100%;overflow:hidden;display:flex;flex-direction:column}.gi-table[data-v-763fcf58] .el-table{flex:1}.gi-table-pagination[data-v-763fcf58]{margin-top:10px}[data-v-bf74c707] .el-tabs__nav-prev,[data-v-bf74c707] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-bf74c707]{width:100%;padding:0 var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--el-border-color);box-sizing:border-box;background-color:var(--el-bg-color)}.gi-tabs__default[data-v-bf74c707]{flex:1;overflow:hidden}.gi-tabs__default[data-v-bf74c707] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-bf74c707] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-bf74c707] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-bf74c707]{margin-left:10px;align-self:flex-start}[data-v-bf74c707] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-bf74c707] .el-tabs--border-card{border-bottom:none}[data-v-bf74c707] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-bf74c707] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-bf74c707]{padding:0 10px}.gi-tabs--small[data-v-bf74c707] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-bf74c707] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-bf74c707]{padding:0}.el-transfer-panel__list[data-v-e5946f56]{height:auto}.el-dialog{padding:0!important}.el-dialog.is-fullscreen{overflow:hidden;display:inline-flex;flex-direction:column}.el-dialog.is-fullscreen .el-dialog__body{flex:1;overflow-y:auto}.el-dialog .el-dialog__header{height:48px;padding-left:var(--el-dialog-padding-primary);padding-bottom:0;display:flex;align-items:center;border-bottom:1px solid var(--el-border-color)}.el-dialog .el-dialog__header .el-dialog__headerbtn{display:flex;justify-content:center;align-items:center}.el-dialog .el-dialog__body{padding:var(--el-dialog-padding-primary)}.el-dialog .el-dialog__footer{padding:12px var(--el-dialog-padding-primary);border-top:1px solid var(--el-border-color)}.el-dialog.gi-dialog--simple .el-dialog__header{border-bottom:none}.el-dialog.gi-dialog--simple .el-dialog__body{padding-top:0;padding-bottom:0}.el-dialog.gi-dialog--simple .el-dialog__footer{border-top:none}.el-drawer[role=dialog]{--el-drawer-padding-primary: 16px}.el-drawer .el-drawer__header{height:48px;margin-bottom:0;padding-top:0;border-bottom:1px solid var(--el-border-color);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.el-drawer .el-drawer__body{font-size:14px}.el-drawer .el-drawer__footer{padding-top:12px;padding-bottom:12px;border-top:1px solid var(--el-border-color)}body{--padding: 14px;--margin: 14px}.gi-table .el-table{--el-table-header-bg-color: var(--el-fill-color-lighter)}.gi-table .el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-lighter)}.gi-card-title .gi-card-header__title{padding-left:8px;position:relative}.gi-card-title .gi-card-header__title:before{content:"";width:4px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--el-color-primary);border-radius:0 4px 4px 0}.gi-w-full{width:100%}.gi-h-full{height:100%}.gi-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gi-line-2{line-clamp:2;-webkit-line-clamp:2}.gi-line-3{line-clamp:3;-webkit-line-clamp:3}.gi-line-4{line-clamp:4;-webkit-line-clamp:4}.gi-line-5{line-clamp:5;-webkit-line-clamp:5}.gi-line-2,.gi-line-3,.gi-line-4,.gi-line-5{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.gi-mt{margin-top:var(--margin)}.gi-mb{margin-bottom:var(--margin)}.gi-ml{margin-left:var(--margin)}.gi-mr{margin-right:var(--margin)}.gi-mx{margin-left:var(--margin);margin-right:var(--margin)}.gi-my{margin-top:var(--margin);margin-bottom:var(--margin)}.gi-m0{margin:0!important}.gi-pt{padding-top:var(--padding)}.gi-pb{padding-bottom:var(--padding)}.gi-pl{padding-left:var(--padding)}.gi-pr{padding-right:var(--padding)}.gi-px{padding-left:var(--padding);padding-right:var(--padding)}.gi-py{padding-top:var(--padding);padding-bottom:var(--padding)}.gi-p0{padding:0!important}.gi-flex-column{flex-direction:column}.gi-tool{gap:8px}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { App } from 'vue';
 import { default as Button } from './components/button';
 import { default as Card } from './components/card';
+import { default as Descriptions } from './components/descriptions';
 import { default as DialogComponent } from './components/dialog';
 import { default as Dot } from './components/dot';
 import { default as Drawer } from './components/drawer';
@@ -14,6 +15,7 @@ import { default as PageLayout } from './components/page-layout';
 import { default as Table } from './components/table';
 import { default as Tabs } from './components/tabs';
 import { default as TreeTransfer } from './components/tree-transfer';
+export * from './components/descriptions';
 export * from './components/dialog';
 export * from './components/drawer';
 export * from './components/edit-table';
@@ -24,6 +26,7 @@ export * from './hooks';
 export * from './utils';
 export declare const GiButton: typeof Button;
 export declare const GiCard: typeof Card;
+export declare const GiDescriptions: typeof Descriptions;
 export declare const GiDrawer: typeof Drawer;
 export declare const GiDot: typeof Dot;
 export declare const GiTabs: typeof Tabs;

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, mergeModels, useModel, ref, createSlots, resolveDynamicComponent, resolveComponent, h, createApp, Fragment, renderList, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, ref, onMounted, Fragment, renderList, createSlots, resolveDynamicComponent, mergeModels, useModel, resolveComponent, h, createApp, watch, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
 import * as El from "element-plus";
-import El__default, { ElButton, ElSpace, ElDialog, ElDrawer, ElInput, ElForm, ElTable, ElTableColumn, ElFormItem, ElText, ElMessage, ElIcon, ElSplitter, ElSplitterPanel, ElRow, ElPagination, ElTabs, ElTabPane, ElCheckbox, ElScrollbar, ElTree, ElCheckboxGroup, ElEmpty } from "element-plus";
+import El__default, { ElButton, ElSpace, ElDescriptions, ElDescriptionsItem, ElDialog, ElDrawer, ElInput, ElForm, ElTable, ElTableColumn, ElFormItem, ElText, ElMessage, ElIcon, ElSplitter, ElSplitterPanel, ElRow, ElPagination, ElTabs, ElTabPane, ElCheckbox, ElScrollbar, ElTree, ElCheckboxGroup, ElEmpty } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
 var _sfc_main6 = /* @__PURE__ */ defineComponent({
   name: "ArrowDown",
@@ -284,7 +284,7 @@ function useBemClass() {
   const b = (name = "") => `${prefix}-${name ? `${name}` : ""}`;
   return { b };
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "button",
   props: {
     type: { default: "" },
@@ -349,7 +349,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "card",
   props: {
     title: { default: "" },
@@ -434,7 +434,115 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Card = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-983a5472"]]);
+const Card = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0733140b"]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "descriptions",
+  props: {
+    data: {},
+    columns: { default: () => [] },
+    dictRequest: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const { b } = useBemClass();
+    const instance = getCurrentInstance();
+    const globalConfig = instance == null ? void 0 : instance.appContext.config.globalProperties.$config;
+    const dictData = ref({});
+    const loadDictData = async () => {
+      var _a;
+      const dictCodes = (_a = props.columns) == null ? void 0 : _a.filter((item) => item.dictCode).map((item) => item.dictCode).filter((code, index2, arr) => arr.indexOf(code) === index2);
+      if (!(dictCodes == null ? void 0 : dictCodes.length)) return;
+      const dictRequest = props.dictRequest || (globalConfig == null ? void 0 : globalConfig.dictRequest);
+      if (!dictRequest) {
+        return;
+      }
+      try {
+        const dictResponses = await Promise.all(
+          dictCodes.map(
+            (code) => dictRequest(code).then((response) => ({ code, response })).catch((error) => {
+              console.error(`获取字典 ${code} 失败:`, error);
+              return { code, response: [] };
+            })
+          )
+        );
+        dictResponses.forEach(({ code, response }) => {
+          dictData.value[code] = response;
+        });
+      } catch (error) {
+        console.error("获取字典数据失败:", error);
+      }
+    };
+    onMounted(() => {
+      loadDictData();
+    });
+    const filteredColumns = computed(() => {
+      return props.columns.filter((item) => {
+        if (typeof item.hide === "boolean") return !item.hide;
+        if (typeof item.hide === "function") return !item.hide(props.data);
+        return true;
+      });
+    });
+    const descriptionsProps = computed(() => {
+      const { data, columns, dictRequest, ...restProps } = props;
+      return { ...attrs, ...restProps };
+    });
+    const getClass = computed(() => {
+      return [b("descriptions")];
+    });
+    const getValue = (item) => {
+      if (!item.field || !props.data) return "";
+      return props.data[item.field] ?? "";
+    };
+    const getDictValue = (item) => {
+      var _a;
+      if (!item.dictCode || !item.field) return "";
+      const value = (_a = props.data) == null ? void 0 : _a[item.field];
+      const dictList = dictData.value[item.dictCode] || [];
+      const dictItem = dictList.find((d) => d.value === value || d.code === value);
+      return (dictItem == null ? void 0 : dictItem.label) ?? (dictItem == null ? void 0 : dictItem.name) ?? value ?? "";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDescriptions), mergeProps({ class: getClass.value }, descriptionsProps.value), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(filteredColumns.value, (item, index2) => {
+            return openBlock(), createBlock(unref(ElDescriptionsItem), mergeProps({
+              key: index2,
+              ref_for: true
+            }, item.props, {
+              label: item.label,
+              span: item.span
+            }), createSlots({
+              default: withCtx(() => [
+                item.type === "slot" ? renderSlot(_ctx.$slots, item.field, {
+                  key: 0,
+                  item,
+                  value: getValue(item)
+                }, void 0, true) : item.type === "dict" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(getDictValue(item)), 1)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  createTextVNode(toDisplayString(getValue(item)), 1)
+                ], 64))
+              ]),
+              _: 2
+            }, [
+              (item == null ? void 0 : item.labelRender) ? {
+                name: "label",
+                fn: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.labelRender)))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["label", "span"]);
+          }), 128)),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-621af6b6"]]);
 const _hoisted_1$4 = { key: 0 };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "dialog",
@@ -1753,6 +1861,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: void 0
     },
+    suffix: {
+      type: Boolean,
+      default: true
+    },
     model: {},
     rules: {},
     labelPosition: {},
@@ -2093,7 +2205,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               }, 1040, ["span"])) : createCommentVNode("", true)], 64))], 64);
             }), 256)), props.search ? (openBlock(), createBlock(unref(GridItem), {
               key: 0,
-              suffix: props.search,
+              suffix: props.suffix && props.search,
               span: (_a = props == null ? void 0 : props.gridItemProps) == null ? void 0 : _a.span
             }, {
               default: withCtx(() => [createVNode(unref(ElSpace), {
@@ -2134,7 +2246,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-8e1e8e8a"]]);
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-85d6c1a1"]]);
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "split-button",
   props: {
@@ -8257,8 +8369,9 @@ const createSelectDialog = (params) => {
 };
 void [Dialog.info, Dialog.success, Dialog.warning, Dialog.error];
 const components = {
-  Button: _sfc_main$h,
+  Button: _sfc_main$i,
   Card,
+  Descriptions,
   Drawer: _sfc_main$c,
   Dot,
   Tabs,
@@ -8273,8 +8386,9 @@ const components = {
   Table,
   TreeTransfer
 };
-const GiButton = _sfc_main$h;
+const GiButton = _sfc_main$i;
 const GiCard = Card;
+const GiDescriptions = Descriptions;
 const GiDrawer = _sfc_main$c;
 const GiDot = Dot;
 const GiTabs = Tabs;
@@ -8308,6 +8422,7 @@ export {
   Drawer,
   GiButton,
   GiCard,
+  GiDescriptions,
   GiDialog,
   GiDot,
   GiDrawer,