gi-component 0.0.48 → 0.0.49

package/README.md

@@ -38,6 +38,8 @@ npm login
 
 npm version patch
 
+npm run build:lib
+
 npm publish
 ```
 

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

@@ -14,6 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<FlexProps, {}, {},
     vertical: boolean;
     align: "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
     justify: "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    full: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -13,4 +13,6 @@ export interface FlexProps {
     flex?: string;
     /** 设置网格之间的间隙，可选预设 small / middle / large 或 string / number */
     gap?: 'small' | 'middle' | 'large' | string | number;
+    /** 是否撑满父容器宽高 */
+    full?: boolean;
 }

package/dist/components/page-layout/src/page-layout.vue.d.ts

@@ -7,9 +7,11 @@ declare const __VLS_component: import('vue').DefineComponent<PageLayoutProps, {}
     headerStyle: import('vue').CSSProperties;
     bodyStyle: import('vue').CSSProperties;
     collapse: boolean;
+    autoCollapse: boolean;
+    collapseBreakpoint: number;
     leftStyle: import('vue').CSSProperties;
     toolStyle: import('vue').CSSProperties;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/page-layout/src/type.d.ts

@@ -4,6 +4,10 @@ export interface PageLayoutProps {
     size?: SplitterPanelProps['size'];
     bordered?: boolean;
     collapse?: boolean;
+    /** 是否开启容器宽度自动折叠左侧面板 */
+    autoCollapse?: boolean;
+    /** 容器宽度小于该值时自动折叠左侧面板，大于该值时自动展开（单位 px） */
+    collapseBreakpoint?: number;
     leftStyle?: CSSProperties;
     headerStyle?: CSSProperties;
     toolStyle?: CSSProperties;

package/dist/components/page-layout/src/useAutoCollapse.d.ts

@@ -0,0 +1,11 @@
+import { ElSplitter, SplitterPanelProps } from 'element-plus';
+import { Ref } from 'vue';
+export interface UseAutoCollapseOptions<TSize extends SplitterPanelProps['size'] = SplitterPanelProps['size']> {
+    splitterRef: Ref<InstanceType<typeof ElSplitter> | undefined>;
+    size: Ref<TSize>;
+    enabled: boolean;
+    collapseBreakpoint: number;
+    panelSize: () => TSize;
+    setCollapsingSize: (newSize: TSize) => void;
+}
+export declare function useAutoCollapse<TSize extends SplitterPanelProps['size']>(options: UseAutoCollapseOptions<TSize>): void;

package/dist/gi.css

@@ -1 +1 @@
-@charset "UTF-8";.gi-card[data-v-c3534379]{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-c3534379]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-c3534379]{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-c3534379]{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-c3534379]{display:flex}.gi-card-header--bordered[data-v-c3534379]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-c3534379]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-c3534379]{padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--el-border-color);box-sizing:border-box}.gi-card--small .gi-card-header[data-v-c3534379]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-c3534379]{font-size:14px}.gi-card--small .gi-card-body[data-v-c3534379]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-c3534379]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}.gi-card--full .gi-card-body[data-v-c3534379]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-c3534379],.gi-card--inner .gi-card-body[data-v-c3534379],.gi-card--inner .gi-card-footer[data-v-c3534379]{padding-left:0;padding-right:0}.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}[data-v-efd62aed] .el-button+.el-button{margin-left:0}.gi-flex__size--small[data-v-efd62aed]{gap:8px}.gi-flex__size--middle[data-v-efd62aed]{gap:12px}.gi-flex__size--large[data-v-efd62aed]{gap:16px}.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-nav-tabs[data-v-5c4435f1]{display:flex;align-items:center;width:100%;height:40px;box-sizing:border-box}.gi-nav-tabs__left[data-v-5c4435f1],.gi-nav-tabs__right[data-v-5c4435f1]{flex-shrink:0}.gi-nav-tabs__scroll-wrap[data-v-5c4435f1]{flex:1;display:flex;align-items:center;min-width:0;overflow:hidden;height:100%}.gi-nav-tabs__scroll[data-v-5c4435f1]{flex:1;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;height:100%}.gi-nav-tabs__scroll[data-v-5c4435f1]::-webkit-scrollbar{display:none}.gi-nav-tabs__nav-btn[data-v-5c4435f1]{flex-shrink:0;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;padding:0;border:none;background:transparent;color:var(--el-text-color-secondary);cursor:pointer;outline:none;margin:0 4px}.gi-nav-tabs__nav-btn--prev[data-v-5c4435f1]{margin-left:6px}.gi-nav-tabs__nav-btn--next[data-v-5c4435f1]{margin-right:6px}.gi-nav-tabs__nav-btn[data-v-5c4435f1]:hover{color:var(--el-color-primary);background-color:var(--el-fill-color-light)}.gi-nav-tabs__nav-btn[data-v-5c4435f1]:active{background-color:var(--el-fill-color)}.gi-nav-tabs__nav-btn--disabled[data-v-5c4435f1]{color:var(--el-text-color-disabled);cursor:not-allowed;pointer-events:none}.gi-nav-tabs__nav-btn--disabled[data-v-5c4435f1]:hover,.gi-nav-tabs__nav-btn--disabled[data-v-5c4435f1]:active{color:var(--el-text-color-disabled);background-color:transparent}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item[data-v-5c4435f1]{padding:0 16px;color:var(--el-text-color-regular);position:relative;font-size:14px}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--active[data-v-5c4435f1]{color:var(--el-color-primary);font-weight:500}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--active[data-v-5c4435f1]:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--el-color-primary)}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--disabled[data-v-5c4435f1]{color:var(--el-text-color-disabled);cursor:not-allowed}.gi-nav-tabs--custom .gi-nav-tabs__scroll[data-v-5c4435f1]{gap:8px}.gi-nav-tabs--custom .gi-nav-tabs-item[data-v-5c4435f1]{padding:0;height:auto;line-height:inherit}.gi-nav-tabs-item[data-v-5c4435f1]{flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.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-29bffa31] .el-splitter-bar__dragger-horizontal:before,[data-v-29bffa31] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-29bffa31]{flex:1;width:auto;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-29bffa31]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-29bffa31]{width:100%;height:100%}.gi-page-layout__right[data-v-29bffa31]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-29bffa31]{padding:var(--padding);padding-bottom:0;border-bottom:1px solid var(--el-border-color);box-sizing:border-box}.gi-page-layout__tool[data-v-29bffa31]{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-29bffa31]{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-29bffa31],.gi-page-layout--has-tool .gi-page-layout__body[data-v-29bffa31]{padding-top:10px}.gi-page-layout__split[data-v-29bffa31]{width:0;height:auto;position:relative}.gi-page-layout--collapsing[data-v-29bffa31] .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}.gi-tag[data-v-cd3b3c6d]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;white-space:nowrap;border-radius:3px}.gi-tag--round[data-v-cd3b3c6d]{border-radius:9999px}.gi-tag__icon[data-v-cd3b3c6d]{display:inline-flex;flex-shrink:0;align-items:center;margin-right:4px;line-height:0;color:inherit}.gi-tag__icon[data-v-cd3b3c6d] .el-icon,.gi-tag__icon[data-v-cd3b3c6d] svg{width:11px;height:11px}.gi-tag-close-btn[data-v-cd3b3c6d]{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;cursor:pointer;background-color:transparent;border-radius:50%;transition:background-color .1s cubic-bezier(0,0,1,1)}.gi-tag-close-btn .close-icon[data-v-cd3b3c6d]{z-index:9;width:11px;height:11px;color:inherit}.gi-tag-close-btn[data-v-cd3b3c6d]:hover{color:var(--tag-close-hover-color);background-color:var(--tag-close-hover-bg-color)}.gi-tag__size--small[data-v-cd3b3c6d]{height:20px;padding:0 6px}.gi-tag__size--small .gi-tag__icon[data-v-cd3b3c6d] .el-icon,.gi-tag__size--small .gi-tag__icon[data-v-cd3b3c6d] svg{width:10px;height:10px}.gi-tag__size--small .gi-tag-close-btn[data-v-cd3b3c6d]{width:14px;height:14px}.gi-tag__size--small .gi-tag-close-btn .close-icon[data-v-cd3b3c6d]{width:10px;height:10px}.gi-tag__size--default[data-v-cd3b3c6d]{height:24px;padding:0 8px}.gi-tag__size--large[data-v-cd3b3c6d]{height:26px;padding:0 10px}.gi-tag__size--large .gi-tag__icon[data-v-cd3b3c6d] .el-icon,.gi-tag__size--large .gi-tag__icon[data-v-cd3b3c6d] svg{width:12px;height:12px}.gi-tag__size--large .gi-tag-close-btn[data-v-cd3b3c6d]{width:16px;height:16px}.gi-tag__size--large .gi-tag-close-btn .close-icon[data-v-cd3b3c6d]{width:12px;height:12px}.gi-tag__type--light.gi-tag__color--primary[data-v-cd3b3c6d]{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-primary)}.gi-tag__type--light.gi-tag__color--success[data-v-cd3b3c6d]{color:var(--el-color-success);background-color:var(--el-color-success-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-success)}.gi-tag__type--light.gi-tag__color--warning[data-v-cd3b3c6d]{color:var(--el-color-warning);background-color:var(--el-color-warning-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-warning)}.gi-tag__type--light.gi-tag__color--danger[data-v-cd3b3c6d]{color:var(--el-color-danger);background-color:var(--el-color-danger-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-danger)}.gi-tag__type--light.gi-tag__color--info[data-v-cd3b3c6d]{color:var(--el-color-info);background-color:var(--el-color-info-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-info)}.gi-tag__type--dark[data-v-cd3b3c6d]{color:#fff}.gi-tag__type--dark.gi-tag__color--primary[data-v-cd3b3c6d]{background-color:var(--el-color-primary);--tag-close-hover-color: var(--el-color-primary);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--success[data-v-cd3b3c6d]{background-color:var(--el-color-success);--tag-close-hover-color: var(--el-color-success);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--warning[data-v-cd3b3c6d]{background-color:var(--el-color-warning);--tag-close-hover-color: var(--el-color-warning);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--danger[data-v-cd3b3c6d]{background-color:var(--el-color-danger);--tag-close-hover-color: var(--el-color-danger);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--info[data-v-cd3b3c6d]{background-color:var(--el-color-info);--tag-close-hover-color: var(--el-color-info);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--outline[data-v-cd3b3c6d]{background:transparent;border-style:solid;border-width:1px}.gi-tag__type--outline.gi-tag__color--primary[data-v-cd3b3c6d]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-primary)}.gi-tag__type--outline.gi-tag__color--success[data-v-cd3b3c6d]{color:var(--el-color-success);border-color:var(--el-color-success-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-success)}.gi-tag__type--outline.gi-tag__color--warning[data-v-cd3b3c6d]{color:var(--el-color-warning);border-color:var(--el-color-warning-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-warning)}.gi-tag__type--outline.gi-tag__color--danger[data-v-cd3b3c6d]{color:var(--el-color-danger);border-color:var(--el-color-danger-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-danger)}.gi-tag__type--outline.gi-tag__color--info[data-v-cd3b3c6d]{color:var(--el-color-info);border-color:var(--el-color-info-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-info)}.gi-tag__type--light-outline[data-v-cd3b3c6d]{border-style:solid;border-width:1px}.gi-tag__type--light-outline.gi-tag__color--primary[data-v-cd3b3c6d]{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-primary)}.gi-tag__type--light-outline.gi-tag__color--success[data-v-cd3b3c6d]{color:var(--el-color-success);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-success)}.gi-tag__type--light-outline.gi-tag__color--warning[data-v-cd3b3c6d]{color:var(--el-color-warning);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-warning)}.gi-tag__type--light-outline.gi-tag__color--danger[data-v-cd3b3c6d]{color:var(--el-color-danger);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-danger)}.gi-tag__type--light-outline.gi-tag__color--info[data-v-cd3b3c6d]{color:var(--el-color-info);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-info)}.gi-tag__type--light.gi-tag__color--info[data-v-cd3b3c6d],.gi-tag__type--outline.gi-tag__color--info[data-v-cd3b3c6d],.gi-tag__type--light-outline.gi-tag__color--info[data-v-cd3b3c6d]{color:var(--el-color-text-primary)}.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)}.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)}body{--padding: 14px;--margin: 14px}.g-card-title .gi-card-header__title{padding-left:8px;position:relative}.g-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}.g-w-full{width:100%}.g-h-full{height:100%}.g-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.g-line-2{line-clamp:2;-webkit-line-clamp:2}.g-line-3{line-clamp:3;-webkit-line-clamp:3}.g-line-4{line-clamp:4;-webkit-line-clamp:4}.g-line-5{line-clamp:5;-webkit-line-clamp:5}.g-line-2,.g-line-3,.g-line-4,.g-line-5{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.g-mt{margin-top:var(--margin)}.g-mb{margin-bottom:var(--margin)}.g-ml{margin-left:var(--margin)}.g-mr{margin-right:var(--margin)}.g-mx{margin-left:var(--margin);margin-right:var(--margin)}.g-my{margin-top:var(--margin);margin-bottom:var(--margin)}.g-m0{margin:0!important}.g-pt{padding-top:var(--padding)}.g-pb{padding-bottom:var(--padding)}.g-pl{padding-left:var(--padding)}.g-pr{padding-right:var(--padding)}.g-px{padding-left:var(--padding);padding-right:var(--padding)}.g-py{padding-top:var(--padding);padding-bottom:var(--padding)}.g-p0{padding:0!important}.g-flex-column{flex-direction:column}.g-tool{gap:8px}
+@charset "UTF-8";.gi-card[data-v-c3534379]{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-c3534379]{border:1px solid var(--el-border-color)}.gi-card-header[data-v-c3534379]{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-c3534379]{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-c3534379]{display:flex}.gi-card-header--bordered[data-v-c3534379]{border-bottom:1px solid var(--el-border-color)}.gi-card-body[data-v-c3534379]{padding:var(--card-padding-x);box-sizing:border-box;overflow:hidden;height:100%}.gi-card-footer[data-v-c3534379]{padding:var(--card-padding-y) var(--card-padding-x);border-top:1px solid var(--el-border-color);box-sizing:border-box}.gi-card--small .gi-card-header[data-v-c3534379]{height:36px;padding:0 var(--card-padding-x-small)}.gi-card--small .gi-card-header__title[data-v-c3534379]{font-size:14px}.gi-card--small .gi-card-body[data-v-c3534379]{padding:var(--card-padding-x-small)}.gi-card--small .gi-card-footer[data-v-c3534379]{padding:var(--card-padding-y-small) var(--card-padding-x-small)}.gi-card--full .gi-card-body[data-v-c3534379]{flex:1;display:flex;flex-direction:column}.gi-card--inner .gi-card-header[data-v-c3534379],.gi-card--inner .gi-card-body[data-v-c3534379],.gi-card--inner .gi-card-footer[data-v-c3534379]{padding-left:0;padding-right:0}.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}[data-v-a3b9636f] .el-button+.el-button{margin-left:0}.gi-flex--full[data-v-a3b9636f]{width:100%;height:100%;overflow:hidden}.gi-flex__size--small[data-v-a3b9636f]{gap:8px}.gi-flex__size--middle[data-v-a3b9636f]{gap:12px}.gi-flex__size--large[data-v-a3b9636f]{gap:16px}.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-nav-tabs[data-v-5c4435f1]{display:flex;align-items:center;width:100%;height:40px;box-sizing:border-box}.gi-nav-tabs__left[data-v-5c4435f1],.gi-nav-tabs__right[data-v-5c4435f1]{flex-shrink:0}.gi-nav-tabs__scroll-wrap[data-v-5c4435f1]{flex:1;display:flex;align-items:center;min-width:0;overflow:hidden;height:100%}.gi-nav-tabs__scroll[data-v-5c4435f1]{flex:1;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;height:100%}.gi-nav-tabs__scroll[data-v-5c4435f1]::-webkit-scrollbar{display:none}.gi-nav-tabs__nav-btn[data-v-5c4435f1]{flex-shrink:0;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;padding:0;border:none;background:transparent;color:var(--el-text-color-secondary);cursor:pointer;outline:none;margin:0 4px}.gi-nav-tabs__nav-btn--prev[data-v-5c4435f1]{margin-left:6px}.gi-nav-tabs__nav-btn--next[data-v-5c4435f1]{margin-right:6px}.gi-nav-tabs__nav-btn[data-v-5c4435f1]:hover{color:var(--el-color-primary);background-color:var(--el-fill-color-light)}.gi-nav-tabs__nav-btn[data-v-5c4435f1]:active{background-color:var(--el-fill-color)}.gi-nav-tabs__nav-btn--disabled[data-v-5c4435f1]{color:var(--el-text-color-disabled);cursor:not-allowed;pointer-events:none}.gi-nav-tabs__nav-btn--disabled[data-v-5c4435f1]:hover,.gi-nav-tabs__nav-btn--disabled[data-v-5c4435f1]:active{color:var(--el-text-color-disabled);background-color:transparent}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item[data-v-5c4435f1]{padding:0 16px;color:var(--el-text-color-regular);position:relative;font-size:14px}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--active[data-v-5c4435f1]{color:var(--el-color-primary);font-weight:500}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--active[data-v-5c4435f1]:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--el-color-primary)}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--disabled[data-v-5c4435f1]{color:var(--el-text-color-disabled);cursor:not-allowed}.gi-nav-tabs--custom .gi-nav-tabs__scroll[data-v-5c4435f1]{gap:8px}.gi-nav-tabs--custom .gi-nav-tabs-item[data-v-5c4435f1]{padding:0;height:auto;line-height:inherit}.gi-nav-tabs-item[data-v-5c4435f1]{flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.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-3f0d909a] .el-splitter-bar__dragger-horizontal:before,[data-v-3f0d909a] .el-splitter-bar__dragger-horizontal:after{width:1px}.gi-page-layout[data-v-3f0d909a]{flex:1;width:auto;height:100%;display:flex;overflow:hidden;background-color:var(--el-bg-color)}.gi-page-layout--bordered[data-v-3f0d909a]{border:1px solid var(--el-border-color)}.gi-page-layout__left[data-v-3f0d909a]{width:100%;height:100%}.gi-page-layout__right[data-v-3f0d909a]{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.gi-page-layout__header[data-v-3f0d909a]{padding:var(--padding);padding-bottom:0;border-bottom:1px solid var(--el-border-color);box-sizing:border-box}.gi-page-layout__tool[data-v-3f0d909a]{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-3f0d909a]{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-3f0d909a],.gi-page-layout--has-tool .gi-page-layout__body[data-v-3f0d909a]{padding-top:10px}.gi-page-layout__split[data-v-3f0d909a]{width:0;height:auto;position:relative}.gi-page-layout--collapsing[data-v-3f0d909a] .el-splitter-panel{transition:flex-basis .3s}[data-v-91240424] .el-pagination__rightwrapper{flex:auto}.gi-table[data-v-91240424]{height:100%;overflow:hidden;display:flex;flex-direction:column}.gi-table[data-v-91240424] .el-table{flex:1}.gi-table-pagination[data-v-91240424]{margin-top:12px}[data-v-dcf6cbb0] .el-tabs__nav-prev,[data-v-dcf6cbb0] .el-tabs__nav-next{height:100%;display:flex;align-items:center;justify-content:center}.gi-tabs[data-v-dcf6cbb0]{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-dcf6cbb0]{flex:1;overflow:hidden}.gi-tabs__default[data-v-dcf6cbb0] .el-tabs__header{margin-bottom:0}.gi-tabs__default[data-v-dcf6cbb0] .el-tabs__header .el-tabs__nav-wrap:after{display:none}.gi-tabs__default[data-v-dcf6cbb0] .el-tabs__active-bar{bottom:1px}.gi-tabs__extra[data-v-dcf6cbb0]{margin-left:10px;align-self:flex-start}[data-v-dcf6cbb0] .el-tabs--card>.el-tabs__header{border-bottom:none}[data-v-dcf6cbb0] .el-tabs--border-card{border-bottom:none}[data-v-dcf6cbb0] .el-tabs--border-card>.el-tabs__content{display:none}[data-v-dcf6cbb0] .el-tabs--border-card>.el-tabs__header{border-bottom:none}.gi-tabs--small[data-v-dcf6cbb0]{padding:0 10px}.gi-tabs--small[data-v-dcf6cbb0] .el-tabs{--el-tabs-header-height: 32px}.gi-tabs--small[data-v-dcf6cbb0] .el-tabs .el-tabs__item{font-size:12px}.gi-tabs--inner[data-v-dcf6cbb0]{padding:0}.gi-tag[data-v-0322ddfb]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;white-space:nowrap;border-radius:3px}.gi-tag--round[data-v-0322ddfb]{border-radius:9999px}.gi-tag__icon[data-v-0322ddfb]{display:inline-flex;flex-shrink:0;align-items:center;margin-right:4px;line-height:0;color:inherit}.gi-tag__icon[data-v-0322ddfb] .el-icon,.gi-tag__icon[data-v-0322ddfb] svg{width:11px;height:11px}.gi-tag-close-btn[data-v-0322ddfb]{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;cursor:pointer;background-color:transparent;border-radius:50%;transition:background-color .1s cubic-bezier(0,0,1,1)}.gi-tag-close-btn .close-icon[data-v-0322ddfb]{z-index:9;width:11px;height:11px;color:inherit}.gi-tag-close-btn[data-v-0322ddfb]:hover{color:var(--tag-close-hover-color);background-color:var(--tag-close-hover-bg-color)}.gi-tag__size--small[data-v-0322ddfb]{height:20px;padding:0 6px}.gi-tag__size--small .gi-tag__icon[data-v-0322ddfb] .el-icon,.gi-tag__size--small .gi-tag__icon[data-v-0322ddfb] svg{width:10px;height:10px}.gi-tag__size--small .gi-tag-close-btn[data-v-0322ddfb]{width:14px;height:14px}.gi-tag__size--small .gi-tag-close-btn .close-icon[data-v-0322ddfb]{width:10px;height:10px}.gi-tag__size--default[data-v-0322ddfb]{height:24px;padding:0 8px}.gi-tag__size--large[data-v-0322ddfb]{height:26px;padding:0 10px}.gi-tag__size--large .gi-tag__icon[data-v-0322ddfb] .el-icon,.gi-tag__size--large .gi-tag__icon[data-v-0322ddfb] svg{width:12px;height:12px}.gi-tag__size--large .gi-tag-close-btn[data-v-0322ddfb]{width:16px;height:16px}.gi-tag__size--large .gi-tag-close-btn .close-icon[data-v-0322ddfb]{width:12px;height:12px}.gi-tag__type--light.gi-tag__color--primary[data-v-0322ddfb]{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-primary)}.gi-tag__type--light.gi-tag__color--success[data-v-0322ddfb]{color:var(--el-color-success);background-color:var(--el-color-success-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-success)}.gi-tag__type--light.gi-tag__color--warning[data-v-0322ddfb]{color:var(--el-color-warning);background-color:var(--el-color-warning-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-warning)}.gi-tag__type--light.gi-tag__color--danger[data-v-0322ddfb]{color:var(--el-color-danger);background-color:var(--el-color-danger-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-danger)}.gi-tag__type--light.gi-tag__color--info[data-v-0322ddfb]{color:var(--el-color-info);background-color:var(--el-color-info-light-9);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-info)}.gi-tag__type--dark[data-v-0322ddfb]{color:#fff}.gi-tag__type--dark.gi-tag__color--primary[data-v-0322ddfb]{background-color:var(--el-color-primary);--tag-close-hover-color: var(--el-color-primary);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--success[data-v-0322ddfb]{background-color:var(--el-color-success);--tag-close-hover-color: var(--el-color-success);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--warning[data-v-0322ddfb]{background-color:var(--el-color-warning);--tag-close-hover-color: var(--el-color-warning);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--danger[data-v-0322ddfb]{background-color:var(--el-color-danger);--tag-close-hover-color: var(--el-color-danger);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--dark.gi-tag__color--info[data-v-0322ddfb]{background-color:var(--el-color-info);--tag-close-hover-color: var(--el-color-info);--tag-close-hover-bg-color: rgb(255 255 255 / 90%)}.gi-tag__type--outline[data-v-0322ddfb]{background:transparent;border-style:solid;border-width:1px}.gi-tag__type--outline.gi-tag__color--primary[data-v-0322ddfb]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-primary)}.gi-tag__type--outline.gi-tag__color--success[data-v-0322ddfb]{color:var(--el-color-success);border-color:var(--el-color-success-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-success)}.gi-tag__type--outline.gi-tag__color--warning[data-v-0322ddfb]{color:var(--el-color-warning);border-color:var(--el-color-warning-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-warning)}.gi-tag__type--outline.gi-tag__color--danger[data-v-0322ddfb]{color:var(--el-color-danger);border-color:var(--el-color-danger-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-danger)}.gi-tag__type--outline.gi-tag__color--info[data-v-0322ddfb]{color:var(--el-color-info);border-color:var(--el-color-info-light-5);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-info)}.gi-tag__type--light-outline[data-v-0322ddfb]{border-style:solid;border-width:1px}.gi-tag__type--light-outline.gi-tag__color--primary[data-v-0322ddfb]{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-primary)}.gi-tag__type--light-outline.gi-tag__color--success[data-v-0322ddfb]{color:var(--el-color-success);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-success)}.gi-tag__type--light-outline.gi-tag__color--warning[data-v-0322ddfb]{color:var(--el-color-warning);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-warning)}.gi-tag__type--light-outline.gi-tag__color--danger[data-v-0322ddfb]{color:var(--el-color-danger);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-danger)}.gi-tag__type--light-outline.gi-tag__color--info[data-v-0322ddfb]{color:var(--el-color-info);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-7);--tag-close-hover-color: #fff;--tag-close-hover-bg-color: var(--el-color-info)}.gi-tag__type--light.gi-tag__color--info[data-v-0322ddfb],.gi-tag__type--outline.gi-tag__color--info[data-v-0322ddfb],.gi-tag__type--light-outline.gi-tag__color--info[data-v-0322ddfb]{color:var(--el-text-color-primary)}.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)}.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)}body{--padding: 16px;--margin: 16px}.g-card-title .gi-card-header__title{padding-left:8px;position:relative}.g-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}.g-w-full{width:100%}.g-h-full{height:100%}.g-line-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.g-line-2{line-clamp:2;-webkit-line-clamp:2}.g-line-3{line-clamp:3;-webkit-line-clamp:3}.g-line-4{line-clamp:4;-webkit-line-clamp:4}.g-line-5{line-clamp:5;-webkit-line-clamp:5}.g-line-2,.g-line-3,.g-line-4,.g-line-5{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.g-mt{margin-top:var(--margin)}.g-mb{margin-bottom:var(--margin)}.g-ml{margin-left:var(--margin)}.g-mr{margin-right:var(--margin)}.g-mx{margin-left:var(--margin);margin-right:var(--margin)}.g-my{margin-top:var(--margin);margin-bottom:var(--margin)}.g-m0{margin:0!important}.g-pt{padding-top:var(--padding)}.g-pb{padding-bottom:var(--padding)}.g-pl{padding-left:var(--padding)}.g-pr{padding-right:var(--padding)}.g-px{padding-left:var(--padding);padding-right:var(--padding)}.g-py{padding-top:var(--padding);padding-bottom:var(--padding)}.g-p0{padding:0!important}.g-flex-column{flex-direction:column}.g-tool{gap:8px}

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, ref, onMounted, watch, toValue, toRef, nextTick, onUnmounted, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, createSlots, Fragment, renderList, mergeModels, useModel, resolveDynamicComponent, resolveComponent, h, createApp, onUpdated, inject, toRefs, watchEffect, reactive, provide, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, ref, onMounted, watch, toValue, toRef, nextTick, onUnmounted, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, createSlots, Fragment, renderList, mergeModels, useModel, resolveDynamicComponent, resolveComponent, h, createApp, onUpdated, inject, toRefs, watchEffect, reactive, provide, onBeforeUnmount, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
 import * as El 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 */
@@ -1701,12 +1701,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     justify: { default: "normal" },
     align: { default: "normal" },
     flex: { default: "normal" },
-    gap: {}
+    gap: {},
+    full: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
     const { b } = useBemClass();
-    const classNames = computed(() => [b("flex"), b(`flex__size--${props.gap}`)]);
+    const classNames = computed(() => {
+      const arr = [b("flex"), b(`flex__size--${props.gap}`)];
+      if (props.full) {
+        arr.push(b("flex--full"));
+      }
+      return arr;
+    });
     const SIZE_MAP = ["small", "middle", "large"];
     const resolvedGap = computed(() => {
       if (props.gap === void 0 || props.gap === null || props.gap === "" || SIZE_MAP.includes(props.gap))
@@ -1748,7 +1755,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flex = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-efd62aed"]]);
+const Flex = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a3b9636f"]]);
 const GridContextInjectionKey = Symbol(
   "GridContextInjectionKey"
 );
@@ -2835,12 +2842,76 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ad431228"]]);
+const RESIZE_DEBOUNCE_MS = 150;
+function useAutoCollapse(options) {
+  if (!options.enabled) {
+    return;
+  }
+  let resizeObserver = null;
+  let debounceTimer = null;
+  function getSplitterWidth() {
+    var _a;
+    const el = (_a = options.splitterRef.value) == null ? void 0 : _a.$el;
+    return (el == null ? void 0 : el.clientWidth) ?? 0;
+  }
+  function applyAutoCollapseWidth(width) {
+    const threshold = options.collapseBreakpoint;
+    if (width < threshold && Number(options.size.value) > 30) {
+      options.setCollapsingSize(0);
+    } else if (width > threshold && Number(options.size.value) === 0) {
+      options.setCollapsingSize(options.panelSize());
+    }
+  }
+  function debouncedApplyAutoCollapseWidth() {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+    }
+    debounceTimer = setTimeout(() => {
+      debounceTimer = null;
+      applyAutoCollapseWidth(getSplitterWidth());
+    }, RESIZE_DEBOUNCE_MS);
+  }
+  function clearDebounceTimer() {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+      debounceTimer = null;
+    }
+  }
+  function bindResizeObserver() {
+    var _a;
+    unbindResizeObserver();
+    const el = (_a = options.splitterRef.value) == null ? void 0 : _a.$el;
+    if (!el || typeof ResizeObserver === "undefined") {
+      return;
+    }
+    resizeObserver = new ResizeObserver(() => {
+      debouncedApplyAutoCollapseWidth();
+    });
+    resizeObserver.observe(el);
+    applyAutoCollapseWidth(getSplitterWidth());
+  }
+  function unbindResizeObserver() {
+    resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    resizeObserver = null;
+  }
+  onMounted(async () => {
+    await nextTick();
+    bindResizeObserver();
+  });
+  onBeforeUnmount(() => {
+    clearDebounceTimer();
+    unbindResizeObserver();
+  });
+}
+const COLLAPSE_TRANSITION_MS = 300;
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "page-layout",
   props: {
     size: { default: 270 },
     bordered: { type: Boolean, default: false },
     collapse: { type: Boolean, default: true },
+    autoCollapse: { type: Boolean, default: false },
+    collapseBreakpoint: { default: 850 },
     leftStyle: { default: () => ({}) },
     headerStyle: { default: () => ({}) },
     toolStyle: { default: () => ({}) },
@@ -2850,8 +2921,36 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const slots = useSlots();
     const { b } = useBemClass();
+    const splitterRef = ref();
     const size = ref(props.size);
     const collapsing = ref(false);
+    let collapsingTimer = null;
+    function setCollapsingSize(newSize) {
+      if (collapsingTimer) {
+        clearTimeout(collapsingTimer);
+      }
+      collapsing.value = true;
+      collapsingTimer = setTimeout(() => {
+        collapsing.value = false;
+        collapsingTimer = null;
+      }, COLLAPSE_TRANSITION_MS);
+      size.value = newSize;
+    }
+    const autoCollapseEnabled = props.collapse && props.autoCollapse && !!slots.left && !!props.collapseBreakpoint;
+    useAutoCollapse({
+      splitterRef,
+      size,
+      enabled: autoCollapseEnabled,
+      collapseBreakpoint: props.collapseBreakpoint,
+      panelSize: () => props.size,
+      setCollapsingSize
+    });
+    onBeforeUnmount(() => {
+      if (collapsingTimer) {
+        clearTimeout(collapsingTimer);
+        collapsingTimer = null;
+      }
+    });
     const getClass = computed(() => {
       const arr = [b("page-layout")];
       if (props.bordered) {
@@ -2869,14 +2968,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return arr.join(" ");
     });
     function handleClick() {
-      collapsing.value = true;
-      setTimeout(() => {
-        collapsing.value = false;
-      }, 300);
-      size.value = Number(size.value) > 30 ? 0 : props.size;
+      setCollapsingSize(Number(size.value) > 30 ? 0 : props.size);
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElSplitter), {
+        ref_key: "splitterRef",
+        ref: splitterRef,
         class: normalizeClass(getClass.value)
       }, {
         default: withCtx(() => [
@@ -2941,7 +3038,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-29bffa31"]]);
+const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3f0d909a"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TableColumn",
   props: {
@@ -3114,7 +3211,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-763fcf58"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-91240424"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: /* @__PURE__ */ mergeModels({
@@ -3150,7 +3247,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(b)("tabs__default"))
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(ElTabs), {
+            (openBlock(), createBlock(unref(ElTabs), {
+              key: props.type,
               modelValue: model.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
               type: props.type,
@@ -3175,7 +3273,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 3
-            }, 8, ["modelValue", "type", "stretch"])
+            }, 8, ["modelValue", "type", "stretch"]))
           ], true)
         ], 2),
         unref(slots).extra ? (openBlock(), createElementBlock("div", {
@@ -3188,7 +3286,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bf74c707"]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-dcf6cbb0"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "tag",
   props: {
@@ -3338,7 +3436,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cd3b3c6d"]]);
+const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0322ddfb"]]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }