cnhis-design-vue 3.1.23-beta.9 → 3.1.24-beta.0

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

@@ -1 +1,252 @@
-export { useEventHooks } from './useEventHooks2.js';
+import '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncBailHook.js';
+import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../../../shared/utils/tapable/SyncLoopHook.js';
+import AsyncParallelHook from '../../../../../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 { AbstractEventHooks } from '../../types/pluginType.js';
+
+class EventHooks extends AbstractEventHooks {
+  constructor() {
+    super(...arguments);
+    this.onKeydownStart = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onKeydown = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onKeydownEnd = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onPaste = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCopy = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCut = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCurrentChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onRadioChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCheckboxChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCheckboxAll = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCheckboxRangeStart = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCheckboxRangeChange = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCheckboxRangeEnd = new AsyncParallelHook(
+      ["event", "context", "config"]
+    );
+    this.onCellClick = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellDblclick = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellMenu = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellMouseenter = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellMouseleave = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onHeaderCellClick = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onHeaderCellDblclick = new AsyncParallelHook(["event", "context", "config"]);
+    this.onHeaderCellMenu = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFooterCellClick = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFooterCellDblclick = new AsyncParallelHook(["event", "context", "config"]);
+    this.onFooterCellMenu = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onSortChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFilterChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFilterVisible = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onResizableChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onToggleRowExpand = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onToggleTreeExpand = new AsyncParallelHook(
+      ["event", "context", "config"]
+    );
+    this.onMenuClick = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onEditClosed = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onEditActived = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onEditDisabled = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onValidError = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onScroll = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCustom = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onOpenFnr = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFnrChange = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFnrFind = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFnrFindAll = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFnrReplace = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onFnrReplaceAll = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellAreaCopy = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellAreaCut = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellAreaPaste = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onCellAreaMerge = new AsyncParallelHook([
+      "event",
+      "context",
+      "config"
+    ]);
+    this.onClearCellAreaMerge = new AsyncParallelHook(["event", "context", "config"]);
+    this.onHeaderCellAreaSelection = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaSelectionStart = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaSelectionDrag = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaSelectionEnd = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaExtensionStart = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaExtensionDrag = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaExtensionEnd = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaArrowsStart = new AsyncParallelHook(["event", "context", "config"]);
+    this.onCellAreaArrowsEnd = new AsyncParallelHook(["event", "context", "config"]);
+    this.onActiveCellChangeStart = new AsyncParallelHook(["event", "context", "config"]);
+    this.onActiveCellChangeEnd = new AsyncParallelHook(["event", "context", "config"]);
+  }
+}
+function useEventHooks() {
+  function create() {
+    return new EventHooks();
+  }
+  return { create };
+}
+
+export { useEventHooks };

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

@@ -1 +1,33 @@
-export { useFieldHooks } from './useFieldHooks2.js';
+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 AsyncParallelHook from '../../../../../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 { AbstractFieldHooks } from '../../types/pluginType.js';
+
+class FieldHooks extends AbstractFieldHooks {
+  constructor() {
+    super(...arguments);
+    this.fieldStart = new AsyncParallelHook(["config"]);
+    this.field = new SyncWaterfallHook([
+      "fieldItem",
+      "context",
+      "config"
+    ]);
+    this.fieldList = new SyncWaterfallHook(["fieldList", "config"]);
+    this.fieldEnd = new AsyncParallelHook(["config"]);
+  }
+}
+function useFieldHooks() {
+  function create() {
+    return new FieldHooks();
+  }
+  return { create };
+}
+
+export { useFieldHooks };

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

@@ -1 +1,27 @@
-export { useSetupHooks } from './useSetupHooks2.js';
+import SyncHook from '../../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../../shared/utils/tapable/SyncBailHook.js';
+import '../../../../../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 '../../../index.js';
+import { AbstractSetupHooks } from '../../types/pluginType.js';
+
+class SetupHooks extends AbstractSetupHooks {
+  constructor() {
+    super(...arguments);
+    this.setup = new SyncHook(["config", "fieldList"]);
+  }
+}
+function useSetupHooks() {
+  function create() {
+    return new SetupHooks();
+  }
+  return { create };
+}
+
+export { useSetupHooks };

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

@@ -1 +1,20 @@
-export { defineTablePlugin, useTablePlugin } from './useTablePlugin2.js';
+import { arrayed } from '../../../../shared/utils/index.js';
+import { isFunction } from 'lodash-es';
+import { createTableHooks } from './tapHooks/index.js';
+
+function useTablePlugin() {
+  const hooks = createTableHooks();
+  function use(plugin, instance) {
+    arrayed(plugin).forEach(({ vxe, apply }) => {
+      isFunction(vxe) && vxe(instance);
+      isFunction(apply) && apply(hooks);
+    });
+    return { use };
+  }
+  return { use };
+}
+function defineTablePlugin(plugin) {
+  return plugin;
+}
+
+export { defineTablePlugin, useTablePlugin };

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

@@ -1 +1,33 @@
-export { defaultConfigPlugin } from './index2.js';
+import { mergeWith } from 'lodash-es';
+import { HIGHEST_PRIORITY } from '../../constants/index.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function defaultConfigPlugin() {
+  const pluginName = "defaultTablePlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.configHooks.config.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (config) => {
+        return mergeWith(
+          {
+            height: "100%",
+            border: true,
+            showSeq: true,
+            selectType: "checkbox",
+            columnConfig: { resizable: true },
+            rowConfig: { height: 48, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
+            editConfig: {
+              trigger: "click",
+              mode: "cell",
+              autoClear: false,
+              showIcon: false
+            }
+          },
+          config
+        );
+      });
+    }
+  });
+}
+
+export { defaultConfigPlugin };

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

@@ -2,3 +2,4 @@ export * from './defaultConfigPlugin';
 export * from './lowCodeFieldAdaptorPlugin';
 export * from './rendererPlugins';
 export * from './rowGroupSettingPlugin';
+export * from './virtualTreePlugin';

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

@@ -1,5 +1,5 @@
-export { defaultConfigPlugin } from './defaultConfigPlugin/index2.js';
-export { lowCodeFieldAdaptorPlugin } from './lowCodeFieldAdaptorPlugin/index2.js';
+export { defaultConfigPlugin } from './defaultConfigPlugin/index.js';
+export { lowCodeFieldAdaptorPlugin } from './lowCodeFieldAdaptorPlugin/index.js';
 export { labelRendererPlugin } from './rendererPlugins/widgets/labelRendererPlugin.js';
 export { defaultRendererPlugin } from './rendererPlugins/widgets/defaultRendererPlugin.js';
 export { colorRendererPlugin } from './rendererPlugins/widgets/colorRendererPlugin.js';
@@ -8,4 +8,8 @@ export { checkRendererPlugin } from './rendererPlugins/widgets/checkRendererPlug
 export { pictureRendererPlugin } from './rendererPlugins/widgets/pictureRendererPlugin.js';
 export { inputRendererPlugin } from './rendererPlugins/editableWidgets/inputRendererPlugin.js';
 export { separateRendererPlugins } from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
-export { rowGroupSettingPlugin } from './rowGroupSettingPlugin/index2.js';
+export { selectRendererPlugin } from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
+export { dateRendererPlugin } from './rendererPlugins/editableWidgets/dateRendererPlugin/index.js';
+export { timeRendererPlugin } from './rendererPlugins/editableWidgets/timeRendererPlugin/index.js';
+export { rowGroupSettingPlugin } from './rowGroupSettingPlugin/index.js';
+export { virtualTreePlugin } from './virtualTreePlugin/index.js';

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

@@ -1 +1,36 @@
-export { lowCodeFieldAdaptorPlugin } from './index2.js';
+import { pick, cloneDeep } from 'lodash-es';
+import { toRaw } from 'vue';
+import { HIGHEST_PRIORITY, WIDGET_TYPE } from '../../constants/index.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function lowCodeFieldAdaptorPlugin() {
+  const pluginName = "lowCodeFieldAdaptorPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.field.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (field) => {
+        const _field = field;
+        const result = {
+          field: _field.columnName,
+          width: _field.colWidth,
+          showOverflow: "tooltip",
+          ...pick(_field, ["title", "treeNode"])
+        };
+        settingObjAdaptor(result, _field);
+        return result;
+      });
+    }
+  });
+}
+function settingObjAdaptor(fieldItem, lowCodeField) {
+  if (!lowCodeField.settingObj)
+    return;
+  fieldItem.editRender = {
+    name: lowCodeField.settingObj.attr || "DEFAULT",
+    props: cloneDeep(toRaw(lowCodeField))
+  };
+  fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
+  fieldItem.visible = lowCodeField.settingObj.isHide !== "1";
+}
+
+export { lowCodeFieldAdaptorPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.d.ts

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,205 @@
+import { defineComponent, inject, ref, computed, watch, createVNode, mergeProps } from 'vue';
+import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
+import { isFunction, isNaN } from 'lodash-es';
+import { NDatePicker, NPopover, NInput } from 'naive-ui';
+import { InjectionIhoTableEmits } from '../../../../constants/index.js';
+import { useCommon } from '../hooks/useCommon.js';
+
+var EditDate = defineComponent({
+  name: "EditDate",
+  inheritAttrs: false,
+  components: {
+    NDatePicker
+  },
+  props: {
+    column: {
+      type: Object,
+      required: true
+    },
+    row: {
+      type: Object,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(props, {
+    attrs,
+    emit
+  }) {
+    const globEmit = inject(InjectionIhoTableEmits);
+    const {
+      formRef,
+      isShow
+    } = useCommon();
+    const __value = ref(props.row[props.column.field]);
+    const onConfirm = (value) => {
+      globEmit("formChange", {
+        value,
+        row: props.row,
+        column: props.column,
+        index: props.index
+      });
+    };
+    const {
+      isStartDate = false,
+      isEndDate = false
+    } = attrs;
+    const connectField = attrs.connectField || "";
+    const setDateDisabled = (cur, date) => {
+      if (isStartDate && connectField) {
+        return cur > date;
+      }
+      if (isEndDate && connectField) {
+        return cur < date;
+      }
+      return false;
+    };
+    const isDateDisabled = (ts) => {
+      if (!props.row[connectField])
+        return false;
+      return setDateDisabled(ts, isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime());
+    };
+    const isTimeDisabled = (ts) => {
+      const date = new Date(props.row[connectField]);
+      const d = new Date(ts);
+      const h = date.getHours();
+      const m = date.getMinutes();
+      const s = date.getSeconds();
+      const setDisabled = (t1, t2, d1, d2) => {
+        if (isEndDate && d1 > d2)
+          return false;
+        if (isStartDate && d1 < d2)
+          return false;
+        return setDateDisabled(t1, t2);
+      };
+      return {
+        isHourDisabled: (hour) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime();
+          const minute = d.getMinutes();
+          const second = d.getSeconds();
+          const d1 = ts - hour * 60 * 60 * 1e3 - minute * 60 * 1e3 - second * 1e3;
+          return setDisabled(hour, h, d1, d2);
+        },
+        isMinuteDisabled: (minute) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:00:00`).getTime();
+          const second = d.getSeconds();
+          const d1 = ts - minute * 60 * 1e3 - second * 1e3;
+          return setDisabled(minute, m, d1, d2);
+        },
+        isSecondDisabled: (second) => {
+          if (!props.row[connectField])
+            return false;
+          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:${m}:00`).getTime();
+          const d1 = ts - second * 1e3;
+          return setDisabled(second, s, d1, d2);
+        }
+      };
+    };
+    function customDateDisabledDecorator(customDateDisabled) {
+      if (!isFunction(customDateDisabled))
+        return null;
+      return (ts) => {
+        return customDateDisabled(ts, props.row);
+      };
+    }
+    function getFormatDate(str) {
+      if (!str)
+        return "";
+      const d = new Date(str);
+      const month = `00${d.getMonth() + 1}`.slice(-2);
+      const day = `00${d.getDate()}`.slice(-2);
+      const valueFormat = formatConfig.value.valueFormat;
+      const format = valueFormat.includes("/") ? "/" : valueFormat.includes(".") ? "." : "-";
+      let date = `${d.getFullYear()}${format}${month}${format}${day}`;
+      const dTime = d.getTime();
+      const connectFieldTime = new Date(props.row[connectField]).getTime();
+      if (props.row[connectField] && (isStartDate && dTime > connectFieldTime || isEndDate && dTime < connectFieldTime)) {
+        date = "";
+      }
+      return date;
+    }
+    function onBlur() {
+      let date = __value.value;
+      if (isNaN(new Date(date).getTime())) {
+        if (/^\d{8}$/.test(date)) {
+          const dateNew = `${date.slice(0, 4)} ${date.slice(4, 6)} ${date.slice(6)}`;
+          date = "";
+          if (!isNaN(new Date(dateNew).getTime())) {
+            date = getFormatDate(dateNew);
+          }
+        } else {
+          date = "";
+        }
+      } else {
+        date = getFormatDate(date);
+      }
+      props.row[props.column.field] = __value.value = date || void 0;
+      onConfirm(__value.value);
+    }
+    const formatConfig = computed(() => {
+      const valueFormat = attrs.valueFormat || "yyyy-MM-dd HH:mm:ss";
+      return {
+        valueFormat,
+        format: valueFormat,
+        timePickerProps: {
+          format: generateTimeFormat(valueFormat)
+        }
+      };
+    });
+    const dateConfig = {
+      type: attrs.type || "datetime",
+      clearable: true,
+      placeholder: attrs.placeholder || "\u8BF7\u9009\u62E9",
+      ...attrs,
+      ...formatConfig.value,
+      isDateDisabled: customDateDisabledDecorator(attrs.isDateDisabled) || isDateDisabled,
+      onUpdateFormattedValue: onConfirm
+    };
+    if (dateConfig.type.includes("time")) {
+      dateConfig.isTimeDisabled = customDateDisabledDecorator(attrs.isTimeDisabled) || isTimeDisabled;
+    }
+    watch(() => props.row[props.column.field], (value) => {
+      __value.value = value;
+    });
+    return () => (attrs == null ? void 0 : attrs.isPopover) ? createVNode(NPopover, mergeProps({
+      "show": isShow.value,
+      "trigger": "click",
+      "showArrow": false,
+      "placement": "bottom-start",
+      "style": "padding: 0"
+    }, attrs, {
+      "onClickoutside": () => isShow.value = false
+    }), {
+      trigger: () => createVNode(NInput, {
+        "ref": formRef,
+        "clearable": true,
+        "value": __value.value,
+        "onUpdate:value": ($event) => __value.value = $event,
+        "onBlur": onBlur,
+        "onClick": () => isShow.value = true
+      }, null),
+      default: () => createVNode(NDatePicker, mergeProps({
+        "panel": true,
+        "show": isShow.value,
+        "onUpdate:show": ($event) => isShow.value = $event,
+        "formattedValue": props.row[props.column.field],
+        "onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
+      }, dateConfig), null)
+    }) : createVNode(NDatePicker, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event,
+      "formattedValue": props.row[props.column.field],
+      "onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
+    }, dateConfig), null);
+  }
+});
+
+export { EditDate as default };

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

@@ -0,0 +1 @@
+export declare function dateRendererPlugin(): import("../../../../../../../../es/components/iho-table").TablePlugin;