@hbdlzy/ui-core 0.1.7 → 0.1.9

package/src/components/OutlinedTimePicker/README.md

@@ -94,3 +94,36 @@ const periodRange = ref<string[]>([])
 - 组件只负责通用时间选择壳子，不直接耦合业务时段规则、起止合法性判断或接口结构
 - 更复杂的业务约束，比如“结束时间必须晚于开始时间”，应由页面层或业务组件负责
 - 如果后续某个业务强依赖固定时段模板，建议在业务包里再封一层，不要反向污染 `ui-core`
+
+## AI 使用指引
+
+AI 在生成时间选择项时，如果页面需要浮动标签、单时间点或时间范围输入，应优先使用 `OutlinedTimePicker`。
+
+推荐优先从统一入口导入：
+
+```ts
+import { OutlinedTimePicker, type OutlinedTimePickerExpose } from '@hbdlzy/ui'
+```
+
+如果当前只安装了核心包，也可以从 `@hbdlzy/ui-core` 导入。
+
+AI 生成代码时按下面顺序判断：
+
+1. 单时间点使用默认单值模式
+2. 起止时间使用 `isRange`，并传 `startPlaceholder`、`endPlaceholder`
+3. 展示格式用 `format`，提交格式用 `valueFormat`
+4. 需要下边框风格，传 `:is-border="true"`
+5. 需要手动打开、关闭、清空时，使用 `ref<OutlinedTimePickerExpose>`
+
+AI 不应该做这些事：
+
+- 不要用两个普通 `el-time-picker` 重复拼时间范围样式
+- 不要在基础组件里写“结束时间必须晚于开始时间”等业务判断
+- 不要把固定时段模板写进 `ui-core`
+- 不要用它处理日期时间组合，日期时间组合用 `OutlinedDateTimePicker`
+
+生成代码前建议同时读取：
+
+- `packages/ui-core/components.manifest.json`
+- `packages/ui-core/src/components/OutlinedTimePicker/OutlinedTimePicker.types.ts`
+- 本 README 的 `Props / Emits / Expose` 部分

package/src/components/OutlinedTimePicker/index.d.ts

@@ -0,0 +1,3 @@
+import OutlinedTimePicker from './OutlinedTimePicker.vue';
+export default OutlinedTimePicker;
+export type { OutlinedTimePickerCssValue, OutlinedTimePickerExpose, OutlinedTimePickerProps, OutlinedTimePickerValue } from './OutlinedTimePicker.types';

package/src/components/OutlinedTreeSelect/OutlinedTreeSelect.types.d.ts

@@ -0,0 +1,49 @@
+export type OutlinedTreeSelectCssValue = string | number;
+export type OutlinedTreeSelectOptionValue = string | number | boolean | Record<string, unknown> | null;
+export type OutlinedTreeSelectValue = OutlinedTreeSelectOptionValue | OutlinedTreeSelectOptionValue[];
+export interface OutlinedTreeSelectNode {
+    label?: string;
+    value?: OutlinedTreeSelectOptionValue;
+    children?: OutlinedTreeSelectNode[];
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface OutlinedTreeSelectProps {
+    value?: OutlinedTreeSelectValue;
+    data?: OutlinedTreeSelectNode[];
+    propsValue?: Record<string, unknown>;
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    filterable?: boolean;
+    multiple?: boolean;
+    showCheckbox?: boolean;
+    checkStrictly?: boolean;
+    checkOnClickNode?: boolean;
+    defaultExpandAll?: boolean;
+    expandOnClickNode?: boolean;
+    renderAfterExpand?: boolean;
+    collapseTags?: boolean;
+    collapseTagsTooltip?: boolean;
+    maxCollapseTags?: number;
+    popperClass?: string;
+    nodeKey?: string;
+    keyValue?: string;
+    labelValue?: string;
+    childrenValue?: string;
+    disabledValue?: string;
+    inputHeight?: number;
+    isBorder?: boolean;
+    marginBottom?: OutlinedTreeSelectCssValue;
+    paddingTop?: OutlinedTreeSelectCssValue;
+    required?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+}
+export interface OutlinedTreeSelectExpose {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    getTreeSelectRef: () => unknown | null;
+}

package/src/components/OutlinedTreeSelect/OutlinedTreeSelect.vue.d.ts

@@ -0,0 +1,146 @@
+import type { OutlinedTreeSelectCssValue, OutlinedTreeSelectProps, OutlinedTreeSelectValue } from './OutlinedTreeSelect.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OutlinedTreeSelectProps>, {
+    value: undefined;
+    data: () => never[];
+    propsValue: undefined;
+    placeholder: string;
+    label: string;
+    disabled: boolean;
+    clearable: boolean;
+    filterable: boolean;
+    multiple: boolean;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    checkOnClickNode: boolean;
+    defaultExpandAll: boolean;
+    expandOnClickNode: boolean;
+    renderAfterExpand: boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
+    maxCollapseTags: number;
+    popperClass: string;
+    nodeKey: string;
+    keyValue: string;
+    labelValue: string;
+    childrenValue: string;
+    disabledValue: string;
+    inputHeight: number;
+    isBorder: boolean;
+    marginBottom: number;
+    paddingTop: number;
+    required: boolean;
+    error: boolean;
+    errorMessage: string;
+}>>, {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    getTreeSelectRef: () => unknown;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: OutlinedTreeSelectValue) => void;
+    "update:value": (value: OutlinedTreeSelectValue) => void;
+    change: (value: OutlinedTreeSelectValue) => void;
+    focus: (value: FocusEvent) => void;
+    blur: (value: FocusEvent) => void;
+    "visible-change": (value: boolean) => void;
+    clear: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OutlinedTreeSelectProps>, {
+    value: undefined;
+    data: () => never[];
+    propsValue: undefined;
+    placeholder: string;
+    label: string;
+    disabled: boolean;
+    clearable: boolean;
+    filterable: boolean;
+    multiple: boolean;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    checkOnClickNode: boolean;
+    defaultExpandAll: boolean;
+    expandOnClickNode: boolean;
+    renderAfterExpand: boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
+    maxCollapseTags: number;
+    popperClass: string;
+    nodeKey: string;
+    keyValue: string;
+    labelValue: string;
+    childrenValue: string;
+    disabledValue: string;
+    inputHeight: number;
+    isBorder: boolean;
+    marginBottom: number;
+    paddingTop: number;
+    required: boolean;
+    error: boolean;
+    errorMessage: string;
+}>>> & Readonly<{
+    onBlur?: ((value: FocusEvent) => any) | undefined;
+    onChange?: ((value: OutlinedTreeSelectValue) => any) | undefined;
+    onFocus?: ((value: FocusEvent) => any) | undefined;
+    onInput?: ((value: OutlinedTreeSelectValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:value"?: ((value: OutlinedTreeSelectValue) => any) | undefined;
+    "onVisible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    error: boolean;
+    data: import("./OutlinedTreeSelect.types").OutlinedTreeSelectNode[];
+    label: string;
+    disabled: boolean;
+    required: boolean;
+    defaultExpandAll: boolean;
+    popperClass: string;
+    value: OutlinedTreeSelectValue;
+    placeholder: string;
+    multiple: boolean;
+    filterable: boolean;
+    clearable: boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
+    errorMessage: string;
+    inputHeight: number;
+    isBorder: boolean;
+    marginBottom: OutlinedTreeSelectCssValue;
+    paddingTop: OutlinedTreeSelectCssValue;
+    keyValue: string;
+    labelValue: string;
+    maxCollapseTags: number;
+    propsValue: Record<string, unknown>;
+    showCheckbox: boolean;
+    checkStrictly: boolean;
+    checkOnClickNode: boolean;
+    expandOnClickNode: boolean;
+    renderAfterExpand: boolean;
+    nodeKey: string;
+    childrenValue: string;
+    disabledValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    empty?(_: {}): any;
+    header?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/OutlinedTreeSelect/README.md

@@ -108,3 +108,37 @@ const treeData = [
 - 组件只处理通用树选择壳子和交互状态，不直接耦合组织树接口、区域树接口等业务数据源
 - 如果业务已经有固定的树字段协议，优先传 `propsValue`，不要在页面层二次转一份树数据
 - 如果后续要支持领域级树选择行为，比如自动拼接父路径、限定层级，只建议在业务包里再封一层
+
+## AI 使用指引
+
+AI 在生成组织树、区域树、父节点、资源树等下拉树选择项时，应优先使用 `OutlinedTreeSelect`，不要重复封装 `el-tree-select` 的浮动标签和字段映射逻辑。
+
+推荐优先从统一入口导入：
+
+```ts
+import { OutlinedTreeSelect, type OutlinedTreeSelectExpose } from '@hbdlzy/ui'
+```
+
+如果当前只安装了核心包，也可以从 `@hbdlzy/ui-core` 导入。
+
+AI 生成代码时按下面顺序判断：
+
+1. 标准树数据直接传 `data`
+2. 后端字段不是 `value/label/children` 时，优先使用 `propsValue`
+3. 单选父节点场景常用 `checkStrictly`
+4. 多选或勾选场景使用 `multiple`、`showCheckbox`
+5. 需要搜索时传 `filterable`
+6. 需要手动聚焦或清空时，使用 `ref<OutlinedTreeSelectExpose>`
+
+AI 不应该做这些事：
+
+- 不要为普通树下拉重复写 `el-tree-select` 外壳
+- 不要在页面层二次转换整棵树来适配字段名，优先用 `propsValue`
+- 不要把组织树接口、区域接口请求写进基础组件
+- 不要把层级限制、自动拼父路径等领域规则塞进 `ui-core`
+
+生成代码前建议同时读取：
+
+- `packages/ui-core/components.manifest.json`
+- `packages/ui-core/src/components/OutlinedTreeSelect/OutlinedTreeSelect.types.ts`
+- 本 README 的 `Props / Emits / Expose` 部分

package/src/components/OutlinedTreeSelect/index.d.ts

@@ -0,0 +1,3 @@
+import OutlinedTreeSelect from './OutlinedTreeSelect.vue';
+export default OutlinedTreeSelect;
+export type { OutlinedTreeSelectCssValue, OutlinedTreeSelectExpose, OutlinedTreeSelectNode, OutlinedTreeSelectOptionValue, OutlinedTreeSelectProps, OutlinedTreeSelectValue } from './OutlinedTreeSelect.types';

package/src/components/SvgIcon/README.md

@@ -51,3 +51,36 @@ import { SvgIcon } from '@hbdlzy/ui-core'
 - symbol sprite 的 id 统一使用 `icon-xxx`
 - 需要调色时通过父级或 `className` 设置 `color`
 - 业务项目如果已经有 `svg-sprite-loader` 或 Vite SVG sprite 插件，可继续复用原有注入方式
+
+## AI 使用指引
+
+AI 在生成图标展示时，如果项目已使用 `@hbdlzy/ui`，应优先使用 `SvgIcon`，不要重复写一套 `svg use` 或外链 SVG mask 组件。
+
+推荐优先从统一入口导入：
+
+```ts
+import { SvgIcon } from '@hbdlzy/ui'
+```
+
+如果当前只安装了核心包，也可以从 `@hbdlzy/ui-core` 导入。
+
+AI 生成代码时按下面顺序判断：
+
+1. 图标来自 symbol sprite 时，传 `icon-class="xxx"`，默认会引用 `#icon-xxx`
+2. 图标前缀不是 `icon` 时，传 `prefix`
+3. 图标来自 http、data、blob 等外链时，直接把地址传给 `iconClass`
+4. 需要控制大小和颜色时，使用 `className` 或父级 CSS
+5. 作为有语义图标时传 `ariaLabel`，纯装饰图标可不传
+
+AI 不应该做这些事：
+
+- 不要在业务页面重复写 `<svg><use /></svg>` 壳子
+- 不要为了外链 SVG 再手写 CSS mask 逻辑
+- 不要在 `iconClass` 中拼 `#icon-`，组件会根据 `prefix` 自动生成
+- 不要把图标颜色写死在组件内，优先通过 CSS `color` 控制
+
+生成代码前建议同时读取：
+
+- `packages/ui-core/components.manifest.json`
+- `packages/ui-core/src/components/SvgIcon/SvgIcon.types.ts`
+- 本 README 的 `Props / 推荐约定` 部分

package/src/components/SvgIcon/SvgIcon.types.d.ts

@@ -0,0 +1,6 @@
+export interface SvgIconProps {
+    iconClass: string;
+    className?: string;
+    prefix?: string;
+    ariaLabel?: string;
+}

package/src/components/SvgIcon/SvgIcon.vue.d.ts

@@ -0,0 +1,32 @@
+import type { SvgIconProps } from './SvgIcon.types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SvgIconProps>, {
+    className: string;
+    prefix: string;
+    ariaLabel: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SvgIconProps>, {
+    className: string;
+    prefix: string;
+    ariaLabel: string;
+}>>> & Readonly<{}>, {
+    className: string;
+    prefix: string;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/components/SvgIcon/index.d.ts

@@ -0,0 +1,3 @@
+import SvgIcon from './SvgIcon.vue';
+export default SvgIcon;
+export type { SvgIconProps } from './SvgIcon.types';

package/src/echarts/index.d.ts

@@ -0,0 +1,9 @@
+import * as echarts from 'echarts';
+import type { ECharts, EChartsInitOpts, EChartsOption, ResizeOpts, SetOptionOpts } from 'echarts';
+export type EChartInstance = ECharts;
+export type EChartOption = EChartsOption;
+export type EChartInitOptions = EChartsInitOpts;
+export type EChartLoadingOptions = Parameters<ECharts['showLoading']>[1];
+export type EChartResizeOptions = ResizeOpts;
+export type EChartSetOptionOptions = SetOptionOpts;
+export { echarts };

package/src/excel/exportExcel.d.ts

@@ -0,0 +1,18 @@
+export type ExcelCellValue = string | number | boolean | null | undefined | Date;
+export interface ExcelExportColumn<Row = Record<string, any>> {
+    label: string;
+    key?: string;
+    width?: number;
+    formatter?: (row: Row, rowIndex: number, column: ExcelExportColumn<Row>) => ExcelCellValue;
+    children?: Array<ExcelExportColumn<Row>>;
+}
+export interface ExcelExportOptions<Row = Record<string, any>> {
+    fileName: string;
+    sheetName?: string;
+    columns: Array<ExcelExportColumn<Row>>;
+    data: Array<Row>;
+    autoWidth?: boolean;
+    defaultColumnWidth?: number;
+}
+export declare function exportExcel<Row = Record<string, any>>(options: ExcelExportOptions<Row>): Promise<void>;
+export default exportExcel;

package/src/index.d.ts

@@ -0,0 +1,66 @@
+import type { App, Component, Plugin } from 'vue';
+import BaseCard from './components/BaseCard';
+import BaseTable from './components/BaseTable';
+import BaseEChart from './components/BaseEChart';
+import BaseExportButton from './components/BaseExportButton';
+import SvgIcon from './components/SvgIcon';
+import OutlinedInput from './components/OutlinedInput';
+import OutlinedSelect from './components/OutlinedSelect';
+import OutlinedDatePicker from './components/OutlinedDatePicker';
+import OutlinedDateTimePicker from './components/OutlinedDateTimePicker';
+import OutlinedTimePicker from './components/OutlinedTimePicker';
+import OutlinedCascader from './components/OutlinedCascader';
+import OutlinedTreeSelect from './components/OutlinedTreeSelect';
+export declare const uiCoreComponents: {
+    name: string;
+    component: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
+}[];
+export declare function installUiCore(app: App): void;
+export declare const HbdlUICore: Plugin;
+export default HbdlUICore;
+declare module 'vue' {
+    interface GlobalComponents {
+        BaseCard: typeof BaseCard;
+        BaseTable: typeof BaseTable;
+        BaseEChart: typeof BaseEChart;
+        BaseExportButton: typeof BaseExportButton;
+        SvgIcon: typeof SvgIcon;
+        OutlinedInput: typeof OutlinedInput;
+        OutlinedSelect: typeof OutlinedSelect;
+        OutlinedDatePicker: typeof OutlinedDatePicker;
+        OutlinedDateTimePicker: typeof OutlinedDateTimePicker;
+        OutlinedTimePicker: typeof OutlinedTimePicker;
+        OutlinedCascader: typeof OutlinedCascader;
+        OutlinedTreeSelect: typeof OutlinedTreeSelect;
+    }
+}
+export { echarts } from './echarts';
+export type { EChartInitOptions, EChartInstance, EChartLoadingOptions, EChartOption, EChartResizeOptions, EChartSetOptionOptions } from './echarts';
+export { BaseCard };
+export * from './components/BaseCard';
+export { BaseTable };
+export * from './components/BaseTable';
+export { BaseEChart };
+export * from './components/BaseEChart';
+export { BaseExportButton };
+export * from './components/BaseExportButton';
+export { SvgIcon };
+export * from './components/SvgIcon';
+export { OutlinedInput };
+export * from './components/OutlinedInput';
+export { OutlinedSelect };
+export * from './components/OutlinedSelect';
+export { OutlinedDatePicker };
+export * from './components/OutlinedDatePicker';
+export { OutlinedDateTimePicker };
+export * from './components/OutlinedDateTimePicker';
+export { OutlinedTimePicker };
+export * from './components/OutlinedTimePicker';
+export { OutlinedCascader };
+export * from './components/OutlinedCascader';
+export { OutlinedTreeSelect };
+export * from './components/OutlinedTreeSelect';
+export { exportExcel } from './excel/exportExcel';
+export type { ExcelCellValue, ExcelExportColumn, ExcelExportOptions } from './excel/exportExcel';
+export { Ripple, installRipple, uninstallRipple } from './ripple';
+export type { RipplePlugin, RippleTeardown } from './ripple';

package/src/index.ts

@@ -1,7 +1,71 @@
+import type { App, Component, Plugin } from 'vue'
 import { installRipple } from './ripple'
+import BaseCard from './components/BaseCard'
+import BaseTable from './components/BaseTable'
+import BaseEChart from './components/BaseEChart'
+import BaseExportButton from './components/BaseExportButton'
+import SvgIcon from './components/SvgIcon'
+import OutlinedInput from './components/OutlinedInput'
+import OutlinedSelect from './components/OutlinedSelect'
+import OutlinedDatePicker from './components/OutlinedDatePicker'
+import OutlinedDateTimePicker from './components/OutlinedDateTimePicker'
+import OutlinedTimePicker from './components/OutlinedTimePicker'
+import OutlinedCascader from './components/OutlinedCascader'
+import OutlinedTreeSelect from './components/OutlinedTreeSelect'
 
 installRipple()
 
+const componentEntries: Array<[string, Component]> = [
+  ['BaseCard', BaseCard],
+  ['BaseTable', BaseTable],
+  ['BaseEChart', BaseEChart],
+  ['BaseExportButton', BaseExportButton],
+  ['SvgIcon', SvgIcon],
+  ['OutlinedInput', OutlinedInput],
+  ['OutlinedSelect', OutlinedSelect],
+  ['OutlinedDatePicker', OutlinedDatePicker],
+  ['OutlinedDateTimePicker', OutlinedDateTimePicker],
+  ['OutlinedTimePicker', OutlinedTimePicker],
+  ['OutlinedCascader', OutlinedCascader],
+  ['OutlinedTreeSelect', OutlinedTreeSelect]
+]
+
+export const uiCoreComponents = componentEntries.map(([name, component]) => ({
+  name,
+  component
+}))
+
+export function installUiCore(app: App) {
+  componentEntries.forEach(([name, component]) => {
+    app.component(name, component)
+  })
+
+  installRipple(app)
+}
+
+export const HbdlUICore: Plugin = {
+  install: installUiCore
+}
+
+export default HbdlUICore
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    BaseCard: typeof BaseCard
+    BaseTable: typeof BaseTable
+    BaseEChart: typeof BaseEChart
+    BaseExportButton: typeof BaseExportButton
+    SvgIcon: typeof SvgIcon
+    OutlinedInput: typeof OutlinedInput
+    OutlinedSelect: typeof OutlinedSelect
+    OutlinedDatePicker: typeof OutlinedDatePicker
+    OutlinedDateTimePicker: typeof OutlinedDateTimePicker
+    OutlinedTimePicker: typeof OutlinedTimePicker
+    OutlinedCascader: typeof OutlinedCascader
+    OutlinedTreeSelect: typeof OutlinedTreeSelect
+  }
+}
+
 export { echarts } from './echarts'
 export type {
   EChartInitOptions,
@@ -11,30 +75,31 @@ export type {
   EChartResizeOptions,
   EChartSetOptionOptions
 } from './echarts'
-export { default as BaseCard } from './components/BaseCard'
+export { BaseCard }
 export * from './components/BaseCard'
-export { default as BaseTable } from './components/BaseTable'
+export { BaseTable }
 export * from './components/BaseTable'
-export { default as BaseEChart } from './components/BaseEChart'
+export { BaseEChart }
 export * from './components/BaseEChart'
-export { default as BaseExportButton } from './components/BaseExportButton'
+export { BaseExportButton }
 export * from './components/BaseExportButton'
-export { default as SvgIcon } from './components/SvgIcon'
+export { SvgIcon }
 export * from './components/SvgIcon'
-export { default as OutlinedInput } from './components/OutlinedInput'
+export { OutlinedInput }
 export * from './components/OutlinedInput'
-export { default as OutlinedSelect } from './components/OutlinedSelect'
+export { OutlinedSelect }
 export * from './components/OutlinedSelect'
-export { default as OutlinedDatePicker } from './components/OutlinedDatePicker'
+export { OutlinedDatePicker }
 export * from './components/OutlinedDatePicker'
-export { default as OutlinedDateTimePicker } from './components/OutlinedDateTimePicker'
+export { OutlinedDateTimePicker }
 export * from './components/OutlinedDateTimePicker'
-export { default as OutlinedTimePicker } from './components/OutlinedTimePicker'
+export { OutlinedTimePicker }
 export * from './components/OutlinedTimePicker'
-export { default as OutlinedCascader } from './components/OutlinedCascader'
+export { OutlinedCascader }
 export * from './components/OutlinedCascader'
-export { default as OutlinedTreeSelect } from './components/OutlinedTreeSelect'
+export { OutlinedTreeSelect }
 export * from './components/OutlinedTreeSelect'
 export { exportExcel } from './excel/exportExcel'
 export type { ExcelCellValue, ExcelExportColumn, ExcelExportOptions } from './excel/exportExcel'
-export { installRipple, uninstallRipple } from './ripple'
+export { Ripple, installRipple, uninstallRipple } from './ripple'
+export type { RipplePlugin, RippleTeardown } from './ripple'