cnhis-design-vue 3.1.33-beta.2 → 3.1.33-beta.20

package/es/components/fabric-chart/src/hooks/useGrid.js

@@ -2,36 +2,46 @@ import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { drawLine, defaultBorderStyle } from './useDraw.js';
 
-function useGrid(canvas, propItems) {
-  var _a, _b;
+function useGrid(canvas, propItems, isBirthProcess = false) {
+  var _a, _b, _c, _d;
   const { gridYNumber, originY, grid, originX, endX, xCellWidth, yCellHeight, gridXNumber, endY } = propItems;
   const yList = [];
   const xList = [];
   const mainList = /* @__PURE__ */ new Set();
   for (let i = 0; i <= gridYNumber; i++) {
     const y = originY + parseInt(String(yCellHeight * (gridYNumber - i)));
-    const style = i % grid.subYCell === 0 ? ((_a = grid.mainLineStyle) == null ? void 0 : _a.x) || {} : grid.subLineStyle || {};
-    const line = drawLine([originX, y, endX, y], style);
-    if (i % grid.subYCell === 0) {
-      mainList.add(line);
-    } else {
+    if (isBirthProcess) {
+      const line = drawLine([originX, y, endX, y], { ...defaultBorderStyle, ...((_a = grid.mainLineStyle) == null ? void 0 : _a.x) || {} });
       yList.push(line);
+    } else {
+      const style = i % grid.subYCell === 0 ? ((_b = grid.mainLineStyle) == null ? void 0 : _b.x) || {} : grid.subLineStyle || {};
+      const line = drawLine([originX, y, endX, y], style);
+      if (i % grid.subYCell === 0) {
+        mainList.add(line);
+      } else {
+        yList.push(line);
+      }
     }
   }
   for (let i = 0; i <= gridXNumber; i++) {
     const x = originX + parseInt(String(xCellWidth * i));
-    let style = grid.subLineStyle || {};
-    if (i % grid.subSecondXCell === 0) {
-      style = grid.subSecondLineStyle || {};
-    }
-    if (i % grid.subXCell === 0) {
-      style = i !== 0 && i !== gridXNumber ? ((_b = grid.mainLineStyle) == null ? void 0 : _b.y) || {} : defaultBorderStyle;
-    }
-    const line = drawLine([x, originY, x, endY], style);
-    if (i % grid.subXCell === 0 && i !== 0 && i !== gridXNumber) {
-      mainList.add(line);
-    } else {
+    if (isBirthProcess) {
+      const line = drawLine([x, originY, x, endY], { ...defaultBorderStyle, ...((_c = grid.mainLineStyle) == null ? void 0 : _c.y) || {} });
       xList.push(line);
+    } else {
+      let style = grid.subLineStyle || {};
+      if (i % grid.subSecondXCell === 0) {
+        style = grid.subSecondLineStyle || {};
+      }
+      if (i % grid.subXCell === 0) {
+        style = i !== 0 && i !== gridXNumber ? ((_d = grid.mainLineStyle) == null ? void 0 : _d.y) || {} : defaultBorderStyle;
+      }
+      const line = drawLine([x, originY, x, endY], style);
+      if (i % grid.subXCell === 0 && i !== 0 && i !== gridXNumber) {
+        mainList.add(line);
+      } else {
+        xList.push(line);
+      }
     }
   }
   const group = new fabric.Group([...xList, ...yList, ...mainList], {

package/es/components/fabric-chart/src/hooks/useLeft.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { fabric } from '../utils';
 import { IPropItems } from '../interface';
-export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, getXValue: Function, getYValue: Function, getEqualXTypes: Function, isAddPoint: Function, updateData: Function): {
+export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, isAddPoint: Function, updateData: Function): {
     drawScaleValue: (yScaleValueList: any[]) => void;
 };

package/es/components/fabric-chart/src/hooks/useLeft.js

@@ -1,8 +1,10 @@
 import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, defaultTextStyle, defaultStyle, defaultRectStyle, drawPoint, drawTextGroup } from './useDraw.js';
+import useCommmon from './useCommon.js';
 
-function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, getYValue, getEqualXTypes, isAddPoint, updateData) {
+function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData) {
+  const { getEqualXTypes, repeatTip } = useCommmon(canvas);
   const {
     originY,
     endY,
@@ -19,8 +21,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
     right,
     canvasWidth,
     canvasHeight,
-    getRightInfo,
-    hospitalizationDate
+    getRightInfo
   } = propItems;
   const mainScaleWidth = 9;
   const subScaleWidth = 5;
@@ -230,7 +231,8 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
           unit: item.unit,
           type: item.bigType,
           dataIndex: item.dataIndex,
-          key: item.key
+          key: item.key,
+          isMenu: true
         },
         originLeft: leftX,
         originTop: topY - (text.height || 30) / 2 - 1,
@@ -270,7 +272,11 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
       pointTipProps.show = false;
       if (event.e.button === 0) {
         if (isLimit(point)) {
-          if (!getEqualXTypes(point.left).includes(point.origin.type) && isAddPoint(point.left)) {
+          const isRepeat = getEqualXTypes(point.left).includes(point.origin.type);
+          const isLimitAdd = isAddPoint(point.left);
+          if (!isLimitAdd || isRepeat) {
+            isRepeat && isLimitAdd && repeatTip();
+          } else {
             const params = {
               data: {
                 time: getXValue(point.left),
@@ -281,8 +287,6 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
             };
             emits("add", params);
             updateData(params);
-          } else {
-            console.log("\u5F53\u524D\u65F6\u95F4\u6BB5\u5185\u65E0\u53EF\u65B0\u589E\u8282\u70B9");
           }
         }
       }

package/es/components/fabric-chart/src/interface.d.ts

@@ -1,6 +1,6 @@
-import { InjectionKey, Ref } from 'vue';
 import { fabric } from './utils';
 import { AnyObject } from '../../../../es/shared/types';
+export declare type IMode = 'temperature' | 'birthProcess' | undefined;
 interface IEvent {
     selectable: boolean;
     evented: boolean;
@@ -107,15 +107,15 @@ export interface IData {
     width: number;
     height: number;
     borderStyle?: fabric.ILineOptions;
-    selectionStyle?: any;
+    selectionStyle?: AnyObject;
     hospitalizationDate: string;
     grid: IGrid;
     other?: IOther;
     top: ITop;
     left: ILeft;
     right?: IRight;
-    bottom: any;
-    config?: any;
+    bottom: AnyObject;
+    config?: AnyObject;
 }
 export interface ICoordinateValue {
     x: number;
@@ -128,6 +128,24 @@ export interface ILineOptions extends fabric.ILineOptions {
 export interface ITextOptions extends fabric.ITextOptions {
     [key: string]: any;
 }
-export declare const InjectionCanvas: InjectionKey<Ref<fabric.Canvas>>;
-export declare const InjectionPropItems: InjectionKey<IPropItems>;
+interface IBirthProcessOther {
+    fetalPresentationPositionLine?: fabric.ILineOptions;
+    alertLine?: fabric.ILineOptions;
+    processLine?: fabric.ILineOptions;
+}
+interface IBirthProcessXAxis {
+    time: AnyObject;
+    processTime: AnyObject;
+}
+export interface IBirthProcessData {
+    width: number;
+    height: number;
+    borderStyle?: fabric.ILineOptions;
+    selectionStyle?: AnyObject;
+    grid: AnyObject;
+    other?: IBirthProcessOther;
+    xAxis: IBirthProcessXAxis;
+    scaleValues: AnyObject[];
+}
+export declare type IObject = fabric.Object & AnyObject;
 export {};

package/es/components/fabric-chart/src/interface.js

@@ -1,4 +1 @@
-const InjectionCanvas = Symbol("canvas");
-const InjectionPropItems = Symbol("propItems");
 
-export { InjectionCanvas, InjectionPropItems };

package/es/components/fabric-chart/src/utils/utils.d.ts

@@ -0,0 +1,11 @@
+import { IPoint } from '../interface';
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function isEffectiveNode(node: IPoint): string | number | boolean;
+/**
+ * @description: 根据断点分割数组
+ * @param {any} arr
+ * @return {[number, number][][]}
+ */
+export declare function getPointArr(arr: AnyObject[]): AnyObject;
+export declare function deleteProperty(data: AnyObject, list: AnyObject[]): void;
+export declare function getIndex(time: string, list: AnyObject[]): number;

package/es/components/fabric-chart/src/utils/utils.js

@@ -0,0 +1,27 @@
+function isEffectiveNode(node) {
+  return (node == null ? void 0 : node.time) && ((node == null ? void 0 : node.value) || (node == null ? void 0 : node.value) === 0);
+}
+function getPointArr(arr) {
+  let _arr = [];
+  return arr.reduce((pre, cur, index) => {
+    var _a, _b;
+    _arr.push([cur.left, cur.top]);
+    if (((_b = (_a = cur.origin) == null ? void 0 : _a.data) == null ? void 0 : _b.breakpoint) || arr.length - 1 === index) {
+      pre.push(_arr);
+      _arr = [];
+    }
+    return pre;
+  }, []);
+}
+function deleteProperty(data, list) {
+  list.map((v) => v.type).forEach((key) => {
+    if (Reflect.has(data, key))
+      Reflect.deleteProperty(data, key);
+  });
+}
+function getIndex(time, list) {
+  const index = list.findIndex((v) => new Date(v.time).getTime() > new Date(time).getTime());
+  return !~index ? list.length : index;
+}
+
+export { deleteProperty, getIndex, getPointArr, isEffectiveNode };

package/es/components/form-render/src/hooks/useFormRenderOptions.d.ts

@@ -32,10 +32,8 @@ export declare function useAutographOptions(props: {
     lazyRequest?: boolean;
     options?: AnyObject[];
 }, valueRef: Ref): {
-    valueRef: Ref<any>;
-    options: import("vue").ComputedRef<AnyObject[]>;
-    fetchData: (content?: string) => Promise<void>;
     labelKey: import("vue").ComputedRef<string>;
     valueKey: import("vue").ComputedRef<string>;
-    lastSearch: Ref<string>;
+    options: import("vue").ComputedRef<AnyObject[]>;
+    fetchData: (content?: string) => Promise<null | undefined>;
 };

package/es/components/form-render/src/hooks/useFormRenderOptions.js

@@ -1,7 +1,7 @@
 import { jsonParse } from '../../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
 import { isString, isEqual, omit, isFunction } from 'lodash-es';
-import { computed, inject, ref, watch, getCurrentInstance } from 'vue';
+import { computed, inject, getCurrentInstance, ref, watch } from 'vue';
 import '../../index.js';
 import { InjectionAsyncQueue, InjectionFormItemDepsCollector } from '../constants/index.js';
 import { createUrlConfigParams, formRenderLog, optionMatcherWithKeyword } from '../utils/index.js';
@@ -115,6 +115,9 @@ function useRecommendOptions(props, options, emit, valueKey) {
   };
 }
 function useUrlConfigOptions(props, valueRef) {
+  if (!getCurrentInstance())
+    throw new Error("can't use this hook out of setup environment");
+  const asyncQueue = inject(InjectionAsyncQueue);
   const labelKey = computed(() => {
     var _a, _b;
     return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
@@ -123,10 +126,9 @@ function useUrlConfigOptions(props, valueRef) {
     var _a, _b;
     return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
   });
+  const remoteOptions = ref(null);
   const lastSearch = ref("");
   const { field, fieldKey } = useFormField();
-  const remoteOptions = ref(null);
-  const asyncQueue = inject(InjectionAsyncQueue);
   const fetchData = useDebounceFn(async function(content) {
     lastSearch.value = content || "";
     if (!props.urlConfig) {
@@ -188,9 +190,10 @@ function useAutographOptions(props, valueRef) {
   const { fieldKey } = useFormField();
   const { getSearchRequestInfo } = useFormRequest();
   const fetchData = useDebounceFn(async function(content) {
-    if (!props.autograph || !props.wordbook)
-      return;
     lastSearch.value = content || "";
+    if (!props.autograph || !props.wordbook) {
+      return remoteOptions.value = null;
+    }
     try {
       remoteOptions.value = await asyncQueue.addAsync(createParams(props.wordbook, props.autograph, fieldKey.value));
     } catch (e) {
@@ -209,8 +212,11 @@ function useAutographOptions(props, valueRef) {
     }
   }, 300);
   const options = computed(() => {
-    var _a;
-    return remoteOptions.value ? optionMatcherWithKeyword(remoteOptions.value, lastSearch.value, labelKey.value) : (_a = props.options) != null ? _a : [];
+    if (remoteOptions.value)
+      return optionMatcherWithKeyword(remoteOptions.value, lastSearch.value, labelKey.value);
+    if (!Array.isArray(props.options))
+      return [];
+    return optionMatcherWithKeyword(props.options, lastSearch.value, labelKey.value);
   });
   watch(
     () => props.wordbook,
@@ -224,7 +230,7 @@ function useAutographOptions(props, valueRef) {
     },
     { immediate: true }
   );
-  return { valueRef, options, fetchData, labelKey, valueKey, lastSearch };
+  return { labelKey, valueKey, options, fetchData };
 }
 
 export { useAutographOptions, useRecommendOptions, useUrlConfigOptions };

package/es/components/iho-table/index.d.ts

@@ -111,6 +111,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         dataHooks: import("../../../es/components/iho-table/src/types").AbstractDataHooks;
         setupHooks: import("../../../es/components/iho-table/src/types").AbstractSetupHooks;
         domInsertHooks: import("../../../es/components/iho-table/src/types").AbstractDomInsertHooks;
+        exposeHooks: import("../../../es/components/iho-table/src/types").AbstractExposeHooks;
     }>;
     configRef: import("vue").Ref<{
         [x: string]: unknown;

package/es/components/iho-table/index.js

@@ -15,7 +15,7 @@ import '../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
-export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
+export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractExposeHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
 import { useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { useColumnConfigAdaptor } from './src/hooks/useColumnConfigAdaptor.js';

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -110,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         dataHooks: import("../../../../es/components/iho-table/src/types").AbstractDataHooks;
         setupHooks: import("../../../../es/components/iho-table/src/types").AbstractSetupHooks;
         domInsertHooks: import("../../../../es/components/iho-table/src/types").AbstractDomInsertHooks;
+        exposeHooks: import("../../../../es/components/iho-table/src/types").AbstractExposeHooks;
     }>;
     configRef: import("vue").Ref<{
         [x: string]: unknown;

package/es/components/iho-table/src/IhoTable.vue.js

@@ -90,7 +90,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     _updateFieldListRef();
     _updateTableDataRef();
     const { header, footer } = createDomInsertComponent(hooks);
-    expose({ $table });
+    expose({
+      $table,
+      setFilter(fieldName, value) {
+        return { fieldName, value };
+      },
+      ...hooks.exposeHooks.expose.call({}, configRef)
+    });
     hooks.setupHooks.setup.call(configRef, fieldListRef);
     return (_ctx, _cache) => {
       const _component_vxe_table = resolveComponent("vxe-table");

package/es/components/iho-table/src/hooks/tapHooks/index.d.ts

@@ -10,6 +10,7 @@ export declare const createTableHooks: () => Readonly<{
     dataHooks: import("../../../../../../es/components/iho-table/src/types").AbstractDataHooks;
     setupHooks: import("../../../../../../es/components/iho-table/src/types").AbstractSetupHooks;
     domInsertHooks: import("../../../../../../es/components/iho-table/src/types").AbstractDomInsertHooks;
+    exposeHooks: import("../../../../../../es/components/iho-table/src/types").AbstractExposeHooks;
 }>;
 export declare function applyTableConfigHooks(hooks: TableHooks, config: IhoTableConfig): IhoTableConfig;
 export declare function applyTableFieldHooks(hooks: TableHooks, fieldList: IhoTableFieldItem[], config: IhoTableConfig): IhoTableFieldItem[];

package/es/components/iho-table/src/hooks/tapHooks/index.js

@@ -5,6 +5,7 @@ import { VxeEventListenerNameList } from '../../constants/index.js';
 import { useDataHooks } from './useDataHooks.js';
 import { useDomInsertHooks } from './useDomInsertHooks.js';
 import { useEventHooks } from './useEventHooks.js';
+import { useExposeHooks } from './useExposeHooks.js';
 import { useSetupHooks } from './useSetupHooks.js';
 import { getEventName } from '../../utils/index.js';
 import { useConfigHooks } from './useConfigHooks.js';
@@ -19,7 +20,8 @@ const createTableHooks = (() => {
       eventHooks: useEventHooks().create(),
       dataHooks: useDataHooks().create(),
       setupHooks: useSetupHooks().create(),
-      domInsertHooks: useDomInsertHooks().create()
+      domInsertHooks: useDomInsertHooks().create(),
+      exposeHooks: useExposeHooks().create()
     });
   }
   return () => {

package/es/components/iho-table/src/hooks/tapHooks/useExposeHooks.d.ts

@@ -0,0 +1,11 @@
+import { Func } from '../../../../../../es/shared/types';
+import { SyncWaterfallHook } from '../../../../../../es/shared/utils/tapable';
+import { Ref } from 'vue';
+import { AbstractExposeHooks, IhoTableConfig } from '../../../../../../es/components/iho-table/src/types';
+declare class ExposeHooks extends AbstractExposeHooks {
+    readonly expose: SyncWaterfallHook<[Record<string, Func<any[], any>>, Ref<IhoTableConfig>], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+}
+export declare function useExposeHooks(): {
+    create: () => ExposeHooks;
+};
+export {};

package/es/components/iho-table/src/hooks/tapHooks/useExposeHooks.js

@@ -0,0 +1,26 @@
+import '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncBailHook.js';
+import SyncWaterfallHook from '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../../../shared/utils/tapable/SyncLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncParallelHook.js';
+import '../../../../../shared/utils/tapable/AsyncParallelBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { AbstractExposeHooks } from '../../types/pluginType.js';
+
+class ExposeHooks extends AbstractExposeHooks {
+  constructor() {
+    super(...arguments);
+    this.expose = new SyncWaterfallHook(["expose", "config"]);
+  }
+}
+function useExposeHooks() {
+  function create() {
+    return new ExposeHooks();
+  }
+  return { create };
+}
+
+export { useExposeHooks };

package/es/components/iho-table/src/hooks/useColumnConfigAdaptor.js

@@ -139,7 +139,11 @@ function useColumnConfigAdaptor() {
             }
           }
         });
-        result.componentProps = pick(result, ["options", "multiple", "isDateDisabled"]);
+        result.componentProps = Object.assign(
+          {},
+          result.componentProps,
+          pick(result, ["options", "multiple", "isDateDisabled"])
+        );
         return result;
         function valueTransfer(value, rule) {
           var _a, _b;

package/es/components/iho-table/src/plugins/filterPlugin/filter.vue.d.ts

@@ -53,8 +53,9 @@ declare const _default: import("vue").DefineComponent<{
         text: string;
     }[];
     setSortStatus: (value: IHO_TABLE_FILTER_STATUS) => void;
+    iconActive: import("vue").ComputedRef<number>;
     toggleFilter: () => void;
-    FilterOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    FunnelSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ref: typeof ref;
     NButton: any;
     NButtonGroup: any;

package/es/components/iho-table/src/plugins/filterPlugin/filter.vue.js

@@ -1,15 +1,16 @@
-import { defineComponent, inject, toRefs, ref, onDeactivated, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, normalizeClass, isRef, normalizeStyle } from 'vue';
+import { defineComponent, inject, toRefs, ref, onDeactivated, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeClass, createElementVNode, Fragment, renderList, isRef, normalizeStyle } from 'vue';
 import { widthAppend } from '../../../../../shared/utils/index.js';
-import { FilterOutline } from '@vicons/ionicons5';
+import { FunnelSharp } from '@vicons/ionicons5';
 import { useVirtualList } from '@vueuse/core';
 import { InjectionIhoTableUUID, InjectionIhoTableEmits } from '../../constants/index.js';
 import { IHO_TABLE_FILTER_STATUS } from './types.js';
 import { NEllipsis, NPopover, NIcon, NInput, NCheckboxGroup, NCheckbox, NButtonGroup, NButton } from 'naive-ui';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
-const _hoisted_1 = { class: "iho-table__filterWrapper" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "iho-table__filterFooter" };
+const _hoisted_1 = { style: { "display": "flex", "align-items": "center" } };
+const _hoisted_2 = { class: "iho-table__filterWrapper" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "iho-table__filterFooter" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "filter",
   props: {
@@ -75,6 +76,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       close();
       globEmit("sortChange", { type: "sort", value: sortStatus.value });
     }
+    const iconActive = computed(() => {
+      var _a, _b;
+      return ((_a = props.filterState) == null ? void 0 : _a.checked.length) || ((_b = props.filterState) == null ? void 0 : _b.sortStatus);
+    });
     function toggleFilter() {
       filterVisible.value = !filterVisible.value;
       if (filterVisible.value) {
@@ -85,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", null, [
+      return openBlock(), createElementBlock("section", _hoisted_1, [
         createVNode(unref(NEllipsis), { style: { "max-width": "calc(100% - 22px)" } }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.payload.column.title), 1)
@@ -98,19 +103,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           trigger: withCtx(() => [
             createVNode(unref(NIcon), {
-              class: "iho-table__filterIcon",
-              component: unref(FilterOutline),
+              class: normalizeClass(["iho-table__filterIcon", { "is-active": unref(iconActive) }]),
+              component: unref(FunnelSharp),
               onClick: toggleFilter
-            }, null, 8, ["component"])
+            }, null, 8, ["class", "component"])
           ]),
           default: withCtx(() => [
-            createElementVNode("section", _hoisted_1, [
+            createElementVNode("section", _hoisted_2, [
               (openBlock(), createElementBlock(Fragment, null, renderList(sortStatusList, (item) => {
                 return createElementVNode("div", {
                   key: item.status,
                   class: normalizeClass(["iho-table__filterButton", { "iho-table__filterButton--active": unref(sortStatus) === item.status }]),
                   onClick: ($event) => setSortStatus(item.status)
-                }, toDisplayString(item.text), 11, _hoisted_2);
+                }, toDisplayString(item.text), 11, _hoisted_3);
               }), 64)),
               createVNode(unref(NInput), {
                 value: searchFilterText.value,
@@ -146,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["value"]),
-              createElementVNode("footer", _hoisted_3, [
+              createElementVNode("footer", _hoisted_4, [
                 createElementVNode("section", null, toDisplayString(`\u5DF2\u9009\u62E9${unref(checked).length}\u9879`), 1),
                 createVNode(unref(NButtonGroup), { size: "tiny" }, {
                   default: withCtx(() => [

package/es/components/iho-table/src/plugins/filterPlugin/index.js

@@ -1,4 +1,4 @@
-import { isObject, isArray } from 'lodash-es';
+import { isObject, pick, isArray } from 'lodash-es';
 import { h, onBeforeUnmount } from 'vue';
 import '../../../index.js';
 import { IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS } from '../../constants/index.js';
@@ -10,14 +10,14 @@ import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
 function filterPlugin() {
   const pluginName = "filterPlugin";
   const { getItemFromUUID, removeItemFromUUID } = useUUIDMap(() => /* @__PURE__ */ new Map());
-  function initFilterState(uuid, fieldName) {
+  function initFilterState(uuid, fieldName, initValue = {}) {
     const stateMap = getItemFromUUID(uuid);
     return stateMap.set(
       fieldName,
       stateMap.get(fieldName) || {
         options: [],
-        checked: [],
-        sortStatus: IHO_TABLE_FILTER_STATUS.DEFAULT
+        checked: initValue.checked || [],
+        sortStatus: initValue.sortStatus || IHO_TABLE_FILTER_STATUS.DEFAULT
       }
     ).get(fieldName);
   }
@@ -38,7 +38,7 @@ function filterPlugin() {
             if (isCompatibleColumn(lowCodeField)) {
               options = (_f = (_e = lowCodeField.options) == null ? void 0 : _e.map((option) => ({ ...option, key: option.label }))) != null ? _f : [];
             }
-            const filterState = initFilterState(uuid, fieldItem.field);
+            const filterState = initFilterState(uuid, fieldItem.field, lowCodeField.filterDefaultValue);
             filterState.options = options;
             const oldHeader = (_g = fieldItem.slots) == null ? void 0 : _g.header;
             fieldItem.slots = {
@@ -55,6 +55,17 @@ function filterPlugin() {
       hooks.setupHooks.setup.tap(pluginName, (config) => {
         onBeforeUnmount(() => config.value.uuid && removeItemFromUUID(config.value.uuid));
       });
+      hooks.exposeHooks.expose.tap(pluginName, (expose, configRef) => {
+        return {
+          ...expose,
+          setFilter(fieldName, value) {
+            if (!configRef.value.uuid)
+              return;
+            const state = initFilterState(configRef.value.uuid, fieldName);
+            Object.assign(state, pick(value, ["checked", "sortStatus"]));
+          }
+        };
+      });
       function isCompatibleColumn(field) {
         const filterTypes = ["SEARCH", "SELECT", "RADIO", "CHECKBOX"];
         const notParticipatingSearch = field.notParticipatingSearch || "";

package/es/components/iho-table/src/plugins/lowCodeFieldAdaptorPlugin/index.js

@@ -17,6 +17,7 @@ function lowCodeFieldAdaptorPlugin() {
           showOverflow: Reflect.has(_field, "showOverflow") ? _field.showOverflow : "tooltip",
           visible: _field.isShow !== IHO_TABLE_NUMBER_STATUS.NEGATIVE,
           width: _field.colWidth,
+          slots: { ..._field.slots, default: _field.slotFn, header: _field.headerSlotFn },
           ...pick(_field, ["title", "treeNode", "resizable"])
         };
         settingObjAdaptor(result, _field);

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/index.js

@@ -1,7 +1,7 @@
 import { createVNode, mergeProps } from 'vue';
 import '../../../../../index.js';
 import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
-import { useIhoTableFormEvent } from '../../../../utils/index.js';
+import { IhoTableRenderHelper } from '../../../../utils/index.js';
 import EditDate from './editDate.vue.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
 
@@ -11,38 +11,24 @@ function dateRendererPlugin() {
     name: pluginName,
     vxe(instance) {
       instance.renderer.add(EDITABLE_WIDGET_TYPE.DATE, {
-        renderCell({
-          props
-        }, {
-          row,
-          column
-        }) {
-          return [createVNode("span", null, [row[column.field]])];
-        },
-        renderEdit({
-          props
-        }, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
+          emitFormClick,
           row,
           column,
           $rowIndex
-        }) {
-          const {
-            emitFormClick
-          } = useIhoTableFormEvent({
-            row,
-            column,
-            $rowIndex
-          });
+        }) => {
           return [createVNode(EditDate, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event
-          }, (props == null ? void 0 : props.componentProps) || {}, {
+          }, fieldItem.componentProps, {
             "column": column,
             "row": row,
             "index": $rowIndex,
             "onClick": emitFormClick
           }), null)];
-        }
+        })
       });
     }
   });