@haoyulong1112/jh-ui 0.1.0

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

@@ -0,0 +1,195 @@
+export declare const JhWaterfall: import("../../utils/src/index").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        readonly data: {
+            readonly type: import("vue").PropType<import("./index.js").WaterfallItem[]>;
+            readonly default: () => never[];
+        };
+        readonly columns: {
+            readonly type: NumberConstructor;
+            readonly default: 2;
+            readonly validator: (value: number) => boolean;
+        };
+        readonly gap: {
+            readonly type: import("vue").PropType<number | string>;
+            readonly default: 16;
+        };
+        readonly itemKey: {
+            readonly type: import("vue").PropType<import("./index.js").WaterfallItemKey>;
+            readonly default: "id";
+        };
+        readonly itemHeight: {
+            readonly type: import("vue").PropType<import("./index.js").WaterfallItemHeight>;
+            readonly default: "height";
+        };
+        readonly batchSize: {
+            readonly type: NumberConstructor;
+            readonly default: 40;
+            readonly validator: (value: number) => boolean;
+        };
+        readonly emptyText: {
+            readonly type: StringConstructor;
+            readonly default: "No data";
+        };
+        readonly immediate: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{
+        "onLayout-start"?: (() => any) | undefined;
+        "onLayout-end"?: (() => any) | undefined;
+    }>, {
+        refresh: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "layout-start": () => void;
+        "layout-end": () => void;
+    }, import("vue").PublicProps, {
+        readonly data: import("./index.js").WaterfallItem[];
+        readonly columns: number;
+        readonly gap: string | number;
+        readonly itemKey: import("./index.js").WaterfallItemKey;
+        readonly itemHeight: import("./index.js").WaterfallItemHeight;
+        readonly batchSize: number;
+        readonly emptyText: string;
+        readonly immediate: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly data: {
+            readonly type: import("vue").PropType<import("./index.js").WaterfallItem[]>;
+            readonly default: () => never[];
+        };
+        readonly columns: {
+            readonly type: NumberConstructor;
+            readonly default: 2;
+            readonly validator: (value: number) => boolean;
+        };
+        readonly gap: {
+            readonly type: import("vue").PropType<number | string>;
+            readonly default: 16;
+        };
+        readonly itemKey: {
+            readonly type: import("vue").PropType<import("./index.js").WaterfallItemKey>;
+            readonly default: "id";
+        };
+        readonly itemHeight: {
+            readonly type: import("vue").PropType<import("./index.js").WaterfallItemHeight>;
+            readonly default: "height";
+        };
+        readonly batchSize: {
+            readonly type: NumberConstructor;
+            readonly default: 40;
+            readonly validator: (value: number) => boolean;
+        };
+        readonly emptyText: {
+            readonly type: StringConstructor;
+            readonly default: "No data";
+        };
+        readonly immediate: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+    }>> & Readonly<{
+        "onLayout-start"?: (() => any) | undefined;
+        "onLayout-end"?: (() => any) | undefined;
+    }>, {
+        refresh: () => void;
+    }, {}, {}, {}, {
+        readonly data: import("./index.js").WaterfallItem[];
+        readonly columns: number;
+        readonly gap: string | number;
+        readonly itemKey: import("./index.js").WaterfallItemKey;
+        readonly itemHeight: import("./index.js").WaterfallItemHeight;
+        readonly batchSize: number;
+        readonly emptyText: string;
+        readonly immediate: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly data: {
+        readonly type: import("vue").PropType<import("./index.js").WaterfallItem[]>;
+        readonly default: () => never[];
+    };
+    readonly columns: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly gap: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly itemKey: {
+        readonly type: import("vue").PropType<import("./index.js").WaterfallItemKey>;
+        readonly default: "id";
+    };
+    readonly itemHeight: {
+        readonly type: import("vue").PropType<import("./index.js").WaterfallItemHeight>;
+        readonly default: "height";
+    };
+    readonly batchSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "No data";
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    "onLayout-start"?: (() => any) | undefined;
+    "onLayout-end"?: (() => any) | undefined;
+}>, {
+    refresh: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "layout-start": () => void;
+    "layout-end": () => void;
+}, string, {
+    readonly data: import("./index.js").WaterfallItem[];
+    readonly columns: number;
+    readonly gap: string | number;
+    readonly itemKey: import("./index.js").WaterfallItemKey;
+    readonly itemHeight: import("./index.js").WaterfallItemHeight;
+    readonly batchSize: number;
+    readonly emptyText: string;
+    readonly immediate: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        empty?: (props: {}) => any;
+    } & {
+        default?: (props: {
+            item: {
+                [x: string]: unknown;
+                id?: import("./index.js").WaterfallKey | undefined;
+                height?: number | undefined;
+            };
+            index: number;
+            columnIndex: number;
+            height: number;
+        }) => any;
+    } & {
+        default?: (props: {
+            item: {
+                [x: string]: unknown;
+                id?: import("./index.js").WaterfallKey | undefined;
+                height?: number | undefined;
+            };
+            index: number;
+            columnIndex: number;
+            height: number;
+        }) => any;
+    };
+})>;
+export default JhWaterfall;
+export * from './src/props';
+export * from './src/types';

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

@@ -0,0 +1,42 @@
+import type { PropType } from 'vue';
+import type { WaterfallItem, WaterfallItemHeight, WaterfallItemKey } from './types';
+export declare const waterfallProps: {
+    readonly data: {
+        readonly type: PropType<WaterfallItem[]>;
+        readonly default: () => never[];
+    };
+    readonly columns: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly gap: {
+        readonly type: PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly itemKey: {
+        readonly type: PropType<WaterfallItemKey>;
+        readonly default: "id";
+    };
+    readonly itemHeight: {
+        readonly type: PropType<WaterfallItemHeight>;
+        readonly default: "height";
+    };
+    readonly batchSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "No data";
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export declare const waterfallEmits: {
+    'layout-start': () => boolean;
+    'layout-end': () => boolean;
+};

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

@@ -0,0 +1,17 @@
+export type WaterfallKey = string | number;
+export interface WaterfallItem extends Record<string, unknown> {
+    id?: WaterfallKey;
+    height?: number;
+}
+export interface WaterfallRenderItem {
+    item: WaterfallItem;
+    index: number;
+    key: WaterfallKey;
+    height: number;
+}
+export interface WaterfallColumn {
+    height: number;
+    items: WaterfallRenderItem[];
+}
+export type WaterfallItemKey = string | ((item: WaterfallItem, index: number) => WaterfallKey);
+export type WaterfallItemHeight = number | string | ((item: WaterfallItem, index: number) => number);

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

@@ -0,0 +1,122 @@
+import type { WaterfallItem } from './types';
+declare var __VLS_1: {}, __VLS_3: {
+    item: {
+        [x: string]: unknown;
+        id?: import("./types").WaterfallKey | undefined;
+        height?: number | undefined;
+    };
+    index: number;
+    columnIndex: number;
+    height: number;
+}, __VLS_5: {
+    item: {
+        [x: string]: unknown;
+        id?: import("./types").WaterfallKey | undefined;
+        height?: number | undefined;
+    };
+    index: number;
+    columnIndex: number;
+    height: number;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly data: {
+        readonly type: import("vue").PropType<WaterfallItem[]>;
+        readonly default: () => never[];
+    };
+    readonly columns: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly gap: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly itemKey: {
+        readonly type: import("vue").PropType<import("./types").WaterfallItemKey>;
+        readonly default: "id";
+    };
+    readonly itemHeight: {
+        readonly type: import("vue").PropType<import("./types").WaterfallItemHeight>;
+        readonly default: "height";
+    };
+    readonly batchSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "No data";
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {
+    refresh: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "layout-start": () => void;
+    "layout-end": () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly data: {
+        readonly type: import("vue").PropType<WaterfallItem[]>;
+        readonly default: () => never[];
+    };
+    readonly columns: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly gap: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly itemKey: {
+        readonly type: import("vue").PropType<import("./types").WaterfallItemKey>;
+        readonly default: "id";
+    };
+    readonly itemHeight: {
+        readonly type: import("vue").PropType<import("./types").WaterfallItemHeight>;
+        readonly default: "height";
+    };
+    readonly batchSize: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "No data";
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    "onLayout-start"?: (() => any) | undefined;
+    "onLayout-end"?: (() => any) | undefined;
+}>, {
+    readonly data: WaterfallItem[];
+    readonly columns: number;
+    readonly gap: string | number;
+    readonly itemKey: import("./types").WaterfallItemKey;
+    readonly itemHeight: import("./types").WaterfallItemHeight;
+    readonly batchSize: number;
+    readonly emptyText: string;
+    readonly immediate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/alert/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/es/components/alert/style/style.css

@@ -0,0 +1,128 @@
+:root {
+  --jh-color-white: #ffffff;
+  --jh-color-black: #000000;
+  --jh-color-primary: #7958d5;
+  --jh-color-success: #67c23a;
+  --jh-color-warning: #e6a23c;
+  --jh-color-danger: #f56c6c;
+  --jh-color-info: #909399;
+  --jh-text-color-primary: #303133;
+  --jh-text-color-regular: #606266;
+  --jh-border-color: #dcdfe6;
+  --jh-border-color-light: #e4e7ed;
+  --jh-fill-color-light: #f5f7fa;
+  --jh-disabled-bg-color: #f5f7fa;
+  --jh-disabled-text-color: #a8abb2;
+  --jh-border-radius-base: 4px;
+  --jh-border-radius-round: 20px;
+  --jh-transition-duration: 0.2s;
+  --jh-font-size-base: 14px;
+  --jh-font-size-small: 12px;
+  --jh-font-size-large: 16px;
+}
+
+html.dark {
+  --jh-color-white: #1d1e1f;
+  --jh-color-black: #ffffff;
+  --jh-text-color-primary: #e5eaf3;
+  --jh-text-color-regular: #cfd3dc;
+  --jh-border-color: #4c4d4f;
+  --jh-border-color-light: #363637;
+  --jh-fill-color-light: #262727;
+  --jh-disabled-bg-color: #262727;
+  --jh-disabled-text-color: #6c6e72;
+}
+
+.jh-alert {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid transparent;
+  border-radius: var(--jh-border-radius-base);
+  font-size: var(--jh-font-size-base);
+  line-height: 1.5;
+}
+
+.jh-alert__icon {
+  flex: 0 0 auto;
+  width: 8px;
+  height: 8px;
+  margin-top: 7px;
+  border-radius: 50%;
+  background-color: currentColor;
+}
+
+.jh-alert__content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.jh-alert__title {
+  color: inherit;
+  font-weight: 600;
+}
+
+.jh-alert__description {
+  color: inherit;
+}
+
+.jh-alert__title + .jh-alert__description {
+  margin-top: 2px;
+}
+
+.jh-alert__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.72;
+}
+.jh-alert__close:hover, .jh-alert__close:focus {
+  opacity: 1;
+  outline: none;
+}
+
+.jh-alert--success {
+  color: var(--jh-color-success);
+}
+
+.jh-alert--warning {
+  color: var(--jh-color-warning);
+}
+
+.jh-alert--info {
+  color: var(--jh-color-info);
+}
+
+.jh-alert--danger {
+  color: var(--jh-color-danger);
+}
+
+.jh-alert--light {
+  background-color: var(--jh-fill-color-light);
+  border-color: var(--jh-border-color-light);
+}
+
+.jh-alert--dark {
+  background-color: currentColor;
+  border-color: currentColor;
+}
+
+.jh-alert--dark .jh-alert__content,
+.jh-alert--dark .jh-alert__close {
+  color: var(--jh-color-white);
+}
+
+.jh-alert--dark .jh-alert__icon {
+  background-color: var(--jh-color-white);
+}

package/dist/es/components/backtop/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/es/components/backtop/style/style.css

@@ -0,0 +1,67 @@
+:root {
+  --jh-color-white: #ffffff;
+  --jh-color-black: #000000;
+  --jh-color-primary: #7958d5;
+  --jh-color-success: #67c23a;
+  --jh-color-warning: #e6a23c;
+  --jh-color-danger: #f56c6c;
+  --jh-color-info: #909399;
+  --jh-text-color-primary: #303133;
+  --jh-text-color-regular: #606266;
+  --jh-border-color: #dcdfe6;
+  --jh-border-color-light: #e4e7ed;
+  --jh-fill-color-light: #f5f7fa;
+  --jh-disabled-bg-color: #f5f7fa;
+  --jh-disabled-text-color: #a8abb2;
+  --jh-border-radius-base: 4px;
+  --jh-border-radius-round: 20px;
+  --jh-transition-duration: 0.2s;
+  --jh-font-size-base: 14px;
+  --jh-font-size-small: 12px;
+  --jh-font-size-large: 16px;
+}
+
+html.dark {
+  --jh-color-white: #1d1e1f;
+  --jh-color-black: #ffffff;
+  --jh-text-color-primary: #e5eaf3;
+  --jh-text-color-regular: #cfd3dc;
+  --jh-border-color: #4c4d4f;
+  --jh-border-color-light: #363637;
+  --jh-fill-color-light: #262727;
+  --jh-disabled-bg-color: #262727;
+  --jh-disabled-text-color: #6c6e72;
+}
+
+.jh-backtop {
+  position: fixed;
+  z-index: 1200;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  border: 1px solid var(--jh-border-color-light);
+  border-radius: 50%;
+  background-color: var(--jh-color-white);
+  color: var(--jh-color-primary);
+  cursor: pointer;
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
+  transform: rotate(90deg);
+  transition: color var(--jh-transition-duration), border-color var(--jh-transition-duration), opacity var(--jh-transition-duration);
+}
+.jh-backtop:hover, .jh-backtop:focus {
+  border-color: var(--jh-color-primary);
+  outline: none;
+}
+
+.jh-backtop-fade-enter-active,
+.jh-backtop-fade-leave-active {
+  transition: opacity var(--jh-transition-duration);
+}
+
+.jh-backtop-fade-enter-from,
+.jh-backtop-fade-leave-to {
+  opacity: 0;
+}

package/dist/es/components/badge/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/es/components/badge/style/style.css

@@ -0,0 +1,88 @@
+:root {
+  --jh-color-white: #ffffff;
+  --jh-color-black: #000000;
+  --jh-color-primary: #7958d5;
+  --jh-color-success: #67c23a;
+  --jh-color-warning: #e6a23c;
+  --jh-color-danger: #f56c6c;
+  --jh-color-info: #909399;
+  --jh-text-color-primary: #303133;
+  --jh-text-color-regular: #606266;
+  --jh-border-color: #dcdfe6;
+  --jh-border-color-light: #e4e7ed;
+  --jh-fill-color-light: #f5f7fa;
+  --jh-disabled-bg-color: #f5f7fa;
+  --jh-disabled-text-color: #a8abb2;
+  --jh-border-radius-base: 4px;
+  --jh-border-radius-round: 20px;
+  --jh-transition-duration: 0.2s;
+  --jh-font-size-base: 14px;
+  --jh-font-size-small: 12px;
+  --jh-font-size-large: 16px;
+}
+
+html.dark {
+  --jh-color-white: #1d1e1f;
+  --jh-color-black: #ffffff;
+  --jh-text-color-primary: #e5eaf3;
+  --jh-text-color-regular: #cfd3dc;
+  --jh-border-color: #4c4d4f;
+  --jh-border-color-light: #363637;
+  --jh-fill-color-light: #262727;
+  --jh-disabled-bg-color: #262727;
+  --jh-disabled-text-color: #6c6e72;
+}
+
+.jh-badge {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.jh-badge__content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 6px;
+  border: 1px solid var(--jh-color-white);
+  border-radius: 999px;
+  background-color: var(--jh-color-danger);
+  color: var(--jh-color-white);
+  font-size: 12px;
+  line-height: 1;
+  white-space: nowrap;
+  transform: translate(50%, -50%);
+}
+
+.jh-badge__content.is-dot {
+  width: 8px;
+  min-width: 8px;
+  height: 8px;
+  padding: 0;
+}
+
+.jh-badge__content--primary {
+  background-color: var(--jh-color-primary);
+}
+
+.jh-badge__content--success {
+  background-color: var(--jh-color-success);
+}
+
+.jh-badge__content--warning {
+  background-color: var(--jh-color-warning);
+}
+
+.jh-badge__content--danger {
+  background-color: var(--jh-color-danger);
+}
+
+.jh-badge__content--info {
+  background-color: var(--jh-color-info);
+}

package/dist/es/components/button/style/css.js

@@ -0,0 +1 @@
+import './style.css'