@cyberpunk-vue/components 0.1.0 → 0.1.2

package/dist/avatar/src/avatar.vue.d.ts

@@ -0,0 +1,127 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly alt: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly icon: {
+        readonly type: import('vue').PropType<import('vue').Component>;
+        readonly default: undefined;
+    };
+    readonly fallbackSrc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fit: {
+        readonly type: import('vue').PropType<"cover" | "contain" | "fill">;
+        readonly default: "cover";
+    };
+    readonly srcProcessor: {
+        readonly type: import('vue').PropType<string | ((src: string, params
+        /**
+         * CpAvatar - 赛博朋克风格头像组件
+         * 支持多种尺寸、形状，可显示图片、图标或文字
+         */
+        ?: unknown) => string)>;
+        readonly default: undefined;
+    };
+    readonly processorParams: {
+        readonly type: import('vue').PropType<string | Record<string, unknown> | unknown[]>;
+        readonly default: undefined;
+    };
+    readonly draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => void;
+    load: (event: Event) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly alt: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('./avatar').AvatarShape>;
+        readonly default: "circle";
+    };
+    readonly icon: {
+        readonly type: import('vue').PropType<import('vue').Component>;
+        readonly default: undefined;
+    };
+    readonly fallbackSrc: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fit: {
+        readonly type: import('vue').PropType<"cover" | "contain" | "fill">;
+        readonly default: "cover";
+    };
+    readonly srcProcessor: {
+        readonly type: import('vue').PropType<string | ((src: string, params
+        /**
+         * CpAvatar - 赛博朋克风格头像组件
+         * 支持多种尺寸、形状，可显示图片、图标或文字
+         */
+        ?: unknown) => string)>;
+        readonly default: undefined;
+    };
+    readonly processorParams: {
+        readonly type: import('vue').PropType<string | Record<string, unknown> | unknown[]>;
+        readonly default: undefined;
+    };
+    readonly draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {
+    readonly size: import('./avatar').AvatarSize;
+    readonly shape: import('./avatar').AvatarShape;
+    readonly icon: import('vue').Component;
+    readonly src: string;
+    readonly alt: string;
+    readonly fit: "fill" | "contain" | "cover";
+    readonly fallbackSrc: string;
+    readonly srcProcessor: string | ((src: string, params?: unknown) => string);
+    readonly processorParams: string | unknown[] | Record<string, unknown>;
+    readonly draggable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=avatar.vue.d.ts.map

package/dist/avatar/src/avatar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../avatar/src/avatar.vue"],"names":[],"mappings":"AAoQA,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA5MrB;;;WAGG;QACH,CA/DK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2DL;;;WAGG;QACH,CA/DK;;;;;;;;;;;;;;;;;;;;;;;;;wFA+QH,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/avatar/src/instance.d.ts

@@ -0,0 +1,5 @@
+import { default as CpAvatar } from './avatar.vue';
+import { default as CpAvatarGroup } from './avatar-group.vue';
+export type CpAvatarInstance = InstanceType<typeof CpAvatar> & unknown;
+export type CpAvatarGroupInstance = InstanceType<typeof CpAvatarGroup> & unknown;
+//# sourceMappingURL=instance.d.ts.map

package/dist/avatar/src/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../avatar/src/instance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,GAAG,OAAO,CAAA;AACtE,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG,OAAO,CAAA"}

package/dist/button/index.d.ts

@@ -0,0 +1,387 @@
+/**
+ * CpButton 赛博朋克风格按钮
+ *
+ * 支持多种颜色类型、尺寸、形态变体。具有特色的切角造型和霓虹发光效果。
+ *
+ * @example
+ * ```vue
+ * <CpButton type="primary">确认</CpButton>
+ * <CpButton variant="neon" type="success">霓虹按钮</CpButton>
+ * <CpButton :loading="isLoading" loading-placeholder>提交</CpButton>
+ * ```
+ *
+ * @see {@link ButtonProps} 查看所有可用属性
+ *
+ * @slot default - 按钮文本内容
+ * @slot prefix - 前缀插槽，通常用于图标，加载时自动隐藏
+ * @slot suffix - 后缀插槽，通常用于图标
+ */
+export declare const CpButton: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').ButtonType>;
+            readonly default: "default";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "md";
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').ButtonVariant>;
+            readonly default: "solid";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly loading: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly block: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly nativeType: {
+            readonly type: import('vue').PropType<"button" | "submit" | "reset">;
+            readonly default: "button";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<"clip" | "no-clip" | "round" | "circle">;
+            readonly default: "clip";
+        };
+        readonly dashed: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly loadingPlaceholder: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly loadingDisabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly textColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly icon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+        readonly iconColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly prefixIcon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+        readonly suffixIcon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+        readonly prefixIconColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly suffixIconColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly iconSize: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "";
+        };
+        readonly prefixIconSize: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "";
+        };
+        readonly suffixIconSize: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "";
+        };
+    }>> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (evt: MouseEvent) => void;
+    }, import('vue').PublicProps, {
+        readonly size: import('../../cyberpunk-vue').Size;
+        readonly type: import('.').ButtonType;
+        readonly variant: import('.').ButtonVariant;
+        readonly disabled: boolean;
+        readonly loading: boolean;
+        readonly block: boolean;
+        readonly nativeType: "button" | "submit" | "reset";
+        readonly color: string;
+        readonly shape: "clip" | "no-clip" | "round" | "circle";
+        readonly dashed: boolean;
+        readonly loadingPlaceholder: boolean;
+        readonly loadingDisabled: boolean;
+        readonly textColor: string;
+        readonly icon: object;
+        readonly iconColor: string;
+        readonly prefixIcon: object;
+        readonly suffixIcon: object;
+        readonly prefixIconColor: string;
+        readonly suffixIconColor: string;
+        readonly iconSize: import('../../cyberpunk-vue').Size;
+        readonly prefixIconSize: import('../../cyberpunk-vue').Size;
+        readonly suffixIconSize: import('../../cyberpunk-vue').Size;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly type: {
+            readonly type: import('vue').PropType<import('.').ButtonType>;
+            readonly default: "default";
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "md";
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').ButtonVariant>;
+            readonly default: "solid";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly loading: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly block: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly nativeType: {
+            readonly type: import('vue').PropType<"button" | "submit" | "reset">;
+            readonly default: "button";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<"clip" | "no-clip" | "round" | "circle">;
+            readonly default: "clip";
+        };
+        readonly dashed: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly loadingPlaceholder: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly loadingDisabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly textColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly icon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+        readonly iconColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly prefixIcon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+        readonly suffixIcon: {
+            readonly type: import('vue').PropType<object>;
+            readonly default: undefined;
+        };
+        readonly prefixIconColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly suffixIconColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly iconSize: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "";
+        };
+        readonly prefixIconSize: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "";
+        };
+        readonly suffixIconSize: {
+            readonly type: import('vue').PropType<import('.').ButtonSize>;
+            readonly default: "";
+        };
+    }>> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        readonly size: import('../../cyberpunk-vue').Size;
+        readonly type: import('.').ButtonType;
+        readonly variant: import('.').ButtonVariant;
+        readonly disabled: boolean;
+        readonly loading: boolean;
+        readonly block: boolean;
+        readonly nativeType: "button" | "submit" | "reset";
+        readonly color: string;
+        readonly shape: "clip" | "no-clip" | "round" | "circle";
+        readonly dashed: boolean;
+        readonly loadingPlaceholder: boolean;
+        readonly loadingDisabled: boolean;
+        readonly textColor: string;
+        readonly icon: object;
+        readonly iconColor: string;
+        readonly prefixIcon: object;
+        readonly suffixIcon: object;
+        readonly prefixIconColor: string;
+        readonly suffixIconColor: string;
+        readonly iconSize: import('../../cyberpunk-vue').Size;
+        readonly prefixIconSize: import('../../cyberpunk-vue').Size;
+        readonly suffixIconSize: import('../../cyberpunk-vue').Size;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly type: {
+        readonly type: import('vue').PropType<import('.').ButtonType>;
+        readonly default: "default";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').ButtonSize>;
+        readonly default: "md";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('.').ButtonVariant>;
+        readonly default: "solid";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly block: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly nativeType: {
+        readonly type: import('vue').PropType<"button" | "submit" | "reset">;
+        readonly default: "button";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<"clip" | "no-clip" | "round" | "circle">;
+        readonly default: "clip";
+    };
+    readonly dashed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loadingPlaceholder: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loadingDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly icon: {
+        readonly type: import('vue').PropType<object>;
+        readonly default: undefined;
+    };
+    readonly iconColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly prefixIcon: {
+        readonly type: import('vue').PropType<object>;
+        readonly default: undefined;
+    };
+    readonly suffixIcon: {
+        readonly type: import('vue').PropType<object>;
+        readonly default: undefined;
+    };
+    readonly prefixIconColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly suffixIconColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly iconSize: {
+        readonly type: import('vue').PropType<import('.').ButtonSize>;
+        readonly default: "";
+    };
+    readonly prefixIconSize: {
+        readonly type: import('vue').PropType<import('.').ButtonSize>;
+        readonly default: "";
+    };
+    readonly suffixIconSize: {
+        readonly type: import('vue').PropType<import('.').ButtonSize>;
+        readonly default: "";
+    };
+}>> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => void;
+}, string, {
+    readonly size: import('../../cyberpunk-vue').Size;
+    readonly type: import('.').ButtonType;
+    readonly variant: import('.').ButtonVariant;
+    readonly disabled: boolean;
+    readonly loading: boolean;
+    readonly block: boolean;
+    readonly nativeType: "button" | "submit" | "reset";
+    readonly color: string;
+    readonly shape: "clip" | "no-clip" | "round" | "circle";
+    readonly dashed: boolean;
+    readonly loadingPlaceholder: boolean;
+    readonly loadingDisabled: boolean;
+    readonly textColor: string;
+    readonly icon: object;
+    readonly iconColor: string;
+    readonly prefixIcon: object;
+    readonly suffixIcon: object;
+    readonly prefixIconColor: string;
+    readonly suffixIconColor: string;
+    readonly iconSize: import('../../cyberpunk-vue').Size;
+    readonly prefixIconSize: import('../../cyberpunk-vue').Size;
+    readonly suffixIconSize: import('../../cyberpunk-vue').Size;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?(_: {}): any;
+        default?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+})>;
+export default CpButton;
+export * from './src/button';
+export type { ButtonInstance } from './src/instance';
+//# sourceMappingURL=index.d.ts.map

package/dist/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../button/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAsB,CAAA;AAC3C,eAAe,QAAQ,CAAA;AAEvB,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA"}