@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3

package/icon/src/icon-types.d.ts

@@ -0,0 +1,95 @@
+import type { Component, PropType } from 'vue';
+export type IconSizePreset = 'small' | 'default' | 'large';
+export type IconSize = IconSizePreset | number | (string & {});
+export type IconTheme = 'outlined' | 'filled' | 'two-tone';
+export type IconSpinDirection = 'cw' | 'ccw';
+export type IconThemePrefixMap = Partial<Record<IconTheme, string>>;
+export interface IconProps {
+    name?: string;
+    component?: Component;
+    size?: IconSize;
+    color?: string;
+    twoToneColor?: string;
+    theme?: IconTheme;
+    themePrefixMap?: IconThemePrefixMap;
+    rotate?: number;
+    spin?: boolean;
+    spinDirection?: IconSpinDirection;
+    loading?: boolean;
+    clickable?: boolean;
+    disabled?: boolean;
+    iconifyPrefix?: string;
+    title?: string;
+    ariaLabel?: string;
+    prefixCls?: string;
+}
+export declare const iconProps: {
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly component: {
+        readonly type: PropType<Component>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<IconSize>;
+        readonly default: undefined;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly twoToneColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly theme: {
+        readonly type: PropType<IconTheme>;
+        readonly default: undefined;
+    };
+    readonly themePrefixMap: {
+        readonly type: PropType<IconThemePrefixMap>;
+        readonly default: undefined;
+    };
+    readonly rotate: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly spin: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly spinDirection: {
+        readonly type: PropType<IconSpinDirection>;
+        readonly default: "cw";
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clickable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly iconifyPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly ariaLabel: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly prefixCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};

package/icon/src/icon.d.ts

@@ -0,0 +1,63 @@
+import type { IconSize } from './icon-types';
+
+import '@vaebe/ccui-icons/install';
+declare const _default: import("vue").DefineComponent<{
+    name?: string | undefined;
+    component?: import("vue").Component | undefined;
+    size?: string | number | undefined;
+    color?: string | undefined;
+    twoToneColor?: string | undefined;
+    theme?: import("./icon-types").IconTheme | undefined;
+    themePrefixMap?: import("./icon-types").IconThemePrefixMap | undefined;
+    rotate?: number | undefined;
+    spin?: boolean | undefined;
+    spinDirection?: import("./icon-types").IconSpinDirection | undefined;
+    loading?: boolean | undefined;
+    clickable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    iconifyPrefix?: string | undefined;
+    title?: string | undefined;
+    ariaLabel?: string | undefined;
+    prefixCls?: string | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
+    name?: string | undefined;
+    component?: import("vue").Component | undefined;
+    size?: string | number | undefined;
+    color?: string | undefined;
+    twoToneColor?: string | undefined;
+    theme?: import("./icon-types").IconTheme | undefined;
+    themePrefixMap?: import("./icon-types").IconThemePrefixMap | undefined;
+    rotate?: number | undefined;
+    spin?: boolean | undefined;
+    spinDirection?: import("./icon-types").IconSpinDirection | undefined;
+    loading?: boolean | undefined;
+    clickable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    iconifyPrefix?: string | undefined;
+    title?: string | undefined;
+    ariaLabel?: string | undefined;
+    prefixCls?: string | undefined;
+}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly title: string;
+    readonly name: string;
+    readonly color: string;
+    readonly rotate: number;
+    readonly size: IconSize;
+    readonly disabled: boolean;
+    readonly prefixCls: string;
+    readonly theme: import("./icon-types").IconTheme;
+    readonly loading: boolean;
+    readonly clickable: boolean;
+    readonly ariaLabel: string;
+    readonly component: import("vue").Component;
+    readonly twoToneColor: string;
+    readonly themePrefixMap: Partial<Record<import("./icon-types").IconTheme, string>>;
+    readonly spin: boolean;
+    readonly spinDirection: import("./icon-types").IconSpinDirection;
+    readonly iconifyPrefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/image/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Image from './src/image';
+export { Image };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/image/src/image-types.d.ts

@@ -0,0 +1,56 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+export type ImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+export declare const imageProps: {
+    readonly src: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly alt: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fit: {
+        readonly type: PropType<ImageFit>;
+        readonly default: ImageFit;
+    };
+    readonly width: {
+        readonly type: PropType<number | string>;
+        readonly default: "";
+    };
+    readonly height: {
+        readonly type: PropType<number | string>;
+        readonly default: "";
+    };
+    readonly preview: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly fallback: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly lazy: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rootMargin: {
+        readonly type: StringConstructor;
+        readonly default: "0px";
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `image` / `previewMask`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type ImageProps = ExtractPropTypes<typeof imageProps>;

package/image/src/image.d.ts

@@ -0,0 +1,42 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly height: string | number;
+    readonly width: string | number;
+    readonly fit: import("./image-types").ImageFit;
+    readonly src: string;
+    readonly alt: string;
+    readonly preview: boolean;
+    readonly fallback: string;
+    readonly lazy: boolean;
+    readonly rootMargin: string;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load")[], "click" | "error" | "load", import("vue").PublicProps, Readonly<{
+    readonly height: string | number;
+    readonly width: string | number;
+    readonly fit: import("./image-types").ImageFit;
+    readonly src: string;
+    readonly alt: string;
+    readonly preview: boolean;
+    readonly fallback: string;
+    readonly lazy: boolean;
+    readonly rootMargin: string;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly height: string | number;
+    readonly width: string | number;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly fit: import("./image-types").ImageFit;
+    readonly alt: string;
+    readonly preview: boolean;
+    readonly fallback: string;
+    readonly lazy: boolean;
+    readonly rootMargin: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/image-preview-group/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import ImagePreviewGroup from './src/image-preview-group';
+export { ImagePreviewGroup };
+export type { ImagePreviewControl, ImagePreviewGroupProps, ImagePreviewItem } from './src/image-preview-group-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/image-preview-group/index.es.js

@@ -0,0 +1,162 @@
+import { Teleport as e, Transition as t, computed as n, defineComponent as r, h as i, onBeforeUnmount as a, ref as o, watch as s } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function c(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function l(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => c(n),
+		e: (e) => e ? c(n, e) : "",
+		m: (e) => e ? c(n, "", e) : "",
+		em: (e, t) => e && t ? c(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/image-preview-group/src/image-preview-group-types.ts
+var u = {
+	items: {
+		type: Array,
+		default: void 0
+	},
+	preview: {
+		type: Object,
+		default: void 0
+	},
+	maxZoom: {
+		type: Number,
+		default: 6
+	},
+	minZoom: {
+		type: Number,
+		default: .25
+	}
+};
+//#endregion
+//#region ../ccui/ui/image-preview-group/src/image-preview-group.tsx
+function d(e) {
+	return e ? e.map((e) => typeof e == "string" ? { src: e } : {
+		src: e.src,
+		alt: e.alt
+	}) : [];
+}
+var f = /* @__PURE__ */ r({
+	name: "CImagePreviewGroup",
+	props: u,
+	emits: [
+		"update:preview",
+		"change",
+		"visible-change"
+	],
+	setup(r, { emit: c, slots: u }) {
+		let f = l("image-preview-group"), p = n(() => d(r.items)), m = n(() => r.preview !== void 0), h = o(!1), g = o(0), _ = o(1), v = n(() => m.value ? !!r.preview?.visible : h.value), y = n(() => m.value ? r.preview?.current ?? 0 : g.value), b = (e) => {
+			m.value || (h.value = e), c("visible-change", e), c("update:preview", {
+				...r.preview,
+				visible: e,
+				current: y.value
+			});
+		}, x = (e) => {
+			let t = p.value.length;
+			if (t === 0) return;
+			let n = (e % t + t) % t;
+			m.value || (g.value = n), c("change", n), c("update:preview", {
+				...r.preview,
+				visible: v.value,
+				current: n
+			});
+		}, S = (e) => {
+			x(e), _.value = 1, b(!0);
+		}, C = () => {
+			b(!1);
+		}, w = () => {
+			x(y.value + 1), _.value = 1;
+		}, T = () => {
+			x(y.value - 1), _.value = 1;
+		}, E = () => {
+			_.value = Math.min(_.value * 1.25, r.maxZoom);
+		}, D = () => {
+			_.value = Math.max(_.value / 1.25, r.minZoom);
+		}, O = () => {
+			_.value = 1;
+		}, k = (e) => {
+			v.value && (e.key === "Escape" ? C() : e.key === "ArrowLeft" ? T() : e.key === "ArrowRight" && w());
+		};
+		s(v, (e) => {
+			typeof window > "u" || (e ? window.addEventListener("keydown", k) : window.removeEventListener("keydown", k));
+		}), a(() => {
+			typeof window < "u" && window.removeEventListener("keydown", k);
+		});
+		let A = n(() => p.value[y.value]), j = (e, t) => i("img", {
+			key: t,
+			class: f.e("thumb"),
+			src: e.src,
+			alt: e.alt ?? "",
+			onClick: () => S(t)
+		}), M = () => i(e, { to: "body" }, [i(t, { name: `${f.b()}-fade` }, { default: () => v.value && A.value ? i("div", {
+			class: f.e("mask"),
+			onClick: C
+		}, [i("div", {
+			class: f.e("toolbar"),
+			onClick: (e) => e.stopPropagation()
+		}, [
+			i("button", {
+				onClick: T,
+				"aria-label": "prev",
+				class: f.e("btn")
+			}, "‹"),
+			i("button", {
+				onClick: D,
+				"aria-label": "zoom out",
+				class: f.e("btn")
+			}, "−"),
+			i("button", {
+				onClick: O,
+				"aria-label": "reset",
+				class: f.e("btn")
+			}, "⟳"),
+			i("button", {
+				onClick: E,
+				"aria-label": "zoom in",
+				class: f.e("btn")
+			}, "+"),
+			i("button", {
+				onClick: w,
+				"aria-label": "next",
+				class: f.e("btn")
+			}, "›"),
+			i("button", {
+				onClick: C,
+				"aria-label": "close",
+				class: f.e("btn")
+			}, "×"),
+			p.value.length > 1 ? i("span", { class: f.e("counter") }, `${y.value + 1} / ${p.value.length}`) : null
+		]), i("img", {
+			class: f.e("img"),
+			src: A.value.src,
+			alt: A.value.alt ?? "",
+			style: { transform: `scale(${_.value})` },
+			onClick: (e) => e.stopPropagation()
+		})]) : null })]);
+		return () => {
+			let e = r.items ? p.value.map((e, t) => j(e, t)) : u.default?.();
+			return i("div", { class: f.b() }, [e, M()]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/image-preview-group/index.ts
+f.install = function(e) {
+	e.component(f.name, f);
+};
+var p = {
+	title: "ImagePreviewGroup 图片预览组",
+	category: "数据展示",
+	status: "80%",
+	install(e) {
+		e.component(f.name, f);
+	}
+};
+//#endregion
+export { f as ImagePreviewGroup, p as default };

package/image-preview-group/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={items:{type:Array,default:void 0},preview:{type:Object,default:void 0},maxZoom:{type:Number,default:6},minZoom:{type:Number,default:.25}};function a(e){return e?e.map(e=>typeof e==`string`?{src:e}:{src:e.src,alt:e.alt}):[]}var o=(0,t.defineComponent)({name:`CImagePreviewGroup`,props:i,emits:[`update:preview`,`change`,`visible-change`],setup(e,{emit:n,slots:i}){let o=r(`image-preview-group`),s=(0,t.computed)(()=>a(e.items)),c=(0,t.computed)(()=>e.preview!==void 0),l=(0,t.ref)(!1),u=(0,t.ref)(0),d=(0,t.ref)(1),f=(0,t.computed)(()=>c.value?!!e.preview?.visible:l.value),p=(0,t.computed)(()=>c.value?e.preview?.current??0:u.value),m=t=>{c.value||(l.value=t),n(`visible-change`,t),n(`update:preview`,{...e.preview,visible:t,current:p.value})},h=t=>{let r=s.value.length;if(r===0)return;let i=(t%r+r)%r;c.value||(u.value=i),n(`change`,i),n(`update:preview`,{...e.preview,visible:f.value,current:i})},g=e=>{h(e),d.value=1,m(!0)},_=()=>{m(!1)},v=()=>{h(p.value+1),d.value=1},y=()=>{h(p.value-1),d.value=1},b=()=>{d.value=Math.min(d.value*1.25,e.maxZoom)},x=()=>{d.value=Math.max(d.value/1.25,e.minZoom)},S=()=>{d.value=1},C=e=>{f.value&&(e.key===`Escape`?_():e.key===`ArrowLeft`?y():e.key===`ArrowRight`&&v())};(0,t.watch)(f,e=>{typeof window>`u`||(e?window.addEventListener(`keydown`,C):window.removeEventListener(`keydown`,C))}),(0,t.onBeforeUnmount)(()=>{typeof window<`u`&&window.removeEventListener(`keydown`,C)});let w=(0,t.computed)(()=>s.value[p.value]),T=(e,n)=>(0,t.h)(`img`,{key:n,class:o.e(`thumb`),src:e.src,alt:e.alt??``,onClick:()=>g(n)}),E=()=>(0,t.h)(t.Teleport,{to:`body`},[(0,t.h)(t.Transition,{name:`${o.b()}-fade`},{default:()=>f.value&&w.value?(0,t.h)(`div`,{class:o.e(`mask`),onClick:_},[(0,t.h)(`div`,{class:o.e(`toolbar`),onClick:e=>e.stopPropagation()},[(0,t.h)(`button`,{onClick:y,"aria-label":`prev`,class:o.e(`btn`)},`‹`),(0,t.h)(`button`,{onClick:x,"aria-label":`zoom out`,class:o.e(`btn`)},`−`),(0,t.h)(`button`,{onClick:S,"aria-label":`reset`,class:o.e(`btn`)},`⟳`),(0,t.h)(`button`,{onClick:b,"aria-label":`zoom in`,class:o.e(`btn`)},`+`),(0,t.h)(`button`,{onClick:v,"aria-label":`next`,class:o.e(`btn`)},`›`),(0,t.h)(`button`,{onClick:_,"aria-label":`close`,class:o.e(`btn`)},`×`),s.value.length>1?(0,t.h)(`span`,{class:o.e(`counter`)},`${p.value+1} / ${s.value.length}`):null]),(0,t.h)(`img`,{class:o.e(`img`),src:w.value.src,alt:w.value.alt??``,style:{transform:`scale(${d.value})`},onClick:e=>e.stopPropagation()})]):null})]);return()=>{let n=e.items?s.value.map((e,t)=>T(e,t)):i.default?.();return(0,t.h)(`div`,{class:o.b()},[n,E()])}}});o.install=function(e){e.component(o.name,o)},e.ImagePreviewGroup=o,e.default={title:`ImagePreviewGroup 图片预览组`,category:`数据展示`,status:`80%`,install(e){e.component(o.name,o)}}});

package/image-preview-group/src/image-preview-group-types.d.ts

@@ -0,0 +1,51 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export interface ImagePreviewItem {
+    src: string;
+    alt?: string;
+}
+/**
+ * `preview` 复合配置（受控模式）：
+ *
+ * - 不传：完全非受控，组件内部自己管 visible / current
+ * - 传对象：受控模式，由父组件决定 visible / current；组件通过 `update:preview` 与 `change` 通知
+ */
+export interface ImagePreviewControl {
+    visible?: boolean;
+    current?: number;
+}
+export declare const imagePreviewGroupProps: {
+    /**
+     * 图片数组。
+     *
+     * - 传 `string[]`：每项作为 src，alt 为空。
+     * - 传 `ImagePreviewItem[]`：每项 `{ src, alt? }`。
+     *
+     * 不传时则只渲染默认 slot，预览由父组件通过 `preview.visible / preview.current` 受控。
+     */
+    readonly items: {
+        readonly type: PropType<string[] | ImagePreviewItem[]>;
+        readonly default: undefined;
+    };
+    /**
+     * 受控预览状态。详见 `ImagePreviewControl`。
+     */
+    readonly preview: {
+        readonly type: PropType<ImagePreviewControl>;
+        readonly default: undefined;
+    };
+    /**
+     * 缩放上限。
+     */
+    readonly maxZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 6;
+    };
+    /**
+     * 缩放下限。
+     */
+    readonly minZoom: {
+        readonly type: NumberConstructor;
+        readonly default: 0.25;
+    };
+};
+export type ImagePreviewGroupProps = ExtractPropTypes<typeof imagePreviewGroupProps>;

package/image-preview-group/src/image-preview-group.d.ts

@@ -0,0 +1,25 @@
+import type { ImagePreviewItem } from './image-preview-group-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly maxZoom: number;
+    readonly minZoom: number;
+    readonly items?: string[] | ImagePreviewItem[] | undefined;
+    readonly preview?: import("./image-preview-group-types").ImagePreviewControl | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "visible-change" | "update:preview")[], "change" | "visible-change" | "update:preview", import("vue").PublicProps, Readonly<{
+    readonly maxZoom: number;
+    readonly minZoom: number;
+    readonly items?: string[] | ImagePreviewItem[] | undefined;
+    readonly preview?: import("./image-preview-group-types").ImagePreviewControl | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:preview"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly items: string[] | ImagePreviewItem[];
+    readonly preview: import("./image-preview-group-types").ImagePreviewControl;
+    readonly maxZoom: number;
+    readonly minZoom: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/image-preview-group/style.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-image-preview-group{flex-wrap:wrap;gap:8px;display:inline-flex}.ccui-image-preview-group__thumb{object-fit:cover;border-radius:var(--ccui-border-radius-sm,4px);cursor:zoom-in;width:80px;height:80px;transition:opacity var(--ccui-motion-duration-mid,.2s)}.ccui-image-preview-group__thumb:hover{opacity:.85}.ccui-image-preview-group__mask{z-index:1100;background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ccui-image-preview-group__img{object-fit:contain;cursor:zoom-out;max-width:90vw;max-height:90vh;transition:transform var(--ccui-motion-duration-mid,.2s);box-shadow:0 10px 30px #00000073}.ccui-image-preview-group__toolbar{border-radius:var(--ccui-border-radius,6px);color:#fff;z-index:1;background-color:#0009;align-items:center;gap:4px;padding:6px 12px;font-size:18px;display:inline-flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.ccui-image-preview-group__btn{width:32px;height:32px;color:inherit;cursor:pointer;font-size:inherit;transition:background-color var(--ccui-motion-duration-mid,.2s);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ccui-image-preview-group__btn:hover{background-color:#ffffff26}.ccui-image-preview-group__counter{font-size:var(--ccui-font-size-sm,12px);color:#ffffffd9;-webkit-user-select:none;user-select:none;margin-inline-start:8px}.ccui-image-preview-group-fade-enter-active,.ccui-image-preview-group-fade-leave-active{transition:opacity var(--ccui-motion-duration-mid,.2s) ease}.ccui-image-preview-group-fade-enter-from,.ccui-image-preview-group-fade-leave-to{opacity:0}
+/*$vite$:1*/

package/index.d.ts

@@ -1,7 +1,93 @@
-import { App } from 'vue';
-  declare function install(app: App): void
-  declare const _default: {
-      install: typeof install;
-      version: string;
-  };
-  export default _default;
+import type { App } from 'vue';
+
+import { Affix } from './affix';
+import { Alert } from './alert';
+import { Anchor } from './anchor';
+import { AutoComplete } from './auto-complete';
+import { Avatar } from './avatar';
+import { AvatarGroup, avatarGroupInjectionKey, resolveAvatarSize } from './avatar-group';
+import { Badge } from './badge';
+import { BadgeRibbon, isRibbonPresetColor } from './badge-ribbon';
+import { Breadcrumb, BreadcrumbItem } from './breadcrumb';
+import { Button, ButtonGroup } from './button';
+import { Button3d } from './button-3d';
+import { Calendar } from './calendar';
+import { Card } from './card';
+import { CardMeta } from './card-meta';
+import { Carousel } from './carousel';
+import { Cascader, CASCADER_SHOW_CHILD, CASCADER_SHOW_PARENT } from './cascader';
+import { CheckBox } from './check-box';
+import { CheckableTag, CheckableTagGroup, checkableTagGroupInjectionKey } from './checkable-tag';
+import { Collapse, CollapseItem } from './collapse';
+import { ColorPicker } from './color-picker';
+import { ConfigProvider, useConfig } from './config-provider';
+import { DatePicker } from './date-picker';
+import { Descriptions, DescriptionsItem } from './descriptions';
+import { Divider } from './divider';
+import { Drawer } from './drawer';
+import { Dropdown } from './dropdown';
+import { Empty } from './empty';
+import { Flex } from './flex';
+import { BackTop, FloatButton } from './float-button';
+import { Form, FormItem, FormList, FormProvider } from './form';
+import { Col, Row } from './grid';
+import { addAPIProvider, addCollection, addIcon, loadIcon, loadIcons, clearIconRegistry, Icon, registerIcon, resolveIcon, unregisterIcon } from './icon';
+import { Image } from './image';
+import { ImagePreviewGroup } from './image-preview-group';
+import { Input } from './input';
+import { InputNumber } from './input-number';
+import { InputOtp } from './input-otp';
+import { InputSearch } from './input-search';
+import { Content, Footer, Header, Layout, Sider } from './layout';
+import { Masonry } from './masonry';
+import { Mentions } from './mentions';
+import { Menu } from './menu';
+import { message, useMessage, Message } from './message';
+import { Modal, useModal } from './modal';
+import { notification, useNotification, Notification } from './notification';
+import { Pagination } from './pagination';
+import { Popconfirm } from './popconfirm';
+import { Popover } from './popover';
+import { Progress } from './progress';
+import { Radio, RadioGroup } from './radio';
+import { RangePicker } from './range-picker';
+import { Rate } from './rate';
+import { Result } from './result';
+import { Segmented } from './segmented';
+import { Select } from './select';
+import { Skeleton } from './skeleton';
+import { SkeletonNode } from './skeleton-node';
+import { Slider } from './slider';
+import { Space } from './space';
+import { SpaceCompact } from './space-compact';
+import { Spin } from './spin';
+import { Panel, Splitter } from './splitter';
+import { Status } from './status';
+import { Steps } from './steps';
+import { Switch } from './switch';
+import { Table } from './table';
+import { TableColumn } from './table-column';
+import { TableColumnGroup } from './table-column-group';
+import { TableSummary } from './table-summary';
+import { Tab, Tabs } from './tabs';
+import { Tag } from './tag';
+import { Textarea } from './textarea';
+import { TimePicker } from './time-picker';
+import { TimeRangePicker } from './time-range-picker';
+import { Timeline, TimelineItem } from './timeline';
+import { Tooltip } from './tooltip';
+import { Transfer } from './transfer';
+import { Tree } from './tree';
+import { TreeSelect, TREE_SELECT_SHOW_ALL, TREE_SELECT_SHOW_CHILD, TREE_SELECT_SHOW_PARENT } from './tree-select';
+import { Link, Paragraph, Text, Title, Typography } from './typography';
+import { Upload } from './upload';
+import { UploadDragger } from './upload-dragger';
+import { canUseDom, clamp, classNames, contains, debounce, getOffset, inBrowser, isFunction, isNil, isObject, isVisible, noop, throttle } from './util';
+import { Watermark } from './watermark';
+export { zhCN, enUS, jaJP, koKR, defaultLocale } from './locale';
+export { Affix, Alert, Anchor, AutoComplete, Avatar, AvatarGroup, avatarGroupInjectionKey, resolveAvatarSize, Badge, BadgeRibbon, isRibbonPresetColor, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Button3d, Calendar, Card, CardMeta, Carousel, Cascader, CASCADER_SHOW_CHILD, CASCADER_SHOW_PARENT, CheckBox, CheckableTag, CheckableTagGroup, checkableTagGroupInjectionKey, Collapse, CollapseItem, ColorPicker, ConfigProvider, useConfig, DatePicker, Descriptions, DescriptionsItem, Divider, Drawer, Dropdown, Empty, Flex, BackTop, FloatButton, Form, FormItem, FormList, FormProvider, Col, Row, addAPIProvider, addCollection, addIcon, loadIcon, loadIcons, clearIconRegistry, Icon, registerIcon, resolveIcon, unregisterIcon, Image, ImagePreviewGroup, Input, InputNumber, InputOtp, InputSearch, Content, Footer, Header, Layout, Sider, Masonry, Mentions, Menu, message, useMessage, Message, Modal, useModal, notification, useNotification, Notification, Pagination, Popconfirm, Popover, Progress, Radio, RadioGroup, RangePicker, Rate, Result, Segmented, Select, Skeleton, SkeletonNode, Slider, Space, SpaceCompact, Spin, Panel, Splitter, Status, Steps, Switch, Table, TableColumn, TableColumnGroup, TableSummary, Tab, Tabs, Tag, Textarea, TimePicker, TimeRangePicker, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, TREE_SELECT_SHOW_ALL, TREE_SELECT_SHOW_CHILD, TREE_SELECT_SHOW_PARENT, Link, Paragraph, Text, Title, Typography, Upload, UploadDragger, canUseDom, clamp, classNames, contains, debounce, getOffset, inBrowser, isFunction, isNil, isObject, isVisible, noop, throttle, Watermark };
+declare const _default: {
+    version: string;
+    install(app: App): void;
+};
+export default _default;