@web_xiaobai/ui 0.0.1

package/dist/components/Tabs/src/props.d.ts

@@ -0,0 +1,327 @@
+import { TabsProps } from 'naive-ui';
+import { PropType } from 'vue';
+import { TabsExtendThemeOverrides } from '../../../_extendThemeOverrides/Tabs';
+export type Size = "small" | "medium" | "large";
+export type BodenTabsType = TabsProps["type"] | "boden-card-round" | "boden-card";
+export declare const bodenTabsProps: {
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: "medium";
+    };
+    readonly type: {
+        readonly type: PropType<BodenTabsType>;
+        readonly default: "bar";
+    };
+    readonly extendThemeOverrides: {
+        readonly type: PropType<TabsExtendThemeOverrides>;
+        readonly default: () => {};
+    };
+    readonly value: PropType<string | number>;
+    readonly defaultValue: PropType<string | number>;
+    readonly trigger: {
+        readonly type: PropType<"click" | "hover">;
+        readonly default: "click";
+    };
+    readonly closable: BooleanConstructor;
+    readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
+    readonly placement: {
+        readonly type: PropType<"top" | "left" | "right" | "bottom">;
+        readonly default: "top";
+    };
+    readonly tabStyle: PropType<string | import('vue').CSSProperties>;
+    readonly tabClass: StringConstructor;
+    readonly addTabStyle: PropType<string | import('vue').CSSProperties>;
+    readonly addTabClass: StringConstructor;
+    readonly barWidth: NumberConstructor;
+    readonly paneClass: StringConstructor;
+    readonly paneStyle: PropType<string | import('vue').CSSProperties>;
+    readonly paneWrapperClass: StringConstructor;
+    readonly paneWrapperStyle: PropType<string | import('vue').CSSProperties>;
+    readonly addable: PropType<import('naive-ui/es/tabs/src/interface').Addable>;
+    readonly tabsPadding: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly animated: BooleanConstructor;
+    readonly onBeforeLeave: PropType<import('naive-ui/es/tabs/src/interface').OnBeforeLeave>;
+    readonly onAdd: PropType<() => void>;
+    readonly 'onUpdate:value': PropType<import('naive-ui/es/_utils').MaybeArray<import('naive-ui/es/tabs/src/interface').OnUpdateValue>>;
+    readonly onUpdateValue: PropType<import('naive-ui/es/_utils').MaybeArray<import('naive-ui/es/tabs/src/interface').OnUpdateValue>>;
+    readonly onClose: PropType<import('naive-ui/es/_utils').MaybeArray<import('naive-ui/es/tabs/src/interface').OnClose>>;
+    readonly labelSize: PropType<"small" | "medium" | "large">;
+    readonly activeName: PropType<string | number>;
+    readonly onActiveNameChange: PropType<import('naive-ui/es/_utils').MaybeArray<(value: string & number) => void>>;
+    readonly theme: PropType<import('naive-ui/es/_mixins').Theme<"Tabs", {
+        colorSegment: string;
+        tabFontSizeCard: string;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabFontWeightActive: string;
+        tabFontWeight: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
+        fontWeightStrong: string;
+        tabFontSizeSmall: string;
+        tabFontSizeMedium: string;
+        tabFontSizeLarge: string;
+        tabGapSmallLine: string;
+        tabGapMediumLine: string;
+        tabGapLargeLine: string;
+        tabGapSmallLineVertical: string;
+        tabGapMediumLineVertical: string;
+        tabGapLargeLineVertical: string;
+        tabPaddingSmallLine: string;
+        tabPaddingMediumLine: string;
+        tabPaddingLargeLine: string;
+        tabPaddingVerticalSmallLine: string;
+        tabPaddingVerticalMediumLine: string;
+        tabPaddingVerticalLargeLine: string;
+        tabGapSmallBar: string;
+        tabGapMediumBar: string;
+        tabGapLargeBar: string;
+        tabGapSmallBarVertical: string;
+        tabGapMediumBarVertical: string;
+        tabGapLargeBarVertical: string;
+        tabPaddingSmallBar: string;
+        tabPaddingMediumBar: string;
+        tabPaddingLargeBar: string;
+        tabPaddingVerticalSmallBar: string;
+        tabPaddingVerticalMediumBar: string;
+        tabPaddingVerticalLargeBar: string;
+        tabGapSmallCard: string;
+        tabGapMediumCard: string;
+        tabGapLargeCard: string;
+        tabGapSmallCardVertical: string;
+        tabGapMediumCardVertical: string;
+        tabGapLargeCardVertical: string;
+        tabPaddingSmallCard: string;
+        tabPaddingMediumCard: string;
+        tabPaddingLargeCard: string;
+        tabPaddingSmallSegment: string;
+        tabPaddingMediumSegment: string;
+        tabPaddingLargeSegment: string;
+        tabPaddingVerticalLargeSegment: string;
+        tabPaddingVerticalSmallCard: string;
+        tabPaddingVerticalMediumCard: string;
+        tabPaddingVerticalLargeCard: string;
+        tabPaddingVerticalSmallSegment: string;
+        tabPaddingVerticalMediumSegment: string;
+        tabGapSmallSegment: string;
+        tabGapMediumSegment: string;
+        tabGapLargeSegment: string;
+        tabGapSmallSegmentVertical: string;
+        tabGapMediumSegmentVertical: string;
+        tabGapLargeSegmentVertical: string;
+        panePaddingSmall: string;
+        panePaddingMedium: string;
+        panePaddingLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Tabs", {
+        colorSegment: string;
+        tabFontSizeCard: string;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabFontWeightActive: string;
+        tabFontWeight: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
+        fontWeightStrong: string;
+        tabFontSizeSmall: string;
+        tabFontSizeMedium: string;
+        tabFontSizeLarge: string;
+        tabGapSmallLine: string;
+        tabGapMediumLine: string;
+        tabGapLargeLine: string;
+        tabGapSmallLineVertical: string;
+        tabGapMediumLineVertical: string;
+        tabGapLargeLineVertical: string;
+        tabPaddingSmallLine: string;
+        tabPaddingMediumLine: string;
+        tabPaddingLargeLine: string;
+        tabPaddingVerticalSmallLine: string;
+        tabPaddingVerticalMediumLine: string;
+        tabPaddingVerticalLargeLine: string;
+        tabGapSmallBar: string;
+        tabGapMediumBar: string;
+        tabGapLargeBar: string;
+        tabGapSmallBarVertical: string;
+        tabGapMediumBarVertical: string;
+        tabGapLargeBarVertical: string;
+        tabPaddingSmallBar: string;
+        tabPaddingMediumBar: string;
+        tabPaddingLargeBar: string;
+        tabPaddingVerticalSmallBar: string;
+        tabPaddingVerticalMediumBar: string;
+        tabPaddingVerticalLargeBar: string;
+        tabGapSmallCard: string;
+        tabGapMediumCard: string;
+        tabGapLargeCard: string;
+        tabGapSmallCardVertical: string;
+        tabGapMediumCardVertical: string;
+        tabGapLargeCardVertical: string;
+        tabPaddingSmallCard: string;
+        tabPaddingMediumCard: string;
+        tabPaddingLargeCard: string;
+        tabPaddingSmallSegment: string;
+        tabPaddingMediumSegment: string;
+        tabPaddingLargeSegment: string;
+        tabPaddingVerticalLargeSegment: string;
+        tabPaddingVerticalSmallCard: string;
+        tabPaddingVerticalMediumCard: string;
+        tabPaddingVerticalLargeCard: string;
+        tabPaddingVerticalSmallSegment: string;
+        tabPaddingVerticalMediumSegment: string;
+        tabGapSmallSegment: string;
+        tabGapMediumSegment: string;
+        tabGapLargeSegment: string;
+        tabGapSmallSegmentVertical: string;
+        tabGapMediumSegmentVertical: string;
+        tabGapLargeSegmentVertical: string;
+        panePaddingSmall: string;
+        panePaddingMedium: string;
+        panePaddingLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import('naive-ui/es/_mixins/use-theme').ExtractThemeOverrides<import('naive-ui/es/_mixins').Theme<"Tabs", {
+        colorSegment: string;
+        tabFontSizeCard: string;
+        tabTextColorLine: string;
+        tabTextColorActiveLine: string;
+        tabTextColorHoverLine: string;
+        tabTextColorDisabledLine: string;
+        tabTextColorSegment: string;
+        tabTextColorActiveSegment: string;
+        tabTextColorHoverSegment: string;
+        tabTextColorDisabledSegment: string;
+        tabTextColorBar: string;
+        tabTextColorActiveBar: string;
+        tabTextColorHoverBar: string;
+        tabTextColorDisabledBar: string;
+        tabTextColorCard: string;
+        tabTextColorHoverCard: string;
+        tabTextColorActiveCard: string;
+        tabTextColorDisabledCard: string;
+        barColor: string;
+        closeIconColor: string;
+        closeIconColorHover: string;
+        closeIconColorPressed: string;
+        closeColorHover: string;
+        closeColorPressed: string;
+        closeBorderRadius: string;
+        tabColor: string;
+        tabColorSegment: string;
+        tabBorderColor: string;
+        tabFontWeightActive: string;
+        tabFontWeight: string;
+        tabBorderRadius: string;
+        paneTextColor: string;
+        fontWeightStrong: string;
+        tabFontSizeSmall: string;
+        tabFontSizeMedium: string;
+        tabFontSizeLarge: string;
+        tabGapSmallLine: string;
+        tabGapMediumLine: string;
+        tabGapLargeLine: string;
+        tabGapSmallLineVertical: string;
+        tabGapMediumLineVertical: string;
+        tabGapLargeLineVertical: string;
+        tabPaddingSmallLine: string;
+        tabPaddingMediumLine: string;
+        tabPaddingLargeLine: string;
+        tabPaddingVerticalSmallLine: string;
+        tabPaddingVerticalMediumLine: string;
+        tabPaddingVerticalLargeLine: string;
+        tabGapSmallBar: string;
+        tabGapMediumBar: string;
+        tabGapLargeBar: string;
+        tabGapSmallBarVertical: string;
+        tabGapMediumBarVertical: string;
+        tabGapLargeBarVertical: string;
+        tabPaddingSmallBar: string;
+        tabPaddingMediumBar: string;
+        tabPaddingLargeBar: string;
+        tabPaddingVerticalSmallBar: string;
+        tabPaddingVerticalMediumBar: string;
+        tabPaddingVerticalLargeBar: string;
+        tabGapSmallCard: string;
+        tabGapMediumCard: string;
+        tabGapLargeCard: string;
+        tabGapSmallCardVertical: string;
+        tabGapMediumCardVertical: string;
+        tabGapLargeCardVertical: string;
+        tabPaddingSmallCard: string;
+        tabPaddingMediumCard: string;
+        tabPaddingLargeCard: string;
+        tabPaddingSmallSegment: string;
+        tabPaddingMediumSegment: string;
+        tabPaddingLargeSegment: string;
+        tabPaddingVerticalLargeSegment: string;
+        tabPaddingVerticalSmallCard: string;
+        tabPaddingVerticalMediumCard: string;
+        tabPaddingVerticalLargeCard: string;
+        tabPaddingVerticalSmallSegment: string;
+        tabPaddingVerticalMediumSegment: string;
+        tabGapSmallSegment: string;
+        tabGapMediumSegment: string;
+        tabGapLargeSegment: string;
+        tabGapSmallSegmentVertical: string;
+        tabGapMediumSegmentVertical: string;
+        tabGapLargeSegmentVertical: string;
+        panePaddingSmall: string;
+        panePaddingMedium: string;
+        panePaddingLarge: string;
+        closeSize: string;
+        closeIconSize: string;
+    }, any>>>;
+};

package/dist/components/Tabs/src/styles/index.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('css-render').CNode;
+export default _default;

package/dist/components/Tabs/src/types.d.ts

@@ -0,0 +1,5 @@
+import { ExtractPublicPropTypes } from 'vue';
+import { bodenTabsProps } from './props';
+import { TabsInst } from 'naive-ui';
+export type BodenTabsProps = ExtractPublicPropTypes<typeof bodenTabsProps>;
+export type BodenTabsInst = TabsInst;

package/dist/components/Tabs/src/useCssVars.d.ts

@@ -0,0 +1,49 @@
+import { TabsExtendThemeOverrides } from '../../../_extendThemeOverrides/Tabs';
+import { Ref } from 'vue';
+import { Size } from './props';
+export default function useCssVarsHook(mergedExtendThemeOverrides: Ref<TabsExtendThemeOverrides>, size: Size): {
+    cssVarsRef: import('vue').ComputedRef<{
+        "--boden-tabs-tab-border-boden-card": string | undefined;
+        "--boden-tabs-tab-border-disabled-boden-card": string | undefined;
+        "--boden-tabs-tab-border-hover-boden-card": string | undefined;
+        "--boden-tabs-tab-border-active-boden-card": string | undefined;
+        "--boden-tabs-tab-border-active-disabled-boden-card": string | undefined;
+        "--boden-tabs-tab-color-boden-card": string | undefined;
+        "--boden-tabs-tab-color-disabled-boden-card": string | undefined;
+        "--boden-tabs-tab-color-hover-boden-card": string | undefined;
+        "--boden-tabs-tab-color-active-boden-card": string | undefined;
+        "--boden-tabs-tab-color-active-disabled-boden-card": string | undefined;
+        "--boden-tabs-tab-text-color-boden-card": string | undefined;
+        "--boden-tabs-tab-text-color-disabled-boden-card": string | undefined;
+        "--boden-tabs-tab-text-color-hover-boden-card": string | undefined;
+        "--boden-tabs-tab-text-color-active-boden-card": string | undefined;
+        "--boden-tabs-tab-text-color-active-disabled-boden-card": string | undefined;
+        "--boden-tabs-tab-border-boden-card-round": string | undefined;
+        "--boden-tabs-tab-border-disabled-boden-card-round": string | undefined;
+        "--boden-tabs-tab-border-hover-boden-card-round": string | undefined;
+        "--boden-tabs-tab-border-active-boden-card-round": string | undefined;
+        "--boden-tabs-tab-border-active-disabled-boden-card-round": string | undefined;
+        "--boden-tabs-tab-color-boden-card-round": string | undefined;
+        "--boden-tabs-tab-color-disabled-boden-card-round": string | undefined;
+        "--boden-tabs-tab-color-hover-boden-card-round": string | undefined;
+        "--boden-tabs-tab-color-active-boden-card-round": string | undefined;
+        "--boden-tabs-tab-color-active-disabled-boden-card-round": string | undefined;
+        "--boden-tabs-tab-text-color-boden-card-round": string | undefined;
+        "--boden-tabs-tab-text-color-disabled-boden-card-round": string | undefined;
+        "--boden-tabs-tab-text-color-hover-boden-card-round": string | undefined;
+        "--boden-tabs-tab-text-color-active-boden-card-round": string | undefined;
+        "--boden-tabs-tab-text-color-active-disabled-boden-card-round": string | undefined;
+        "--boden-tabs-tab-gap-boden-card-vertical": string | undefined;
+        "--boden-tabs-tab-gap-boden-card": string | undefined;
+        "--boden-tabs-tab-gap-boden-card-round-vertical": string | undefined;
+        "--boden-tabs-tab-gap-boden-card-round": string | undefined;
+        "--boden-tabs-tab-border-radius-boden-card": string | undefined;
+        "--boden-tabs-tab-border-radius-boden-card-round": string | undefined;
+        "--boden-tabs-tab-padding-boden-card": string | undefined;
+        "--boden-tabs-tab-padding-boden-card-round": string | undefined;
+        "--boden-tabs-tab-padding-boden-card-vertical": string | undefined;
+        "--boden-tabs-tab-padding-boden-card-round-vertical": string | undefined;
+        "--boden-tabs-tab-bar-active-height": string | undefined;
+        "--boden-tabs-tab-bar-active-border-radius": string | undefined;
+    }>;
+};

package/dist/components/Tabs/styles/_common.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from 'naive-ui';
+import { TabsExtendThemeOverrides } from '../../../_extendThemeOverrides/Tabs';
+export declare const BodenTabsCommon: TabsProps["themeOverrides"];
+export declare const BodenTabsExtendCommon: TabsExtendThemeOverrides;

package/dist/components/Tabs/styles/dark.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from 'naive-ui';
+import { TabsExtendThemeOverrides } from '../../../_extendThemeOverrides/Tabs';
+export declare const BodenTabsDark: TabsProps["themeOverrides"];
+export declare const BodenTabsExtendDark: TabsExtendThemeOverrides;

package/dist/components/Tabs/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenTabsLight, BodenTabsExtendLight } from './light';
+export { BodenTabsDark, BodenTabsExtendDark } from './dark';

package/dist/components/Tabs/styles/light.d.ts

@@ -0,0 +1,4 @@
+import { TabsProps } from 'naive-ui';
+import { TabsExtendThemeOverrides } from '../../../_extendThemeOverrides/Tabs';
+export declare const BodenTabsLight: TabsProps["themeOverrides"];
+export declare const BodenTabsExtendLight: TabsExtendThemeOverrides;

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

@@ -0,0 +1,4 @@
+export { default as BodenTag } from './src/Tag.vue';
+export { bodenTagProps } from './src/props';
+export * from './src/types';
+export * from './styles';