gi-component 0.0.44 → 0.0.46

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

@@ -3,10 +3,10 @@ declare function __VLS_template(): void;
 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<{}>, {
     size: "large" | "default" | "small";
+    data: Record<string, any>;
     title: string;
     extra: string;
     direction: "vertical" | "horizontal";
-    data: Record<string, any>;
     columns: DescriptionsColumnItem[];
     border: boolean;
     column: number;

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

@@ -26,8 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     readonly size: string | number;
-    readonly title: string;
     footer: boolean | (() => VNode);
+    readonly title: string;
     readonly appendTo: string | HTMLElement;
     readonly closeOnClickModal: boolean;
     readonly closeOnPressEscape: boolean;

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

@@ -11,9 +11,9 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<FlexProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FlexProps> & Readonly<{}>, {
     wrap: "nowrap" | "wrap" | "wrap-reverse" | boolean | "";
     vertical: boolean;
-    align: "normal" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    align: "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
     flex: string;
-    justify: "normal" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    justify: "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
 }, {}, {}, {}, 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

@@ -6,9 +6,9 @@ export interface FlexProps {
     /** 设置元素单行显示还是多行显示，参考 flex-wrap；支持布尔值，true 为 wrap，false 为 nowrap */
     wrap?: 'nowrap' | 'wrap' | 'wrap-reverse' | boolean | '';
     /** 设置元素在主轴方向上的对齐方式，参考 justify-content */
-    justify?: 'normal' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    justify?: 'normal' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
     /** 设置元素在交叉轴方向上的对齐方式，参考 align-items */
-    align?: 'normal' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    align?: 'normal' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
     /** flex CSS 简写属性 */
     flex?: string;
     /** 设置网格之间的间隙，可选预设 small / middle / large 或 string / number */

package/dist/components/nav-tabs/index.d.ts

@@ -0,0 +1,4 @@
+import { default as NavTabs } from './src/nav-tabs.vue';
+export type NavTabsInstance = InstanceType<typeof NavTabs>;
+export * from './src/type';
+export default NavTabs;

package/dist/components/nav-tabs/src/nav-tabs.vue.d.ts

@@ -0,0 +1,53 @@
+import { NavTabItem, NavTabsProps } from './type.ts';
+type __VLS_Props = NavTabsProps;
+type __VLS_PublicProps = {
+    modelValue?: string | number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: (props: {
+            item: NavTabItem;
+            active: boolean;
+            disabled: boolean;
+        }) => void;
+        'left-extra': () => void;
+        'right-extra': () => void;
+    }> & {
+        default: (props: {
+            item: NavTabItem;
+            active: boolean;
+            disabled: boolean;
+        }) => void;
+        'left-extra': () => void;
+        'right-extra': () => void;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        scrollRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+} & {
+    change: (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    data: NavTabItem[];
+    wheelSpeed: number;
+    custom: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    scrollRef: HTMLDivElement;
+}, HTMLDivElement>;
+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/nav-tabs/src/type.d.ts

@@ -0,0 +1,12 @@
+export type NavTabItem = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+export interface NavTabsProps {
+    data?: NavTabItem[];
+    wheelSpeed?: number;
+    /** 自定义项样式：无 padding，不应用 --active / --disabled 修饰类 */
+    custom?: boolean;
+}

package/dist/components/plus-tabs/index.d.ts

@@ -0,0 +1,8 @@
+import { default as PlusTabPane } from './src/plus-tab-pane.vue';
+import { default as PlusTabs } from './src/plus-tabs.vue';
+export type { PlusTabsContext, PlusTabsPaneState, PlusTabsRegisteredPane } from './src/context';
+export type { PlusScrollPosition, PlusTabsDirection, PlusTabsPosition, PlusTabsSize, PlusTabsType, } from './src/type';
+export { PlusTabPane };
+export type PlusTabPaneInstance = InstanceType<typeof PlusTabPane>;
+export type PlusTabsInstance = InstanceType<typeof PlusTabs>;
+export default PlusTabs;

package/dist/components/plus-tabs/src/context.d.ts

@@ -0,0 +1,26 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+export type TabTriggerMode = 'click' | 'hover';
+export interface PlusTabsPaneState {
+    uid: number;
+    key: ComputedRef<string | number>;
+    title: Ref<string | undefined>;
+    disabled: Ref<boolean>;
+    closable: Ref<boolean>;
+    destroyOnHide: Ref<boolean>;
+}
+export interface PlusTabsRegisteredPane extends PlusTabsPaneState {
+    slotsBox: {
+        title?: () => unknown;
+    };
+}
+export interface PlusTabsContext {
+    lazyLoad: Ref<boolean>;
+    destroyOnHide: Ref<boolean>;
+    hideContent: Ref<boolean>;
+    activeKey: ComputedRef<string | number | undefined>;
+    trigger: Ref<TabTriggerMode>;
+    getContentHost: () => HTMLElement | null | undefined;
+    registerPane: (pane: PlusTabsRegisteredPane) => void;
+    unregisterPane: (uid: number) => void;
+}
+export declare const plusTabsInjectionKey: InjectionKey<PlusTabsContext>;

package/dist/components/plus-tabs/src/plus-tab-pane.vue.d.ts

@@ -0,0 +1,39 @@
+type __VLS_Props = {
+    title?: string;
+    disabled?: boolean;
+    closable?: boolean;
+    destroyOnHide?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => unknown;
+        title: () => unknown;
+    }> & {
+        default: () => unknown;
+        title: () => unknown;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    contentRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    tabKey: import('vue').ComputedRef<string | number>;
+    active: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    closable: boolean;
+    destroyOnHide: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, 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/plus-tabs/src/plus-tabs.vue.d.ts

@@ -0,0 +1,78 @@
+import { PlusScrollPosition, PlusTabsDirection, PlusTabsPosition, PlusTabsSize, PlusTabsType } from './type.ts';
+type __VLS_Props = {
+    activeKey?: string | number;
+    defaultActiveKey?: string | number;
+    position?: PlusTabsPosition;
+    size?: PlusTabsSize;
+    type?: PlusTabsType;
+    direction?: PlusTabsDirection;
+    editable?: boolean;
+    showAddButton?: boolean;
+    destroyOnHide?: boolean;
+    lazyLoad?: boolean;
+    justify?: boolean;
+    animation?: boolean;
+    headerPadding?: boolean;
+    autoSwitch?: boolean;
+    hideContent?: boolean;
+    trigger?: 'click' | 'hover';
+    scrollPosition?: PlusScrollPosition;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => unknown;
+        extra: () => unknown;
+    }> & {
+        default: () => unknown;
+        extra: () => unknown;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        contentHostRef: HTMLDivElement;
+        navScrollRef: HTMLDivElement;
+        navListRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (key: string | number, ev: Event) => any;
+    add: (ev: Event) => any;
+    change: (key: string | number) => any;
+    "update:activeKey": (key: string | number) => any;
+    tabClick: (key: string | number, ev: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((key: string | number, ev: Event) => any) | undefined;
+    onAdd?: ((ev: Event) => any) | undefined;
+    onChange?: ((key: string | number) => any) | undefined;
+    "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
+    onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
+}>, {
+    type: PlusTabsType;
+    direction: PlusTabsDirection;
+    position: PlusTabsPosition;
+    justify: boolean;
+    animation: boolean;
+    trigger: "click" | "hover";
+    editable: boolean;
+    lazyLoad: boolean;
+    destroyOnHide: boolean;
+    showAddButton: boolean;
+    headerPadding: boolean;
+    autoSwitch: boolean;
+    hideContent: boolean;
+    scrollPosition: PlusScrollPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    contentHostRef: HTMLDivElement;
+    navScrollRef: HTMLDivElement;
+    navListRef: HTMLDivElement;
+}, HTMLDivElement>;
+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/plus-tabs/src/type.d.ts

@@ -0,0 +1,5 @@
+export type PlusTabsPosition = 'left' | 'right' | 'top' | 'bottom';
+export type PlusTabsType = 'line' | 'card' | 'card-gutter' | 'text' | 'rounded' | 'capsule';
+export type PlusTabsDirection = 'horizontal' | 'vertical';
+export type PlusTabsSize = 'mini' | 'small' | 'medium' | 'large';
+export type PlusScrollPosition = 'start' | 'end' | 'center' | 'auto' | number;

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

@@ -0,0 +1,2 @@
+export { useNavTabs } from './src/use-nav-tabs';
+export type { UseNavTabsOptions, UseNavTabsReturn } from './src/type';

package/dist/components/tab/src/context.d.ts

@@ -0,0 +1,10 @@
+import { InjectionKey, Ref } from 'vue';
+import { TabName, TabPaneRegistration } from './type';
+export interface TabContext {
+    activeName: Ref<TabName | undefined>;
+    setActive: (name: TabName) => void;
+    isActive: (name: TabName) => boolean;
+    registerPane: (pane: TabPaneRegistration) => void;
+    unregisterPane: (name: TabName) => void;
+}
+export declare const TabContextInjectionKey: InjectionKey<TabContext>;

package/dist/components/tab/src/tab-item.vue.d.ts

@@ -0,0 +1,26 @@
+import { TabItemProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => void;
+    }> & {
+        default: () => void;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TabItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabItemProps> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+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/tab/src/tab.vue.d.ts

@@ -0,0 +1,44 @@
+import { TabName, TabProps } from './type';
+type __VLS_Props = TabProps;
+type __VLS_PublicProps = {
+    modelValue?: TabName;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => void;
+        'left-extra': () => void;
+        'right-extra': () => void;
+    }> & {
+        default: () => void;
+        'left-extra': () => void;
+        'right-extra': () => void;
+    };
+    refs: {
+        navRef: HTMLDivElement;
+        scrollRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: TabName) => any;
+} & {
+    "tab-change": (name: TabName) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TabName) => any) | undefined;
+    "onTab-change"?: ((name: TabName) => any) | undefined;
+}>, {
+    size: "small" | "medium";
+    inner: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    navRef: HTMLDivElement;
+    scrollRef: HTMLDivElement;
+}, HTMLDivElement>;
+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/tab/src/type.d.ts

@@ -0,0 +1,21 @@
+import { MaybeRefOrGetter } from 'vue';
+export interface UseNavTabsOptions {
+    /** 根容器：选择器（.gi-tab）或 HTMLElement / Ref */
+    tabEl: MaybeRefOrGetter<string | HTMLElement | null>;
+    /** 滚动容器：类名 gi-tab__scroll 或 .gi-tab__scroll 或 HTMLElement */
+    tabScrollEl: MaybeRefOrGetter<string | HTMLElement | null>;
+    /** tab 项 class，如 gi-tab-item */
+    tabItemClassName: string;
+    /** 当前选中值；变化时自动居中（推荐传入） */
+    activeValue?: MaybeRefOrGetter<string | number | undefined>;
+    /** 选中态 class 后缀，默认 --active，即 gi-tab-item--active */
+    activeClassSuffix?: string;
+    /** 滚轮换算系数，默认 1 */
+    wheelSpeed?: number;
+}
+export interface UseNavTabsReturn {
+    /** 滚动到当前选中项并居中 */
+    scrollToActive: (behavior?: ScrollBehavior) => void;
+    /** 获取解析后的滚动容器 */
+    getScrollEl: () => HTMLElement | null;
+}

package/dist/components/tab/src/use-nav-tabs.d.ts

@@ -0,0 +1,2 @@
+import { UseNavTabsOptions, UseNavTabsReturn } from './type';
+export declare function useNavTabs(options: UseNavTabsOptions): UseNavTabsReturn;

package/dist/components/tab/src/use-tabs.d.ts

@@ -0,0 +1,13 @@
+import { Ref, ShallowRef } from 'vue';
+import { TabName } from './type';
+export interface UseTabsOptions {
+    model: Ref<TabName | undefined>;
+    emit: (e: 'tab-change', name: TabName) => void;
+}
+export declare function useTabs(options: UseTabsOptions): {
+    navRef: ShallowRef<HTMLElement | null, HTMLElement | null>;
+    scrollRef: ShallowRef<HTMLElement | null, HTMLElement | null>;
+    isOverflow: Ref<boolean, boolean>;
+    handleWheel: (e: WheelEvent) => void;
+    updateOverflow: () => void;
+};

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

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         slots: import('vue').Slots;
         props: {
             readonly disabled: boolean;
-            readonly lazy: boolean;
             readonly label: string;
+            readonly lazy: boolean;
             readonly name?: (string | number) | undefined;
             readonly closable?: boolean | undefined;
         };
@@ -52,8 +52,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         slots: import('vue').Slots;
         props: {
             readonly disabled: boolean;
-            readonly lazy: boolean;
             readonly label: string;
+            readonly lazy: boolean;
             readonly name?: (string | number) | undefined;
             readonly closable?: boolean | undefined;
         };

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-aef567a0] .el-button+.el-button{margin-left:0}.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}.gi-table-pro-column-setting{padding:0!important}.gi-table-pro-column-setting .el-popover__title{margin-bottom:0}.gi-table-pro[data-v-034d33bc]{height:100%;display:flex;flex-direction:column;position:relative}.gi-table-pro--fullscreen[data-v-034d33bc]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--el-bg-color);padding:16px}.gi-table-pro-toolbar[data-v-034d33bc]{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:8px;flex-shrink:0}.gi-table-pro-toolbar-right[data-v-034d33bc]{display:flex;align-items:center;gap:4px}.gi-table-pro-column-panel-header[data-v-034d33bc]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:8px;font-weight:500}.gi-table-pro-column-item[data-v-034d33bc]{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--el-border-color-extra-light)}.gi-table-pro-column-item[data-v-034d33bc]:last-child{border-bottom:none}.gi-table-pro-column-item .drag-handle[data-v-034d33bc]{cursor:grab;color:var(--el-text-color-secondary);display:flex;align-items:center;flex-shrink:0}.gi-table-pro-column-item .el-checkbox[data-v-034d33bc]{flex:1}.gi-table-pro-column-item-label[data-v-034d33bc]{flex:1;font-size:13px;color:var(--el-text-color-secondary)}.gi-table-pro-ghost[data-v-034d33bc]{opacity:.4;background:var(--el-color-primary-light-9)}[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-9d73e3e2]{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-9d73e3e2]{border-radius:9999px}.gi-tag__icon[data-v-9d73e3e2]{display:inline-flex;flex-shrink:0;align-items:center;margin-right:4px;line-height:0;color:inherit}.gi-tag__icon[data-v-9d73e3e2] .el-icon,.gi-tag__icon[data-v-9d73e3e2] svg{width:11px;height:11px}.gi-tag-close-btn[data-v-9d73e3e2]{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-9d73e3e2]{z-index:9;width:11px;height:11px;color:inherit}.gi-tag-close-btn[data-v-9d73e3e2]:hover{color:var(--tag-close-hover-color);background-color:var(--tag-close-hover-bg-color)}.gi-tag__size--small[data-v-9d73e3e2]{height:20px;padding:0 6px}.gi-tag__size--small .gi-tag__icon[data-v-9d73e3e2] .el-icon,.gi-tag__size--small .gi-tag__icon[data-v-9d73e3e2] svg{width:10px;height:10px}.gi-tag__size--small .gi-tag-close-btn[data-v-9d73e3e2]{width:14px;height:14px}.gi-tag__size--small .gi-tag-close-btn .close-icon[data-v-9d73e3e2]{width:10px;height:10px}.gi-tag__size--default[data-v-9d73e3e2]{height:22px;padding:0 8px}.gi-tag__size--large[data-v-9d73e3e2]{height:24px;padding:0 10px}.gi-tag__size--large .gi-tag__icon[data-v-9d73e3e2] .el-icon,.gi-tag__size--large .gi-tag__icon[data-v-9d73e3e2] svg{width:12px;height:12px}.gi-tag__size--large .gi-tag-close-btn[data-v-9d73e3e2]{width:16px;height:16px}.gi-tag__size--large .gi-tag-close-btn .close-icon[data-v-9d73e3e2]{width:12px;height:12px}.gi-tag__type--light.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{color:#fff}.gi-tag__type--dark.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{background:transparent;border-style:solid;border-width:1px}.gi-tag__type--outline.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{border-style:solid;border-width:1px}.gi-tag__type--light-outline.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2],.gi-tag__type--outline.gi-tag__color--info[data-v-9d73e3e2],.gi-tag__type--light-outline.gi-tag__color--info[data-v-9d73e3e2]{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)}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}
+@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-5bdac2b9]{display:flex;align-items:center;width:100%;height:40px;box-sizing:border-box}.gi-nav-tabs__left[data-v-5bdac2b9]{flex-shrink:0;margin-right:10px}.gi-nav-tabs__right[data-v-5bdac2b9]{flex-shrink:0;margin-left:10px}.gi-nav-tabs__scroll[data-v-5bdac2b9]{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;height:100%}.gi-nav-tabs__scroll[data-v-5bdac2b9]::-webkit-scrollbar{display:none}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item[data-v-5bdac2b9]{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-5bdac2b9]{color:var(--el-color-primary);font-weight:500}.gi-nav-tabs:not(.gi-nav-tabs--custom) .gi-nav-tabs-item--active[data-v-5bdac2b9]: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-5bdac2b9]{color:var(--el-text-color-disabled);cursor:not-allowed}.gi-nav-tabs--custom .gi-nav-tabs__scroll[data-v-5bdac2b9]{gap:8px}.gi-nav-tabs--custom .gi-nav-tabs-item[data-v-5bdac2b9]{padding:0;height:auto;line-height:inherit}.gi-nav-tabs-item[data-v-5bdac2b9]{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-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}.gi-tag[data-v-9d73e3e2]{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-9d73e3e2]{border-radius:9999px}.gi-tag__icon[data-v-9d73e3e2]{display:inline-flex;flex-shrink:0;align-items:center;margin-right:4px;line-height:0;color:inherit}.gi-tag__icon[data-v-9d73e3e2] .el-icon,.gi-tag__icon[data-v-9d73e3e2] svg{width:11px;height:11px}.gi-tag-close-btn[data-v-9d73e3e2]{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-9d73e3e2]{z-index:9;width:11px;height:11px;color:inherit}.gi-tag-close-btn[data-v-9d73e3e2]:hover{color:var(--tag-close-hover-color);background-color:var(--tag-close-hover-bg-color)}.gi-tag__size--small[data-v-9d73e3e2]{height:20px;padding:0 6px}.gi-tag__size--small .gi-tag__icon[data-v-9d73e3e2] .el-icon,.gi-tag__size--small .gi-tag__icon[data-v-9d73e3e2] svg{width:10px;height:10px}.gi-tag__size--small .gi-tag-close-btn[data-v-9d73e3e2]{width:14px;height:14px}.gi-tag__size--small .gi-tag-close-btn .close-icon[data-v-9d73e3e2]{width:10px;height:10px}.gi-tag__size--default[data-v-9d73e3e2]{height:22px;padding:0 8px}.gi-tag__size--large[data-v-9d73e3e2]{height:24px;padding:0 10px}.gi-tag__size--large .gi-tag__icon[data-v-9d73e3e2] .el-icon,.gi-tag__size--large .gi-tag__icon[data-v-9d73e3e2] svg{width:12px;height:12px}.gi-tag__size--large .gi-tag-close-btn[data-v-9d73e3e2]{width:16px;height:16px}.gi-tag__size--large .gi-tag-close-btn .close-icon[data-v-9d73e3e2]{width:12px;height:12px}.gi-tag__type--light.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{color:#fff}.gi-tag__type--dark.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{background:transparent;border-style:solid;border-width:1px}.gi-tag__type--outline.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{border-style:solid;border-width:1px}.gi-tag__type--light-outline.gi-tag__color--primary[data-v-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2]{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-9d73e3e2],.gi-tag__type--outline.gi-tag__color--info[data-v-9d73e3e2],.gi-tag__type--light-outline.gi-tag__color--info[data-v-9d73e3e2]{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}

package/dist/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './useBemClass';
+export * from './useNavTabs';

package/dist/hooks/useNavTabs.d.ts

@@ -0,0 +1,20 @@
+import { MaybeRefOrGetter } from 'vue';
+export interface UseNavTabsOptions {
+    /** 根容器：选择器（.tab）或 HTMLElement / Ref */
+    tabEl: MaybeRefOrGetter<string | HTMLElement | null>;
+    /** 滚动容器：类名 tab__scroll 或 .tab__scroll 或 HTMLElement */
+    tabScrollEl: MaybeRefOrGetter<string | HTMLElement | null>;
+    /** tab 项 class，如 tab-item */
+    tabItemClassName: string;
+    /** 当前选中值；变化时自动居中（推荐传入） */
+    activeValue?: MaybeRefOrGetter<string | number | undefined>;
+    /** 滚轮换算系数，默认 1 */
+    wheelSpeed?: number;
+}
+export interface UseNavTabsReturn {
+    /** 滚动到当前选中项并居中 */
+    scrollToActive: (behavior?: ScrollBehavior) => void;
+    /** 获取解析后的滚动容器 */
+    getScrollEl: () => HTMLElement | null;
+}
+export declare function useNavTabs(options: UseNavTabsOptions): UseNavTabsReturn;

package/dist/index.d.ts

@@ -12,9 +12,9 @@ import { default as GridItem } from './components/grid/src/grid-item.vue';
 import { default as Grid } from './components/grid/src/grid.vue';
 import { default as InputGroup } from './components/input-group';
 import { default as InputSearch } from './components/input-search';
+import { default as NavTabs } from './components/nav-tabs';
 import { default as PageLayout } from './components/page-layout';
 import { default as Table } from './components/table';
-import { default as TablePro } from './components/table-pro';
 import { default as Tabs } from './components/tabs';
 import { default as Tag } from './components/tag';
 import { default as TreeTransfer } from './components/tree-transfer';
@@ -23,8 +23,8 @@ export * from './components/dialog';
 export * from './components/drawer';
 export * from './components/edit-table';
 export * from './components/form';
+export * from './components/nav-tabs';
 export * from './components/table';
-export * from './components/table-pro';
 export * from './components/tabs';
 export * from './components/tag';
 export * from './hooks';
@@ -37,6 +37,7 @@ export declare const GiDot: typeof Dot;
 export declare const GiTabs: typeof Tabs;
 export declare const GiInputGroup: typeof InputGroup;
 export declare const GiInputSearch: typeof InputSearch;
+export declare const GiNavTabs: typeof NavTabs;
 export declare const GiFlex: typeof Flex;
 export declare const GiGrid: typeof Grid;
 export declare const GiGridItem: typeof GridItem;
@@ -45,7 +46,6 @@ export declare const GiPageLayout: typeof PageLayout;
 export declare const GiDialog: typeof DialogComponent;
 export declare const GiEditTable: typeof EditTable;
 export declare const GiTable: typeof Table;
-export declare const GiTablePro: typeof TablePro;
 export declare const GiTag: typeof Tag;
 export declare const GiTreeTransfer: typeof TreeTransfer;
 export interface DictItem {