@hbdlzy/ui-core 0.1.8 → 0.1.9

package/src/components/BaseTable/README.md

@@ -251,13 +251,14 @@ const columns = [
       type: 'select',
       placeholder: '请选择状态',
       width: 220,
+      filterable: true,
       searchText: '筛选'
     }
   }
 ]
 ```
 
-下拉筛选默认复用当前列的 `options`，也可以在 `headerSearch.options` 中单独传入选项。需要多选时可以配置 `multiple: true`，请求参数会以数组形式传出。
+下拉筛选默认复用当前列的 `options`，也可以在 `headerSearch.options` 中单独传入选项。需要搜索下拉选项时配置 `filterable: true`，会启用 Element Plus `el-select` 原生搜索能力。需要多选时可以配置 `multiple: true`，请求参数会以数组形式传出。
 
 ### 多选下拉筛选写法
 
@@ -316,13 +317,86 @@ const columns = [
 
 级联筛选默认使用 `children` 作为子级字段，可以通过 `optionChildrenKey` 改写；请求参数会以完整路径数组传出，例如 `{ regionPath: ['north', 'beijing', 'chaoyang'] }`。
 
+### 时间筛选写法
+
+```ts
+const columns = [
+  {
+    label: '创建日期',
+    prop: 'createdDate',
+    headerSearch: {
+      type: 'date',
+      placeholder: '请选择日期',
+      valueFormat: 'YYYY-MM-DD',
+      searchText: '筛选'
+    }
+  },
+  {
+    label: '创建时间',
+    prop: 'createdAt',
+    headerSearch: {
+      type: 'datetime',
+      placeholder: '请选择时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      searchText: '筛选'
+    }
+  },
+  {
+    label: '执行时刻',
+    prop: 'runTime',
+    headerSearch: {
+      type: 'time',
+      placeholder: '请选择时刻',
+      valueFormat: 'HH:mm:ss',
+      searchText: '筛选'
+    }
+  }
+]
+```
+
+`date`、`datetime` 会使用 Element Plus `el-date-picker`，`time` 会使用 `el-time-picker`。`format` 控制展示格式，`valueFormat` 控制筛选值和请求参数值。
+
+### 时间范围筛选写法
+
+```ts
+const columns = [
+  {
+    label: '创建时间',
+    prop: 'createdAt',
+    headerSearch: {
+      type: 'datetimerange',
+      paramKey: 'createdAtRange',
+      startPlaceholder: '开始',
+      endPlaceholder: '结束',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+      searchText: '筛选'
+    }
+  },
+  {
+    label: '执行时间段',
+    prop: 'runTime',
+    headerSearch: {
+      type: 'timerange',
+      paramKey: 'runTimeRange',
+      startPlaceholder: '开始',
+      endPlaceholder: '结束',
+      valueFormat: 'HH:mm:ss',
+      searchText: '筛选'
+    }
+  }
+]
+```
+
+范围类型支持 `daterange`、`datetimerange`、`timerange`，请求参数会以数组形式传出，例如 `{ createdAtRange: ['2026-04-01 00:00:00', '2026-04-30 23:59:59'] }`。
+
 ### 行为说明
 
 - 远程模式下，列头搜索值会自动合并到 `request(params)` 的参数里
 - 触发搜索或重置时，会自动把页码重置到第一页
 - 如果配置了 `paramKey`，请求参数会优先使用它
 - 如果没有配置 `paramKey`，默认使用当前列的 `prop`
-- 本地数据模式下，输入搜索会对当前 `data` 做简单文本包含过滤，下拉筛选会按选项值精确匹配，级联筛选会按路径前缀匹配
+- 表头搜索面板打开后，点击表格外或页面其他区域会自动关闭
+- 本地数据模式下，输入搜索会对当前 `data` 做简单文本包含过滤，下拉筛选会按选项值精确匹配，级联筛选会按路径前缀匹配，时间范围会按起止时间包含过滤
 - 多个开启搜索的列会按“同时满足”处理
 
 示例请求参数：

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

@@ -63,14 +63,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     popperClass: string;
     value: OutlinedCascaderValue;
     placeholder: string;
+    filterable: boolean;
+    clearable: boolean;
     options: Record<string, unknown>[];
     errorMessage: string;
     inputHeight: number;
     isBorder: boolean;
-    clearable: boolean;
     marginBottom: OutlinedCascaderCssValue;
     paddingTop: OutlinedCascaderCssValue;
-    filterable: boolean;
     propsValue: Record<string, unknown>;
     levels: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -62,19 +62,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     label: string;
     disabled: boolean;
     required: boolean;
+    format: string;
     value: OutlinedDatePickerValue;
     placeholder: string;
+    multiple: boolean;
+    valueFormat: string;
     errorMessage: string;
     showPassword: boolean;
     inputHeight: number;
     isBorder: boolean;
     marginBottom: OutlinedDatePickerCssValue;
     paddingTop: OutlinedDatePickerCssValue;
-    multiple: boolean;
     timeValue: boolean;
     typeDate: string;
-    format: string;
-    valueFormat: string;
     disabledDate: OutlinedDatePickerDisabledDate;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -76,10 +76,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     value: string;
     placeholder: string;
+    clearable: boolean;
     errorMessage: string;
     inputHeight: number;
     isBorder: boolean;
-    clearable: boolean;
     marginBottom: OutlinedDateTimePickerCssValue;
     paddingTop: OutlinedDateTimePickerCssValue;
     disabledDate: OutlinedDateTimePickerDisabledDate;

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

@@ -64,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     required: boolean;
     value: OutlinedInputValue;
     placeholder: string;
+    clearable: boolean;
     errorMessage: string;
     typeInput: string;
     showPassword: boolean;
@@ -71,7 +72,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     inputHeight: number;
     isBorder: boolean;
     suffixText: string;
-    clearable: boolean;
     showWordLimit: boolean;
     marginBottom: OutlinedInputCssValue;
     paddingTop: OutlinedInputCssValue;

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

@@ -76,19 +76,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     required: boolean;
     value: OutlinedSelectValue;
     placeholder: string;
+    multiple: boolean;
+    filterable: boolean;
+    clearable: boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
     options: OutlinedSelectOption[];
     errorMessage: string;
     typeInput: string;
     showPassword: boolean;
     inputHeight: number;
     isBorder: boolean;
-    clearable: boolean;
     marginBottom: OutlinedSelectCssValue;
     paddingTop: OutlinedSelectCssValue;
-    multiple: boolean;
-    collapseTags: boolean;
-    collapseTagsTooltip: boolean;
-    filterable: boolean;
     keyValue: string;
     labelValue: string;
     noCheck: boolean;

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

@@ -67,20 +67,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     label: string;
     disabled: boolean;
     required: boolean;
+    format: string;
     value: OutlinedTimePickerValue;
     placeholder: string;
+    clearable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    rangeSeparator: string;
+    valueFormat: string;
+    isRange: boolean;
     errorMessage: string;
     inputHeight: number;
     isBorder: boolean;
-    clearable: boolean;
     marginBottom: OutlinedTimePickerCssValue;
     paddingTop: OutlinedTimePickerCssValue;
-    format: string;
-    valueFormat: string;
-    isRange: boolean;
-    startPlaceholder: string;
-    endPlaceholder: string;
-    rangeSeparator: string;
     arrowControl: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -94,16 +94,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     popperClass: string;
     value: OutlinedTreeSelectValue;
     placeholder: string;
+    multiple: boolean;
+    filterable: boolean;
+    clearable: boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
     errorMessage: string;
     inputHeight: number;
     isBorder: boolean;
-    clearable: boolean;
     marginBottom: OutlinedTreeSelectCssValue;
     paddingTop: OutlinedTreeSelectCssValue;
-    multiple: boolean;
-    collapseTags: boolean;
-    collapseTagsTooltip: boolean;
-    filterable: boolean;
     keyValue: string;
     labelValue: string;
     maxCollapseTags: number;

package/src/index.d.ts

@@ -1,28 +1,64 @@
+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 { 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';