tanxin-ui 0.2.0

package/es/avatar/index.d.ts

@@ -0,0 +1,193 @@
+declare const TAvatar: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: string;
+            space: import("../utils/type").Width;
+            shape: string;
+            src: string;
+            bgColor: string;
+            bgColorHover: string;
+            iconColor: string;
+            iconColorHover: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            shape: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            width: import("vue").PropType<import("../utils/type").Width>;
+            iconWidth: import("vue").PropType<import("../utils/type").Width>;
+            space: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            src: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            icon: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+            bgColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            bgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            iconColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            iconColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "space" | "shape" | "src" | "bgColor" | "bgColorHover" | "iconColor" | "iconColorHover">;
+        $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<{
+            shape: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            width: import("vue").PropType<import("../utils/type").Width>;
+            iconWidth: import("vue").PropType<import("../utils/type").Width>;
+            space: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            src: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            icon: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+            bgColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            bgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            iconColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            iconColorHover: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>>, {
+            render: () => JSX.Element;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            size: string;
+            space: import("../utils/type").Width;
+            shape: string;
+            src: string;
+            bgColor: string;
+            bgColorHover: string;
+            iconColor: string;
+            iconColorHover: 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<{
+        shape: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        width: import("vue").PropType<import("../utils/type").Width>;
+        iconWidth: import("vue").PropType<import("../utils/type").Width>;
+        space: {
+            type: import("vue").PropType<import("../utils/type").Width>;
+            default: number;
+        };
+        src: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        icon: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+        bgColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        bgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        iconColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        iconColorHover: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        render: () => JSX.Element;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    shape: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    width: import("vue").PropType<import("../utils/type").Width>;
+    iconWidth: import("vue").PropType<import("../utils/type").Width>;
+    space: {
+        type: import("vue").PropType<import("../utils/type").Width>;
+        default: number;
+    };
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    icon: import("vue").PropType<import("../utils/type").VueNode | (() => import("../utils/type").VueNode)>;
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    bgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    iconColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    iconColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>>, {
+    render: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    size: string;
+    space: import("../utils/type").Width;
+    shape: string;
+    src: string;
+    bgColor: string;
+    bgColorHover: string;
+    iconColor: string;
+    iconColorHover: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TAvatar };

package/es/avatar/index.js

@@ -0,0 +1,4 @@
+import { withInstall } from "../utils/type.js";
+import Avatar from "./src/avatar.js";
+const TAvatar = withInstall(Avatar);
+export { TAvatar };

package/es/avatar/src/avatar.d.ts

@@ -0,0 +1,73 @@
+import type { PropType } from 'vue';
+import type { Width } from '../../utils/type';
+declare const _default: import("vue").DefineComponent<{
+    shape: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    width: PropType<Width>;
+    iconWidth: PropType<Width>;
+    space: {
+        type: PropType<Width>;
+        default: number;
+    };
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    icon: PropType<import("../../utils/type").VueNode | (() => import("../../utils/type").VueNode)>;
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    bgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    iconColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    iconColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}, {
+    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<{
+    shape: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    width: PropType<Width>;
+    iconWidth: PropType<Width>;
+    space: {
+        type: PropType<Width>;
+        default: number;
+    };
+    src: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    icon: PropType<import("../../utils/type").VueNode | (() => import("../../utils/type").VueNode)>;
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    bgColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    iconColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    iconColorHover: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>>, {
+    size: string;
+    space: Width;
+    shape: string;
+    src: string;
+    bgColor: string;
+    bgColorHover: string;
+    iconColor: string;
+    iconColorHover: string;
+}>;
+export default _default;

package/es/avatar/src/avatar.js

@@ -0,0 +1,137 @@
+import { defineComponent, ref, computed, watch, toRef, onMounted, nextTick, createVNode, Fragment, mergeProps, resolveComponent } from "vue";
+import { PropTypes, StrOrVNode } from "../../utils/type.js";
+import { useConfig } from "../../utils/hooks/useConfig.js";
+import { getLength, getLengthNumber } from "../../utils/common.js";
+const avatarProps = {
+  shape: PropTypes.oneOf(["circle", "square"]).def("circle"),
+  size: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]).def("md"),
+  width: [String, Number],
+  iconWidth: [String, Number],
+  space: {
+    type: [String, Number],
+    default: 4
+  },
+  src: PropTypes.string,
+  icon: StrOrVNode,
+  bgColor: PropTypes.string,
+  bgColorHover: PropTypes.string,
+  iconColor: PropTypes.string,
+  iconColorHover: PropTypes.string
+};
+var Avatar = defineComponent({
+  name: "TAvatar",
+  inheritAttrs: false,
+  props: avatarProps,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      prefixCls,
+      rootPrefix
+    } = useConfig("avatar", props);
+    const refAvatar = ref();
+    const refString = ref();
+    const iconWidth = ref(0);
+    const classes = computed(() => {
+      var _a;
+      return [[`${prefixCls.value}`], {
+        [`size-${props.size}`]: props.size,
+        [`is-square`]: props.shape == "square",
+        [`is-image`]: props.src,
+        [`${prefixCls.value}-hover`]: (_a = props.bgColorHover) != null ? _a : null
+      }];
+    });
+    const iconClasses = computed(() => {
+      var _a;
+      return [{
+        [`${rootPrefix.value}-icon-hover`]: (_a = props.iconColorHover) != null ? _a : null
+      }];
+    });
+    const icon = computed(() => {
+      var _a;
+      return slots.icon ? slots.icon() : (_a = props.icon) != null ? _a : null;
+    });
+    const styles = computed(() => {
+      const styles2 = {};
+      if (props.width) {
+        styles2["width"] = getLength(props.width);
+        styles2["height"] = styles2["width"];
+        styles2["lineHeight"] = styles2["width"];
+      }
+      if (props.bgColor)
+        styles2[`--${prefixCls.value}-bg-color`] = props.bgColor;
+      if (props.bgColorHover)
+        styles2[`--${prefixCls.value}-bg-color-hover`] = props.bgColorHover;
+      if (props.iconColorHover)
+        styles2[`--${prefixCls.value}-icon-color-hover`] = props.iconColorHover;
+      return styles2;
+    });
+    const updateScaleRate = () => {
+      if (!slots.default)
+        return;
+      if (!refAvatar.value)
+        return;
+      const avatarWidth = refAvatar.value.clientWidth;
+      refString.value.style.transform = ` scale(1)`;
+      if (slots.default) {
+        nextTick(() => {
+          const space = getLengthNumber(props.space) * 2;
+          const stringWidth = refString.value.getBoundingClientRect().width;
+          let rate = (avatarWidth - space) / stringWidth;
+          if (rate > 1) {
+            rate = 1;
+          }
+          refString.value.style.transform = ` scale(${rate})`;
+        });
+      }
+    };
+    if (slots.default) {
+      watch([slots.default, toRef(props, "size"), toRef(props, "width")], () => {
+        updateScaleRate();
+      }, {
+        deep: true
+      });
+    }
+    const render = () => {
+      var _a;
+      const iconWidth2 = props.iconWidth ? getLength(props.iconWidth) : null;
+      return createVNode(Fragment, null, [createVNode("div", mergeProps({
+        "ref": refAvatar,
+        "class": classes.value
+      }, attrs, {
+        "style": styles.value
+      }), [icon.value ? createVNode(resolveComponent("t-icon"), {
+        "class": iconClasses.value,
+        "style": [{
+          [`width`]: iconWidth2,
+          [`height`]: iconWidth2,
+          [`--t-avatar-icon-color`]: (_a = props.iconColor) != null ? _a : null
+        }]
+      }, {
+        default: () => [icon.value]
+      }) : null, slots.default ? createVNode("span", {
+        "ref": refString,
+        "class": "is-string"
+      }, [slots.default()]) : null, props.src ? createVNode("img", {
+        "src": props.src,
+        "style": [{
+          [`width`]: iconWidth2,
+          [`height`]: iconWidth2
+        }]
+      }, null) : null])]);
+    };
+    onMounted(() => {
+      const avatarWidth = refAvatar.value.clientWidth;
+      iconWidth.value = avatarWidth / 2.5;
+      updateScaleRate();
+    });
+    return {
+      render
+    };
+  },
+  render() {
+    return this.render();
+  }
+});
+export { Avatar as default };

package/es/back-top/index.d.ts

@@ -0,0 +1,133 @@
+declare const TBackTop: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            bottom: import("../utils/type").Width;
+            height: import("../utils/type").Width;
+            right: import("../utils/type").Width;
+            duration: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            height: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            right: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            bottom: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bottom" | "height" | "right" | "duration">;
+        $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<{
+            height: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            right: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            bottom: {
+                type: import("vue").PropType<import("../utils/type").Width>;
+                default: number;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>>, {
+            render: () => JSX.Element;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            bottom: import("../utils/type").Width;
+            height: import("../utils/type").Width;
+            right: import("../utils/type").Width;
+            duration: number;
+        }> & {
+            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<{
+        height: {
+            type: import("vue").PropType<import("../utils/type").Width>;
+            default: number;
+        };
+        right: {
+            type: import("vue").PropType<import("../utils/type").Width>;
+            default: number;
+        };
+        bottom: {
+            type: import("vue").PropType<import("../utils/type").Width>;
+            default: number;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{
+        render: () => JSX.Element;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: import("vue").PropType<import("../utils/type").Width>;
+        default: number;
+    };
+    right: {
+        type: import("vue").PropType<import("../utils/type").Width>;
+        default: number;
+    };
+    bottom: {
+        type: import("vue").PropType<import("../utils/type").Width>;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    render: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    bottom: import("../utils/type").Width;
+    height: import("../utils/type").Width;
+    right: import("../utils/type").Width;
+    duration: number;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export { TBackTop };

package/es/back-top/index.js

@@ -0,0 +1,4 @@
+import { withInstall } from "../utils/type.js";
+import BackTop from "./src/back-top.js";
+const TBackTop = withInstall(BackTop);
+export { TBackTop };

package/es/back-top/src/back-top.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+import type { Width } from '../../utils/type';
+declare const _default: import("vue").DefineComponent<{
+    height: {
+        type: PropType<Width>;
+        default: number;
+    };
+    right: {
+        type: PropType<Width>;
+        default: number;
+    };
+    bottom: {
+        type: PropType<Width>;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: 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<{
+    height: {
+        type: PropType<Width>;
+        default: number;
+    };
+    right: {
+        type: PropType<Width>;
+        default: number;
+    };
+    bottom: {
+        type: PropType<Width>;
+        default: number;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    bottom: Width;
+    height: Width;
+    right: Width;
+    duration: number;
+}>;
+export default _default;