tanxin-ui 0.2.0

package/es/grid/index.d.ts

@@ -0,0 +1,379 @@
+declare const TGrid: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            prefixCls: string;
+            padding: import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber];
+            square: boolean;
+            showBorder: boolean;
+            cols: string | number;
+            avatarShape: string;
+            avatarSize: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            justify: import("vue-types").VueTypeDef<string>;
+            align: import("vue-types").VueTypeDef<string>;
+            x: import("vue-types").VueTypeDef<string>;
+            y: import("vue-types").VueTypeDef<string>;
+            cols: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            square: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            marginTop: import("vue-types").VueTypeDef<string | number>;
+            marginBottom: import("vue-types").VueTypeDef<string | number>;
+            marginLeft: import("vue-types").VueTypeDef<string | number>;
+            marginRight: import("vue-types").VueTypeDef<string | number>;
+            padding: {
+                type: import("vue").PropType<import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber]>;
+                default: number;
+            };
+            avatarShape: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            avatarSize: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            avatarBgWidth: import("vue-types").VueTypeDef<string | number>;
+            avatarWidth: import("vue-types").VueTypeDef<string | number>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefixCls" | "padding" | "square" | "showBorder" | "cols" | "avatarShape" | "avatarSize">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            justify: import("vue-types").VueTypeDef<string>;
+            align: import("vue-types").VueTypeDef<string>;
+            x: import("vue-types").VueTypeDef<string>;
+            y: import("vue-types").VueTypeDef<string>;
+            cols: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            square: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            marginTop: import("vue-types").VueTypeDef<string | number>;
+            marginBottom: import("vue-types").VueTypeDef<string | number>;
+            marginLeft: import("vue-types").VueTypeDef<string | number>;
+            marginRight: import("vue-types").VueTypeDef<string | number>;
+            padding: {
+                type: import("vue").PropType<import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber]>;
+                default: number;
+            };
+            avatarShape: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            avatarSize: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            avatarBgWidth: import("vue-types").VueTypeDef<string | number>;
+            avatarWidth: import("vue-types").VueTypeDef<string | number>;
+        }>>, {
+            render: () => JSX.Element;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            prefixCls: string;
+            padding: import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber];
+            square: boolean;
+            showBorder: boolean;
+            cols: string | number;
+            avatarShape: string;
+            avatarSize: string;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        justify: import("vue-types").VueTypeDef<string>;
+        align: import("vue-types").VueTypeDef<string>;
+        x: import("vue-types").VueTypeDef<string>;
+        y: import("vue-types").VueTypeDef<string>;
+        cols: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        square: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        marginTop: import("vue-types").VueTypeDef<string | number>;
+        marginBottom: import("vue-types").VueTypeDef<string | number>;
+        marginLeft: import("vue-types").VueTypeDef<string | number>;
+        marginRight: import("vue-types").VueTypeDef<string | number>;
+        padding: {
+            type: import("vue").PropType<import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber]>;
+            default: number;
+        };
+        avatarShape: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        avatarSize: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        avatarBgWidth: import("vue-types").VueTypeDef<string | number>;
+        avatarWidth: import("vue-types").VueTypeDef<string | number>;
+    }>> & import("vue").ShallowUnwrapRef<{
+        render: () => JSX.Element;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    justify: import("vue-types").VueTypeDef<string>;
+    align: import("vue-types").VueTypeDef<string>;
+    x: import("vue-types").VueTypeDef<string>;
+    y: import("vue-types").VueTypeDef<string>;
+    cols: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    square: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    marginTop: import("vue-types").VueTypeDef<string | number>;
+    marginBottom: import("vue-types").VueTypeDef<string | number>;
+    marginLeft: import("vue-types").VueTypeDef<string | number>;
+    marginRight: import("vue-types").VueTypeDef<string | number>;
+    padding: {
+        type: import("vue").PropType<import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber]>;
+        default: number;
+    };
+    avatarShape: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    avatarSize: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    avatarBgWidth: import("vue-types").VueTypeDef<string | number>;
+    avatarWidth: import("vue-types").VueTypeDef<string | number>;
+}>>, {
+    render: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    prefixCls: string;
+    padding: import("../utils/type").StrOrNumber | [import("../utils/type").StrOrNumber, import("../utils/type").StrOrNumber];
+    square: boolean;
+    showBorder: boolean;
+    cols: string | number;
+    avatarShape: string;
+    avatarSize: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TGrid };
+declare const TGridCol: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            src: string;
+            avatarBgColor: string;
+            avatarColor: string;
+            avatarBgColorHover: string;
+            avatarColorHover: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatar: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+            avatarBgColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatarColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatarBgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatarColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            src: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            to: {
+                type: import("vue").PropType<String | import("vue-router").RouteLocationRaw>;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "src" | "avatarBgColor" | "avatarColor" | "avatarBgColorHover" | "avatarColorHover">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatar: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+            avatarBgColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatarColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatarBgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            avatarColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            src: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            to: {
+                type: import("vue").PropType<String | import("vue-router").RouteLocationRaw>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            title: string;
+            src: string;
+            avatarBgColor: string;
+            avatarColor: string;
+            avatarBgColorHover: string;
+            avatarColorHover: string;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        title: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        avatar: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+        avatarBgColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        avatarColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        avatarBgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        avatarColorHover: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        src: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        to: {
+            type: import("vue").PropType<String | import("vue-router").RouteLocationRaw>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatar: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+    avatarBgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarBgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    to: {
+        type: import("vue").PropType<String | import("vue-router").RouteLocationRaw>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    title: string;
+    src: string;
+    avatarBgColor: string;
+    avatarColor: string;
+    avatarBgColorHover: string;
+    avatarColorHover: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TGridCol };

package/es/grid/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from "../utils/type.js";
+import Grid from "./src/grid.js";
+import GridCol from "./src/grid-col.js";
+const TGrid = withInstall(Grid);
+const TGridCol = withInstall(GridCol);
+export { TGrid, TGridCol };

package/es/grid/src/context.d.ts

@@ -0,0 +1,17 @@
+import type { InjectionKey, ComputedRef } from 'vue';
+export interface GridContext {
+    cols: ComputedRef<number>;
+    avatarShape: ComputedRef<string>;
+    avatarSize: ComputedRef<string>;
+    avatarBgWidth: ComputedRef<string>;
+    avatarWidth: ComputedRef<string>;
+    justify: ComputedRef<string>;
+    align: ComputedRef<string>;
+    showBorder: ComputedRef<boolean>;
+    colHeight: ComputedRef<number>;
+    paddingArr: ComputedRef<number[]>;
+}
+export declare const GridContextKey: InjectionKey<GridContext>;
+declare const provideGrid: (data: GridContext) => void;
+declare const injectGrid: () => GridContext;
+export { injectGrid, provideGrid };

package/es/grid/src/context.js

@@ -0,0 +1,9 @@
+import { inject, provide } from "vue";
+const GridContextKey = Symbol("GridContextKey");
+const provideGrid = (data) => {
+  provide(GridContextKey, data);
+};
+const injectGrid = () => {
+  return inject(GridContextKey);
+};
+export { GridContextKey, injectGrid, provideGrid };

package/es/grid/src/grid-col.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+declare const _default: import("vue").DefineComponent<{
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatar: PropType<import("../../utils/type").VueNode | (() => import("../../utils/type").VueNode)>;
+    avatarBgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarBgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    to: {
+        type: PropType<String | RouteLocationRaw>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatar: PropType<import("../../utils/type").VueNode | (() => import("../../utils/type").VueNode)>;
+    avatarBgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarBgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    avatarColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    to: {
+        type: PropType<String | RouteLocationRaw>;
+    };
+}>>, {
+    title: string;
+    src: string;
+    avatarBgColor: string;
+    avatarColor: string;
+    avatarBgColorHover: string;
+    avatarColorHover: string;
+}>;
+export default _default;

package/es/grid/src/grid-col.js

@@ -0,0 +1,100 @@
+import { defineComponent, computed, createVNode, resolveComponent, Fragment, mergeProps, isVNode } from "vue";
+import { TCol } from "../../line-grid/index.js";
+import { injectGrid } from "./context.js";
+import { useConfig } from "../../utils/hooks/useConfig.js";
+import { PropTypes, StrOrVNode } from "../../utils/type.js";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const gridColProps = {
+  title: PropTypes.string,
+  avatar: StrOrVNode,
+  avatarBgColor: PropTypes.string,
+  avatarColor: PropTypes.string,
+  avatarBgColorHover: PropTypes.string,
+  avatarColorHover: PropTypes.string,
+  src: PropTypes.string,
+  to: {
+    type: [Object, String]
+  }
+};
+var GridCol = defineComponent({
+  name: "TGridCol",
+  props: gridColProps,
+  components: {
+    TCol
+  },
+  setup(props, {
+    slots
+  }) {
+    var _a, _b, _c;
+    const {
+      cols,
+      justify,
+      align,
+      showBorder,
+      colHeight,
+      paddingArr,
+      avatarShape,
+      avatarSize,
+      avatarBgWidth,
+      avatarWidth
+    } = injectGrid();
+    const {
+      prefixCls,
+      rootPrefix
+    } = useConfig("grid-col", props);
+    const styles = computed(() => {
+      var _a2, _b2, _c2, _d, _e, _f;
+      return {
+        width: `${1 / cols.value * 100}%`,
+        height: colHeight.value ? `${colHeight.value}px` : null,
+        paddingLeft: `${paddingArr.value[0]}px`,
+        paddingRight: `${paddingArr.value[0]}px`,
+        paddingTop: `${paddingArr.value[1]}px`,
+        paddingBottom: `${paddingArr.value[1]}px`,
+        [`--t-grid-title-color`]: (_a2 = props.avatarColor) != null ? _a2 : null,
+        [`--t-grid-title-color-hover`]: (_c2 = (_b2 = props.avatarColorHover) != null ? _b2 : props.avatarColor) != null ? _c2 : null,
+        [`--t-avatar-bg-color`]: (_d = props.avatarBgColor) != null ? _d : null,
+        [`--t-avatar-bg-color-hover`]: (_f = (_e = props.avatarBgColorHover) != null ? _e : props.avatarBgColor) != null ? _f : null
+      };
+    });
+    let colProps = {
+      justify: justify.value,
+      align: align.value,
+      direction: "column"
+    };
+    const icon = slots.avatar ? slots.avatar() : (_a = props.avatar) != null ? _a : null;
+    const avatarProps = {
+      shape: avatarShape.value,
+      width: avatarBgWidth.value,
+      iconWidth: avatarWidth.value,
+      size: avatarSize.value,
+      icon,
+      bgColor: props.avatarBgColor,
+      bgColorHover: props.avatarBgColorHover,
+      iconColor: props.avatarColor,
+      iconColorHover: props.avatarColorHover,
+      src: props.src
+    };
+    let avatarElement = icon ? createVNode(resolveComponent("t-avatar"), avatarProps, null) : null;
+    const itemElement = createVNode(Fragment, null, [avatarElement ? createVNode(Fragment, null, [avatarElement, createVNode("span", {
+      "class": `is-title`
+    }, [slots.title ? slots.title() : (_b = props.title) != null ? _b : ""])]) : null, (_c = slots.default) == null ? void 0 : _c.call(slots)]);
+    return () => {
+      return createVNode(resolveComponent("t-col"), mergeProps(colProps, {
+        "class": [`${prefixCls.value}`, {
+          [`is-bordered`]: showBorder.value
+        }],
+        "style": styles.value
+      }), {
+        default: () => [props.to ? createVNode(resolveComponent("t-link"), {
+          "to": props.to
+        }, _isSlot(itemElement) ? itemElement : {
+          default: () => [itemElement]
+        }) : itemElement]
+      });
+    };
+  }
+});
+export { GridCol as default };

package/es/grid/src/grid.d.ts

@@ -0,0 +1,88 @@
+import type { PropType } from 'vue';
+import type { StrOrNumber } from '../../utils/type';
+declare const _default: import("vue").DefineComponent<{
+    justify: import("vue-types").VueTypeDef<string>;
+    align: import("vue-types").VueTypeDef<string>;
+    x: import("vue-types").VueTypeDef<string>;
+    y: import("vue-types").VueTypeDef<string>;
+    cols: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    square: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    marginTop: import("vue-types").VueTypeDef<string | number>;
+    marginBottom: import("vue-types").VueTypeDef<string | number>;
+    marginLeft: import("vue-types").VueTypeDef<string | number>;
+    marginRight: import("vue-types").VueTypeDef<string | number>;
+    padding: {
+        type: PropType<StrOrNumber | [StrOrNumber, StrOrNumber]>;
+        default: number;
+    };
+    avatarShape: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    avatarSize: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    avatarBgWidth: import("vue-types").VueTypeDef<string | number>;
+    avatarWidth: import("vue-types").VueTypeDef<string | number>;
+}, {
+    render: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    justify: import("vue-types").VueTypeDef<string>;
+    align: import("vue-types").VueTypeDef<string>;
+    x: import("vue-types").VueTypeDef<string>;
+    y: import("vue-types").VueTypeDef<string>;
+    cols: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    prefixCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    square: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    marginTop: import("vue-types").VueTypeDef<string | number>;
+    marginBottom: import("vue-types").VueTypeDef<string | number>;
+    marginLeft: import("vue-types").VueTypeDef<string | number>;
+    marginRight: import("vue-types").VueTypeDef<string | number>;
+    padding: {
+        type: PropType<StrOrNumber | [StrOrNumber, StrOrNumber]>;
+        default: number;
+    };
+    avatarShape: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    avatarSize: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    avatarBgWidth: import("vue-types").VueTypeDef<string | number>;
+    avatarWidth: import("vue-types").VueTypeDef<string | number>;
+}>>, {
+    prefixCls: string;
+    padding: StrOrNumber | [StrOrNumber, StrOrNumber];
+    square: boolean;
+    showBorder: boolean;
+    cols: string | number;
+    avatarShape: string;
+    avatarSize: string;
+}>;
+export default _default;