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

package/space-compact/src/space-compact-types.d.ts

@@ -0,0 +1,27 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type SpaceCompactDirection = 'horizontal' | 'vertical';
+export type SpaceCompactSize = 'large' | 'middle' | 'small';
+/**
+ * 让多个输入类组件（Input / Button / Select / DatePicker 等）视觉上贴边拼接为一组紧凑控件，
+ * **子组件之间的圆角与 border 自动合并**。
+ *
+ * 作为独立顶层组件 `<c-space-compact>`，不挂 Space.Compact 命名空间。
+ */
+export declare const spaceCompactProps: {
+    /** 紧凑布局方向。 */
+    readonly direction: {
+        readonly type: PropType<SpaceCompactDirection>;
+        readonly default: "horizontal";
+    };
+    /** 控件尺寸（透传到子项）。 */
+    readonly size: {
+        readonly type: PropType<SpaceCompactSize>;
+        readonly default: "middle";
+    };
+    /** 是否撑满父容器宽度。 */
+    readonly block: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type SpaceCompactProps = ExtractPropTypes<typeof spaceCompactProps>;

package/space-compact/src/space-compact.d.ts

@@ -0,0 +1,15 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly direction: import("./space-compact-types").SpaceCompactDirection;
+    readonly block: boolean;
+    readonly size: import("./space-compact-types").SpaceCompactSize;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly direction: import("./space-compact-types").SpaceCompactDirection;
+    readonly block: boolean;
+    readonly size: import("./space-compact-types").SpaceCompactSize;
+}> & Readonly<{}>, {
+    readonly direction: import("./space-compact-types").SpaceCompactDirection;
+    readonly block: boolean;
+    readonly size: import("./space-compact-types").SpaceCompactSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/space-compact/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-space-compact{vertical-align:middle;display:inline-flex}.ccui-space-compact--horizontal{flex-direction:row}.ccui-space-compact--vertical{flex-direction:column}.ccui-space-compact--block{width:100%;display:flex}.ccui-space-compact--horizontal>:not(:first-child){margin-inline-start:-1px}.ccui-space-compact--horizontal>:not(:first-child):not(:last-child),.ccui-space-compact--horizontal>:not(:first-child):not(:last-child) :is(input,button,.ccui-input,.ccui-button,.ccui-select){border-radius:0}.ccui-space-compact--horizontal>:first-child:not(:last-child),.ccui-space-compact--horizontal>:first-child:not(:last-child) :is(input,button,.ccui-input,.ccui-button,.ccui-select){border-top-right-radius:0;border-bottom-right-radius:0}.ccui-space-compact--horizontal>:last-child:not(:first-child),.ccui-space-compact--horizontal>:last-child:not(:first-child) :is(input,button,.ccui-input,.ccui-button,.ccui-select){border-top-left-radius:0;border-bottom-left-radius:0}.ccui-space-compact--horizontal>:hover,.ccui-space-compact--horizontal>:focus-within{z-index:1}.ccui-space-compact--vertical>:not(:first-child){margin-top:-1px}.ccui-space-compact--vertical>:not(:first-child):not(:last-child),.ccui-space-compact--vertical>:not(:first-child):not(:last-child) :is(input,button,.ccui-input,.ccui-button,.ccui-select){border-radius:0}.ccui-space-compact--vertical>:first-child:not(:last-child),.ccui-space-compact--vertical>:first-child:not(:last-child) :is(input,button,.ccui-input,.ccui-button,.ccui-select){border-bottom-right-radius:0;border-bottom-left-radius:0}.ccui-space-compact--vertical>:last-child:not(:first-child),.ccui-space-compact--vertical>:last-child:not(:first-child) :is(input,button,.ccui-input,.ccui-button,.ccui-select){border-top-left-radius:0;border-top-right-radius:0}
+/*$vite$:1*/

package/spin/index.d.ts

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

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

@@ -0,0 +1,29 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type SpinSize = 'small' | 'default' | 'large';
+export declare const spinProps: {
+    readonly spinning: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly size: {
+        readonly type: PropType<SpinSize>;
+        readonly default: "default";
+    };
+    readonly tip: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly delay: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly fullscreen: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly percent: {
+        readonly type: PropType<number | "auto">;
+        readonly default: undefined;
+    };
+};
+export type SpinProps = ExtractPropTypes<typeof spinProps>;

package/spin/src/spin.d.ts

@@ -0,0 +1,24 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./spin-types").SpinSize;
+    readonly spinning: boolean;
+    readonly tip: string;
+    readonly delay: number;
+    readonly fullscreen: boolean;
+    readonly percent?: number | "auto" | undefined;
+}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly size: import("./spin-types").SpinSize;
+    readonly spinning: boolean;
+    readonly tip: string;
+    readonly delay: number;
+    readonly fullscreen: boolean;
+    readonly percent?: number | "auto" | undefined;
+}> & Readonly<{}>, {
+    readonly size: import("./spin-types").SpinSize;
+    readonly percent: number | "auto";
+    readonly spinning: boolean;
+    readonly tip: string;
+    readonly delay: number;
+    readonly fullscreen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/splitter/index.d.ts

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

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

@@ -0,0 +1,70 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type SplitterLayout = 'horizontal' | 'vertical';
+export declare const splitterProps: {
+    /**
+     * 布局方向。默认值为 `undefined`，让 `orientation` 别名得以生效。
+     * 实际方向 = `layout` 显式 ?? `orientation` 别名 ?? `'horizontal'`。
+     */
+    readonly layout: {
+        readonly type: PropType<SplitterLayout>;
+        readonly default: undefined;
+    };
+    /**
+     * `layout` 的别名。
+     * 显式传 `layout` 时优先；同时传时 `layout` 胜出。
+     */
+    readonly orientation: {
+        readonly type: PropType<SplitterLayout>;
+        readonly default: undefined;
+    };
+};
+export declare const panelProps: {
+    readonly size: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly defaultSize: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly min: {
+        readonly type: PropType<number | string>;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly collapsible: {
+        readonly type: PropType<boolean | {
+            start?: boolean;
+            end?: boolean;
+        }>;
+        readonly default: false;
+    };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 是否在 resizer 上渲染折叠 / 展开图标。
+     * 需配合 `collapsible` 一起使用（不设 collapsible 时该图标无意义，不渲染）。
+     * `true` 时基于 `collapsible` 的方向（`start` / `end`）渲染对应箭头按钮。
+     */
+    readonly showCollapsibleIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type SplitterProps = ExtractPropTypes<typeof splitterProps>;
+export type PanelProps = ExtractPropTypes<typeof panelProps>;
+export declare const SPLITTER_INJECT_KEY: unique symbol;
+export interface SplitterContext {
+    layout: SplitterLayout;
+    registerPanel: (id: number, props: PanelProps) => void;
+    unregisterPanel: (id: number) => void;
+    getSize: (id: number) => number | undefined;
+    startResize: (id: number, e: PointerEvent) => void;
+    isCollapsed: (id: number) => boolean;
+    toggleCollapse: (id: number) => void;
+}

package/splitter/src/splitter.d.ts

@@ -0,0 +1,62 @@
+import type { SplitterLayout } from './splitter-types';
+
+export declare const Splitter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly layout: {
+        readonly type: import("vue").PropType<SplitterLayout>;
+        readonly default: undefined;
+    };
+    readonly orientation: {
+        readonly type: import("vue").PropType<SplitterLayout>;
+        readonly default: undefined;
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("resize" | "resizeStart" | "resizeEnd")[], "resize" | "resizeStart" | "resizeEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly layout: {
+        readonly type: import("vue").PropType<SplitterLayout>;
+        readonly default: undefined;
+    };
+    readonly orientation: {
+        readonly type: import("vue").PropType<SplitterLayout>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onResize?: ((...args: any[]) => any) | undefined;
+    onResizeStart?: ((...args: any[]) => any) | undefined;
+    onResizeEnd?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly layout: SplitterLayout;
+    readonly orientation: SplitterLayout;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const Panel: import("vue").DefineComponent<{
+    readonly min: string | number;
+    readonly collapsible: boolean | {
+        start?: boolean;
+        end?: boolean;
+    };
+    readonly resizable: boolean;
+    readonly showCollapsibleIcon: boolean;
+    readonly size?: string | number | undefined;
+    readonly max?: string | number | undefined;
+    readonly defaultSize?: string | number | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly min: string | number;
+    readonly collapsible: boolean | {
+        start?: boolean;
+        end?: boolean;
+    };
+    readonly resizable: boolean;
+    readonly showCollapsibleIcon: boolean;
+    readonly size?: string | number | undefined;
+    readonly max?: string | number | undefined;
+    readonly defaultSize?: string | number | undefined;
+}> & Readonly<{}>, {
+    readonly size: string | number;
+    readonly min: string | number;
+    readonly max: string | number;
+    readonly collapsible: boolean | {
+        start?: boolean;
+        end?: boolean;
+    };
+    readonly defaultSize: string | number;
+    readonly resizable: boolean;
+    readonly showCollapsibleIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/status/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+type IStatusType = 'success' | 'error' | 'initial' | 'warning' | 'waiting' | 'running' | 'invalid' | 'info';
+export declare const statusProps: {
+    readonly type: {
+        readonly type: PropType<IStatusType>;
+        readonly default: "initial";
+    };
+};
+export type StatusProps = ExtractPropTypes<typeof statusProps>;
+export {};

package/status/src/status.d.ts

@@ -0,0 +1,9 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly type: "initial" | "running" | "error" | "invalid" | "waiting" | "success" | "info" | "warning";
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly type: "initial" | "running" | "error" | "invalid" | "waiting" | "success" | "info" | "warning";
+}> & Readonly<{}>, {
+    readonly type: "initial" | "running" | "error" | "invalid" | "waiting" | "success" | "info" | "warning";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/steps/index.d.ts

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

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

@@ -0,0 +1,48 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
+export type StepsDirection = 'horizontal' | 'vertical';
+export type StepsSize = 'default' | 'small';
+export type StepsType = 'default' | 'navigation';
+export interface StepItem {
+    title?: string;
+    description?: string;
+    icon?: string;
+    status?: StepStatus;
+    disabled?: boolean;
+    subTitle?: string;
+}
+export declare const stepsProps: {
+    readonly current: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly items: {
+        readonly type: PropType<StepItem[]>;
+        readonly default: () => never[];
+    };
+    readonly direction: {
+        readonly type: PropType<StepsDirection>;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: PropType<StepsSize>;
+        readonly default: "default";
+    };
+    readonly type: {
+        readonly type: PropType<StepsType>;
+        readonly default: "default";
+    };
+    readonly status: {
+        readonly type: PropType<StepStatus>;
+        readonly default: "process";
+    };
+    readonly labelPlacement: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly progressDot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type StepsProps = ExtractPropTypes<typeof stepsProps>;

package/steps/src/steps.d.ts

@@ -0,0 +1,34 @@
+import type { StepItem, StepStatus } from './steps-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("./steps-types").StepsType;
+    readonly direction: import("./steps-types").StepsDirection;
+    readonly size: import("./steps-types").StepsSize;
+    readonly items: StepItem[];
+    readonly status: StepStatus;
+    readonly current: number;
+    readonly labelPlacement: "horizontal" | "vertical";
+    readonly progressDot: boolean;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:current")[], "change" | "update:current", import("vue").PublicProps, Readonly<{
+    readonly type: import("./steps-types").StepsType;
+    readonly direction: import("./steps-types").StepsDirection;
+    readonly size: import("./steps-types").StepsSize;
+    readonly items: StepItem[];
+    readonly status: StepStatus;
+    readonly current: number;
+    readonly labelPlacement: "horizontal" | "vertical";
+    readonly progressDot: boolean;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:current"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly type: import("./steps-types").StepsType;
+    readonly direction: import("./steps-types").StepsDirection;
+    readonly size: import("./steps-types").StepsSize;
+    readonly items: StepItem[];
+    readonly status: StepStatus;
+    readonly current: number;
+    readonly labelPlacement: "horizontal" | "vertical";
+    readonly progressDot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;