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

package/table-column-group/index.es.js

@@ -0,0 +1,80 @@
+import { defineComponent as e, inject as t, onBeforeUnmount as n, provide as r, shallowRef as i, triggerRef as a } from "vue";
+//#region ../ccui/ui/table/src/table-types.ts
+var o = Symbol("TableColumnsCollector"), s = Symbol("TableColumnGroupCollector"), c = {
+	title: {
+		type: String,
+		default: ""
+	},
+	align: {
+		type: String,
+		default: void 0
+	},
+	fixed: {
+		type: String,
+		default: void 0
+	},
+	onHeaderCell: {
+		type: Function,
+		default: void 0
+	}
+}, l = 0, u = /* @__PURE__ */ e({
+	name: "CTableColumnGroup",
+	props: c,
+	setup(e, { slots: c }) {
+		let u = t(s, null) ?? t(o, null), d = Symbol("CTableColumnGroup"), f = ++l, p = /* @__PURE__ */ new Map(), m = i([]), h = () => {
+			m.value = Array.from(p.values()).sort((e, t) => e.order - t.order).map((e) => e.column), a(m);
+		}, g = {};
+		return Object.defineProperties(g, {
+			title: {
+				get: () => e.title,
+				enumerable: !0,
+				configurable: !0
+			},
+			align: {
+				get: () => e.align,
+				enumerable: !0,
+				configurable: !0
+			},
+			fixed: {
+				get: () => e.fixed,
+				enumerable: !0,
+				configurable: !0
+			},
+			onHeaderCell: {
+				get: () => e.onHeaderCell,
+				enumerable: !0,
+				configurable: !0
+			},
+			children: {
+				get: () => m.value,
+				enumerable: !0,
+				configurable: !0
+			}
+		}), r(s, {
+			register(e, t, n) {
+				p.set(e, {
+					column: t,
+					order: n
+				}), h();
+			},
+			unregister(e) {
+				p.delete(e), h();
+			}
+		}), u && (u.register(d, g, f), n(() => u.unregister(d))), () => c.default ? c.default() : null;
+	}
+});
+//#endregion
+//#region ../ccui/ui/table-column-group/index.ts
+u.install = function(e) {
+	e.component(u.name, u);
+};
+var d = {
+	title: "TableColumnGroup 表格列分组",
+	category: "数据展示",
+	status: "90%",
+	install(e) {
+		e.component(u.name, u);
+	}
+};
+//#endregion
+export { u as TableColumnGroup, d as default };

package/table-column-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`}});var n=Symbol(`TableColumnsCollector`),r=Symbol(`TableColumnGroupCollector`),i={title:{type:String,default:``},align:{type:String,default:void 0},fixed:{type:String,default:void 0},onHeaderCell:{type:Function,default:void 0}},a=0,o=(0,t.defineComponent)({name:`CTableColumnGroup`,props:i,setup(e,{slots:i}){let o=(0,t.inject)(r,null)??(0,t.inject)(n,null),s=Symbol(`CTableColumnGroup`),c=++a,l=new Map,u=(0,t.shallowRef)([]),d=()=>{u.value=Array.from(l.values()).sort((e,t)=>e.order-t.order).map(e=>e.column),(0,t.triggerRef)(u)},f={};return Object.defineProperties(f,{title:{get:()=>e.title,enumerable:!0,configurable:!0},align:{get:()=>e.align,enumerable:!0,configurable:!0},fixed:{get:()=>e.fixed,enumerable:!0,configurable:!0},onHeaderCell:{get:()=>e.onHeaderCell,enumerable:!0,configurable:!0},children:{get:()=>u.value,enumerable:!0,configurable:!0}}),(0,t.provide)(r,{register(e,t,n){l.set(e,{column:t,order:n}),d()},unregister(e){l.delete(e),d()}}),o&&(o.register(s,f,c),(0,t.onBeforeUnmount)(()=>o.unregister(s))),()=>i.default?i.default():null}});o.install=function(e){e.component(o.name,o)},e.TableColumnGroup=o,e.default={title:`TableColumnGroup 表格列分组`,category:`数据展示`,status:`90%`,install(e){e.component(o.name,o)}}});

package/table-column-group/src/table-column-group-types.d.ts

@@ -0,0 +1,36 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { TableCellRenderProps, TableColumn } from '../../table/src/table-types';
+/**
+ * 表格列分组：在 thead 多生成一行「分组标题」，子列在 tbody 中被展平。
+ *
+ * 模板用法：
+ *
+ * ```html
+ * <c-table :data-source="data">
+ *   <c-table-column-group title="姓名">
+ *     <c-table-column title="姓" data-index="firstName" />
+ *     <c-table-column title="名" data-index="lastName" />
+ *   </c-table-column-group>
+ *   <c-table-column title="年龄" data-index="age" />
+ * </c-table>
+ * ```
+ */
+export declare const tableColumnGroupProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly align: {
+        readonly type: PropType<"left" | "center" | "right">;
+        readonly default: undefined;
+    };
+    readonly fixed: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: undefined;
+    };
+    readonly onHeaderCell: {
+        readonly type: PropType<(column: TableColumn) => TableCellRenderProps>;
+        readonly default: undefined;
+    };
+};
+export type TableColumnGroupProps = ExtractPropTypes<typeof tableColumnGroupProps>;

package/table-column-group/src/table-column-group.d.ts

@@ -0,0 +1,20 @@
+import type { TableColumn } from '../../table/src/table-types';
+declare const _default: import("vue").DefineComponent<{
+    readonly title: string;
+    readonly fixed?: "left" | "right" | undefined;
+    readonly align?: "center" | "left" | "right" | undefined;
+    readonly onHeaderCell?: ((column: TableColumn) => import("../../table").TableCellRenderProps) | undefined;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly title: string;
+    readonly fixed?: "left" | "right" | undefined;
+    readonly align?: "center" | "left" | "right" | undefined;
+    readonly onHeaderCell?: ((column: TableColumn) => import("../../table").TableCellRenderProps) | undefined;
+}> & Readonly<{}>, {
+    readonly fixed: "left" | "right";
+    readonly title: string;
+    readonly align: "center" | "left" | "right";
+    readonly onHeaderCell: (column: TableColumn) => import("../../table").TableCellRenderProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/table-summary/index.d.ts

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

package/table-summary/index.es.js

@@ -0,0 +1,30 @@
+import { defineComponent as e, inject as t, onBeforeUnmount as n, watchEffect as r } from "vue";
+//#region ../ccui/ui/table/src/table-types.ts
+var i = Symbol("TableSummaryCollector"), a = /* @__PURE__ */ e({
+	name: "CTableSummary",
+	props: { fixed: {
+		type: [Boolean, String],
+		default: !1
+	} },
+	setup(e, { slots: a }) {
+		let o = t(i, null);
+		return o && (r(() => {
+			o.setSummary(a.default ?? null);
+		}), n(() => o.setSummary(null))), e.fixed, () => null;
+	}
+});
+//#endregion
+//#region ../ccui/ui/table-summary/index.ts
+a.install = function(e) {
+	e.component(a.name, a);
+};
+var o = {
+	title: "TableSummary 表格汇总",
+	category: "数据展示",
+	status: "90%",
+	install(e) {
+		e.component(a.name, a);
+	}
+};
+//#endregion
+export { a as TableSummary, o as default };

package/table-summary/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`}});var n=Symbol(`TableSummaryCollector`),r={fixed:{type:[Boolean,String],default:!1}},i=(0,t.defineComponent)({name:`CTableSummary`,props:r,setup(e,{slots:r}){let i=(0,t.inject)(n,null);return i&&((0,t.watchEffect)(()=>{i.setSummary(r.default??null)}),(0,t.onBeforeUnmount)(()=>i.setSummary(null))),e.fixed,()=>null}});i.install=function(e){e.component(i.name,i)},e.TableSummary=i,e.default={title:`TableSummary 表格汇总`,category:`数据展示`,status:`90%`,install(e){e.component(i.name,i)}}});

package/table-summary/src/table-summary-types.d.ts

@@ -0,0 +1,29 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+/**
+ * 表格汇总行：在表格底部渲染 `<tfoot>` 汇总区。
+ *
+ * 用法：
+ *
+ * ```html
+ * <c-table :data-source="data">
+ *   <c-table-column title="名称" data-index="name" />
+ *   <c-table-column title="数量" data-index="qty" />
+ *   <c-table-summary>
+ *     <tr>
+ *       <td>合计</td>
+ *       <td>{{ total }}</td>
+ *     </tr>
+ *   </c-table-summary>
+ * </c-table>
+ * ```
+ *
+ * `fixed` 控制汇总行是否在垂直滚动时贴底（保留位置）。当前实现把它透传到 SCSS class，
+ * 真实粘性效果依赖容器 `scroll.y`。
+ */
+export declare const tableSummaryProps: {
+    readonly fixed: {
+        readonly type: PropType<boolean | "top" | "bottom">;
+        readonly default: false;
+    };
+};
+export type TableSummaryProps = ExtractPropTypes<typeof tableSummaryProps>;

package/table-summary/src/table-summary.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly fixed: boolean | "bottom" | "top";
+}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly fixed: boolean | "bottom" | "top";
+}> & Readonly<{}>, {
+    readonly fixed: boolean | "bottom" | "top";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/tabs/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import Tab from './src/components/tab/tab';
+import Tabs from './src/tabs';
+export { Tab, Tabs };
+declare const _default: {
+    title: string;
+    category: string;
+    status: undefined;
+    install(app: App): void;
+};
+export default _default;

package/tabs/src/components/tab/tab-types.d.ts

@@ -0,0 +1,18 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type LabelType = string | number;
+export type NameType = string | number;
+export declare const tabProps: {
+    readonly label: {
+        readonly type: PropType<LabelType>;
+        readonly default: null;
+    };
+    readonly name: {
+        readonly type: PropType<NameType>;
+        readonly default: null;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type TabProps = ExtractPropTypes<typeof tabProps>;

package/tabs/src/components/tab/tab.d.ts

@@ -0,0 +1,15 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly label: import("./tab-types").LabelType;
+    readonly name: import("./tab-types").NameType;
+    readonly disabled: boolean;
+}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<{
+    readonly label: import("./tab-types").LabelType;
+    readonly name: import("./tab-types").NameType;
+    readonly disabled: boolean;
+}> & Readonly<{}>, {
+    readonly label: import("./tab-types").LabelType;
+    readonly name: import("./tab-types").NameType;
+    readonly disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/tabs/src/components/tabs-nav/index.d.ts

@@ -0,0 +1,26 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("../../tabs-types").ITabsType;
+    readonly modelValue: import("../../tabs-types").ModelValueType;
+    readonly beforeChange: import("../../tabs-types").BeforeChangeType;
+    readonly customWidth: string;
+    readonly cssClass: string;
+    readonly tabPosition: import("../../tabs-types").ITabPositionType;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "active-tab-change"[], "active-tab-change", import("vue").PublicProps, Readonly<{
+    readonly type: import("../../tabs-types").ITabsType;
+    readonly modelValue: import("../../tabs-types").ModelValueType;
+    readonly beforeChange: import("../../tabs-types").BeforeChangeType;
+    readonly customWidth: string;
+    readonly cssClass: string;
+    readonly tabPosition: import("../../tabs-types").ITabPositionType;
+}> & Readonly<{
+    "onActive-tab-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly type: import("../../tabs-types").ITabsType;
+    readonly modelValue: import("../../tabs-types").ModelValueType;
+    readonly beforeChange: import("../../tabs-types").BeforeChangeType;
+    readonly customWidth: string;
+    readonly cssClass: string;
+    readonly tabPosition: import("../../tabs-types").ITabPositionType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,49 @@
+import type { ComputedRef, ExtractPropTypes, InjectionKey, PropType } from 'vue';
+import type { TabProps } from './components/tab/tab-types';
+export type ModelValueType = string | number;
+export type ITabsType = '' | 'card' | 'border-card';
+export type ITabPositionType = 'top' | 'right' | 'bottom' | 'left';
+export type Active = string | number | null;
+export type BeforeChangeType = (id: Active) => boolean;
+export interface TabsState {
+    data?: TabProps[];
+    active: string | number;
+    slots: any[];
+}
+export declare const tabsProps: {
+    readonly modelValue: {
+        readonly type: PropType<ModelValueType>;
+        readonly default: null;
+    };
+    readonly type: {
+        readonly type: () => ITabsType;
+        readonly default: "";
+    };
+    readonly customWidth: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly cssClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly beforeChange: {
+        readonly type: PropType<BeforeChangeType>;
+        readonly default: null;
+    };
+    readonly tabPosition: {
+        readonly type: () => ITabPositionType;
+        readonly default: "top";
+    };
+};
+export type TabsProps = ExtractPropTypes<typeof tabsProps>;
+export interface UseTabsEvent {
+    onUpdateModelValue: (value: string | number) => void;
+    onActiveTabChange: (value: string) => void;
+    onTabChange: (id: string | undefined, type: string) => void;
+}
+/** KTabs 注入 tab 的 key 值 */
+export declare const tabsInjectionKey: InjectionKey<TabsState>;
+export interface UseTabsRender {
+    tabsClasses: ComputedRef<Record<string, boolean>>;
+}

package/tabs/src/tabs.d.ts

@@ -0,0 +1,27 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("./tabs-types").ITabsType;
+    readonly modelValue: import("./tabs-types").ModelValueType;
+    readonly beforeChange: import("./tabs-types").BeforeChangeType;
+    readonly customWidth: string;
+    readonly cssClass: string;
+    readonly tabPosition: import("./tabs-types").ITabPositionType;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<{
+    readonly type: import("./tabs-types").ITabsType;
+    readonly modelValue: import("./tabs-types").ModelValueType;
+    readonly beforeChange: import("./tabs-types").BeforeChangeType;
+    readonly customWidth: string;
+    readonly cssClass: string;
+    readonly tabPosition: import("./tabs-types").ITabPositionType;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly type: import("./tabs-types").ITabsType;
+    readonly modelValue: import("./tabs-types").ModelValueType;
+    readonly beforeChange: import("./tabs-types").BeforeChangeType;
+    readonly customWidth: string;
+    readonly cssClass: string;
+    readonly tabPosition: import("./tabs-types").ITabPositionType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/tag/index.d.ts

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

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

@@ -0,0 +1,41 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+/**
+ * Tag 视觉变体。
+ *
+ * - `'outlined'`（默认）：描边款（等价于 ccui 旧 `bordered=true`）
+ * - `'filled'`：填充款，无外边框（等价于 ccui 旧 `bordered=false`）
+ * - `'solid'`：实色款，预设色更饱和
+ */
+export type TagVariant = 'outlined' | 'filled' | 'solid';
+export type TagColor = 'default' | 'primary' | 'success' | 'processing' | 'error' | 'warning' | 'magenta' | 'red' | 'volcano' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'blue' | 'geekblue' | 'purple';
+export declare const tagProps: {
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "default";
+    };
+    /**
+     * 视觉变体（推荐使用）。
+     * 未传时若 `bordered=false` 自动映射为 `'filled'`，否则 `'outlined'`。
+     */
+    readonly variant: {
+        readonly type: PropType<TagVariant>;
+        readonly default: undefined;
+    };
+    /**
+     * @deprecated 请改用 `variant`。`bordered=false` 等价于 `variant='filled'`，下一大版本移除。
+     */
+    readonly bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export type TagProps = ExtractPropTypes<typeof tagProps>;
+export declare function isPresetColor(color: string): boolean;

package/tag/src/tag.d.ts

@@ -0,0 +1,24 @@
+import type { TagVariant } from './tag-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly color: string;
+    readonly icon: string;
+    readonly closable: boolean;
+    readonly bordered: boolean;
+    readonly variant?: TagVariant | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<{
+    readonly color: string;
+    readonly icon: string;
+    readonly closable: boolean;
+    readonly bordered: boolean;
+    readonly variant?: TagVariant | undefined;
+}> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly color: string;
+    readonly icon: string;
+    readonly closable: boolean;
+    readonly variant: TagVariant;
+    readonly bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/textarea/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import Textarea from './src/textarea';
+export { Textarea };
+export type { TextareaAllowClear, TextareaAllowClearObject, TextareaAutoSize, TextareaAutoSizeObject, TextareaProps, TextareaShowCount, TextareaShowCountObject, TextareaSize, TextareaStatus, } from './src/textarea-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;