cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.0

package/es/components/table-filter/src/hooks/useAdvanced.js

@@ -1,6 +1,6 @@
-import { WidgetOptionEnums, WidgetTypeEnums, selectModeEnums, WidgetValEnums } from '../types/enums.js';
+import { WidgetOptionEnums, ConditionEnums, WidgetTypeEnums, selectModeEnums, WidgetValEnums } from '../types/enums.js';
 import { isString } from 'lodash-es';
-import { formatDateRangeInfo, presetValToTimestamp } from '../components/render-widget/helpers/presetValToTimestamp.js';
+import { formatSpecialDateRange, formatDateRangeInfo, presetValToTimestamp } from '../components/render-widget/helpers/presetValToTimestamp.js';
 import { DatePresetValEnums } from '../components/render-widget/enums.js';
 import { parseDateShortcuts } from '../tool/date.js';
 import moment from 'moment';
@@ -13,6 +13,7 @@ const advanceOptionSettingMap = {
   [WidgetOptionEnums.PAST_TIME]: "2",
   [WidgetOptionEnums.FUTURE_TIME]: "3"
 };
+const specialDateRange = [ConditionEnums.CUSTOM_RANGE, ConditionEnums.IN_THE_PAST, ConditionEnums.IN_THE_FUTURE, ConditionEnums.IN_THE_PAST_DI, ConditionEnums.IN_THE_FUTURE_DI];
 const limitValue = 10;
 function useAdvanced() {
   function transformDataToFieldCfg(advancedFilterCfg) {
@@ -153,10 +154,10 @@ function useAdvanced() {
           }
           if (conObj.unit && conObj.unit !== DatePresetValEnums.CUSTOM) {
             if (curQuickSearchObj.type === WidgetTypeEnums.DATE) {
-              curValue = curQuickSearchObj.rangeFilter ? formatDateRangeInfo(conObj.unit, "YYYY-MM-DD", curQuickSearchObj.optionType) : presetValToTimestamp(conObj.unit, "YYYY-MM-DD");
+              curValue = curQuickSearchObj.rangeFilter ? specialDateRange.includes(conObj.con) ? formatSpecialDateRange(conObj, "YYYY-MM-DD") : formatDateRangeInfo(conObj.unit, "YYYY-MM-DD", curQuickSearchObj.optionType) : presetValToTimestamp(conObj.unit, "YYYY-MM-DD");
             }
             if (curQuickSearchObj.type === WidgetTypeEnums.DATE_TIME) {
-              curValue = curQuickSearchObj.rangeFilter ? formatDateRangeInfo(conObj.unit, "YYYY-MM-DD HH:mm:ss", curQuickSearchObj.optionType) : presetValToTimestamp(conObj.unit, "YYYY-MM-DD HH:mm:ss");
+              curValue = curQuickSearchObj.rangeFilter ? specialDateRange.includes(conObj.con) ? formatSpecialDateRange(conObj, "YYYY-MM-DD HH:mm:ss") : formatDateRangeInfo(conObj.unit, "YYYY-MM-DD HH:mm:ss", curQuickSearchObj.optionType) : presetValToTimestamp(conObj.unit, "YYYY-MM-DD HH:mm:ss");
             }
           }
           if (conObj.customDate && conObj.unit === DatePresetValEnums.CUSTOM) {

package/es/components/table-filter/src/hooks/useMixins.d.ts

@@ -1,6 +1,6 @@
 import { ISearchType } from '../../../../components/table-filter/src/types';
 export default function (): {
-    filterApiConfig: any;
+    filterApiConfig: import("vue").Ref<any, any>;
     handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
     outQuickSearchFn: {
         handlerInitSearchItem(arr: ISearchType[]): void;

package/es/components/table-filter/src/tool/baseOptions.js

@@ -181,7 +181,14 @@ const widgetDateRangeOptions = [{
   }(),
   value: DateRangeOutDefEnums.PAST_HALF_YEAR
 }, {
-  label: "\u8FD1\u4E00\u5E74",
+  label: function() {
+    var _a, _b, _c;
+    try {
+      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.667")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.667")) || "\u8FD1\u4E00\u5E74";
+    } catch (e) {
+      return "\u8FD1\u4E00\u5E74";
+    }
+  }(),
   value: DateRangeOutDefEnums.PAST_YEAR
 }];
 

package/es/components/table-filter/src/types/enums.d.ts

@@ -81,4 +81,9 @@ export declare const WidgetValEnums: {
 export declare const ConditionEnums: {
     NULL: string;
     EQUAL: string;
+    CUSTOM_RANGE: string;
+    IN_THE_PAST: string;
+    IN_THE_FUTURE: string;
+    IN_THE_PAST_DI: string;
+    IN_THE_FUTURE_DI: string;
 };

package/es/components/table-filter/src/types/enums.js

@@ -80,7 +80,12 @@ const WidgetValEnums = {
 };
 const ConditionEnums = {
   NULL: "NULL",
-  EQUAL: "EQ"
+  EQUAL: "EQ",
+  CUSTOM_RANGE: "CUSTOM_RANGE",
+  IN_THE_PAST: "IN_THE_PAST",
+  IN_THE_FUTURE: "IN_THE_FUTURE",
+  IN_THE_PAST_DI: "IN_THE_PAST_DI",
+  IN_THE_FUTURE_DI: "IN_THE_FUTURE_DI"
 };
 
 export { ConditionEnums, DataTypeEnums, FieldTypeEnums, MappingMethodEnums, WidgetOptionEnums, WidgetTypeEnums, WidgetValEnums, selectModeEnums };

package/es/components/time-line/index.d.ts

@@ -1,5 +1,5 @@
 import { SFCWithInstall } from '../../shared/types';
-declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
+declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     items: {
         type: import("vue").PropType<{
             type: "default" | "success" | "error" | "warning" | "info";
@@ -13,8 +13,8 @@ declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
         }[]>;
         default: () => never[];
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: import("vue").PropType<{
                 type: "default" | "success" | "error" | "warning" | "info";
@@ -28,12 +28,12 @@ declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
             }[]>;
             default: () => never[];
         };
-    }>> & {}>>;
-    NTimeline: any;
-    NTimelineItem: any;
-    NButton: any;
-    NSpace: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>> & Readonly<{}> & {}>;
+    readonly NTimeline: any;
+    readonly NTimelineItem: any;
+    readonly NButton: any;
+    readonly NSpace: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: import("vue").PropType<{
             type: "default" | "success" | "error" | "warning" | "info";
@@ -47,7 +47,7 @@ declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
         }[]>;
         default: () => never[];
     };
-}>>, {
+}>> & Readonly<{}>, {
     items: {
         type: "default" | "success" | "error" | "warning" | "info";
         subItem: {
@@ -58,5 +58,5 @@ declare const TimeLine: SFCWithInstall<import("vue").DefineComponent<{
             content: string;
         }[];
     }[];
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default TimeLine;

package/es/components/time-line/src/TimeLine.vue.d.ts

@@ -11,28 +11,28 @@ type IItem = {
     type: ITtemType;
     subItem: ISubItem[];
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<IItem[]>;
         default: () => never[];
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: PropType<IItem[]>;
             default: () => never[];
         };
-    }>> & {}>>;
-    NTimeline: any;
-    NTimelineItem: any;
-    NButton: any;
-    NSpace: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>> & Readonly<{}> & {}>;
+    readonly NTimeline: any;
+    readonly NTimelineItem: any;
+    readonly NButton: any;
+    readonly NSpace: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<IItem[]>;
         default: () => never[];
     };
-}>>, {
+}>> & Readonly<{}>, {
     items: IItem[];
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/time-picker/index.d.ts

@@ -1,30 +1,62 @@
 import { SFCWithInstall } from '../../shared/types';
-declare const TimePicker: SFCWithInstall<import("vue").DefineComponent<{
+declare const TimePicker: SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     to: {
         type: import("vue").PropType<string | false | HTMLElement>;
         default: string;
     };
-}, {
+    shortcuts: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+}>, {
     attrs: {
         [x: string]: unknown;
     };
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    emit: (event: "update:show" | "update:formatted-value", ...args: any[]) => void;
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         to: {
             type: import("vue").PropType<string | false | HTMLElement>;
             default: string;
         };
-    }>> & {}>>;
-    timePickerRef: import("vue").Ref<import("../../shared/types").AnyObject | null>;
+        shortcuts: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+    timePickerRef: import("vue").Ref<import("../../shared/types").AnyObject | null | undefined, import("../../shared/types").AnyObject | null | undefined>;
+    isTimePickerOpen: import("vue").Ref<boolean, boolean>;
+    panelContainer: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+    timePickerAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
     formatRef: import("vue").ComputedRef<string>;
+    handleFormattedTimeUpdate: (value: string) => void;
+    handleShortcutClick: (shortcut: string) => void;
+    isDisabled: (value: string) => any;
+    onUpdateShow: (show: boolean) => void;
     focus: () => any;
     blur: () => any;
-    NTimePicker: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly NTimePicker: any;
+    readonly NScrollbar: any;
+    readonly NButton: any;
+    readonly NSpace: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:formatted-value")[], "update:show" | "update:formatted-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: import("vue").PropType<string | false | HTMLElement>;
         default: string;
     };
-}>>, {
+    shortcuts: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    shortcuts: string[];
     to: string | false | HTMLElement;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default TimePicker;

package/es/components/time-picker/src/TimePicker.vue.d.ts

@@ -1,31 +1,63 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../shared/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     to: {
         type: PropType<string | false | HTMLElement>;
         default: string;
     };
-}, {
+    shortcuts: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>, {
     attrs: {
         [x: string]: unknown;
     };
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    emit: (event: "update:show" | "update:formatted-value", ...args: any[]) => void;
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         to: {
             type: PropType<string | false | HTMLElement>;
             default: string;
         };
-    }>> & {}>>;
-    timePickerRef: import("vue").Ref<AnyObject | null>;
+        shortcuts: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+    timePickerRef: import("vue").Ref<AnyObject | null | undefined, AnyObject | null | undefined>;
+    isTimePickerOpen: import("vue").Ref<boolean, boolean>;
+    panelContainer: import("vue").Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+    timePickerAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
     formatRef: import("vue").ComputedRef<string>;
+    handleFormattedTimeUpdate: (value: string) => void;
+    handleShortcutClick: (shortcut: string) => void;
+    isDisabled: (value: string) => any;
+    onUpdateShow: (show: boolean) => void;
     focus: () => any;
     blur: () => any;
-    NTimePicker: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly NTimePicker: any;
+    readonly NScrollbar: any;
+    readonly NButton: any;
+    readonly NSpace: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:formatted-value")[], "update:show" | "update:formatted-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: PropType<string | false | HTMLElement>;
         default: string;
     };
-}>>, {
+    shortcuts: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    shortcuts: string[];
     to: string | false | HTMLElement;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/time-picker/src/TimePicker.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent, useAttrs, ref, computed, openBlock, createBlock, unref, createSlots, renderList, withCtx, renderSlot } from 'vue';
-import { NTimePicker } from 'naive-ui';
+import { defineComponent, useAttrs, ref, computed, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createBlock, Teleport, Fragment, createTextVNode, toDisplayString, nextTick } from 'vue';
+import { NTimePicker, NScrollbar, NSpace, NButton } from 'naive-ui';
 import '../../../shared/utils/index.js';
 import { useDateTime } from '../../../shared/hooks/useDateTime.js';
-import 'lodash-es';
+import { isFunction } from 'lodash-es';
 import '@vue/shared';
 import '@vueuse/shared';
 import '../../../shared/hooks/selectHooks/useSearchContent.js';
 import '@vicons/ionicons5';
 import '../../../shared/hooks/useScrollLoading.js';
+import { parse, isValid, getHours, getMinutes, getSeconds } from 'date-fns';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
@@ -15,43 +16,128 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     to: {
       type: [Object, String, Boolean],
       default: "body"
+    },
+    shortcuts: {
+      type: Array,
+      default: () => []
     }
   },
+  emits: ["update:formatted-value", "update:show"],
   setup(__props, {
-    expose
+    expose: __expose,
+    emit: __emit
   }) {
     const attrs = useAttrs();
-    const timePickerRef = ref(null);
+    const emit = __emit;
+    const props = __props;
+    const timePickerRef = ref();
+    const isTimePickerOpen = ref(false);
+    const panelContainer = ref();
+    const timePickerAttrs = computed(() => {
+      const {
+        shortcuts,
+        ...restAttrs
+      } = attrs;
+      return restAttrs;
+    });
     const formatRef = computed(() => {
       if (Reflect.get(attrs, "format"))
         return attrs["format"];
       return "HH:mm:ss";
     });
+    const handleFormattedTimeUpdate = (value) => {
+      emit("update:formatted-value", value);
+    };
+    const handleShortcutClick = (shortcut) => {
+      const timeValue = shortcut;
+      emit("update:formatted-value", timeValue);
+      emit("update:show", false);
+      isTimePickerOpen.value = false;
+    };
+    const isDisabled = (value) => {
+      const parsedTime = parse(value, formatRef.value, new Date());
+      if (!isValid(parsedTime))
+        return false;
+      const hours = getHours(parsedTime);
+      const minutes = getMinutes(parsedTime);
+      const seconds = getSeconds(parsedTime);
+      const attrs2 = timePickerAttrs.value;
+      const isHourDisabled = isFunction(attrs2.isHourDisabled) ? attrs2.isHourDisabled(hours) : false;
+      const isMinuteDisabled = isFunction(attrs2.isMinuteDisabled) ? attrs2.isMinuteDisabled(minutes, hours) : false;
+      const isSecondDisabled = isFunction(attrs2.isSecondDisabled) ? attrs2.isSecondDisabled(seconds, minutes, hours) : false;
+      return isHourDisabled || isMinuteDisabled || isSecondDisabled;
+    };
+    const onUpdateShow = (show) => {
+      emit("update:show", show);
+      isTimePickerOpen.value = show;
+      if (show && props.shortcuts && props.shortcuts.length > 0) {
+        nextTick(() => {
+          var _a, _b;
+          const panel = (_b = (_a = timePickerRef.value) == null ? void 0 : _a.panelInstRef) == null ? void 0 : _b.$el;
+          const teleportTo = panel == null ? void 0 : panel.querySelector(".n-time-picker-cols");
+          if (teleportTo) {
+            panelContainer.value = teleportTo;
+          }
+        });
+      } else {
+        panelContainer.value = null;
+      }
+    };
     const {
       focus,
       blur
     } = useDateTime(timePickerRef, {
       formatRef,
-      attrs
+      attrs: timePickerAttrs
     });
-    expose({
+    __expose({
       $timePicker: timePickerRef,
       focus,
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NTimePicker), {
+      return openBlock(), createElementBlock("div", null, [createVNode(unref(NTimePicker), mergeProps({
         ref_key: "timePickerRef",
-        ref: timePickerRef,
-        to: __props.to
-      }, createSlots({
+        ref: timePickerRef
+      }, timePickerAttrs.value, {
+        to: __props.to,
+        "onUpdate:formattedValue": handleFormattedTimeUpdate,
+        "onUpdate:show": onUpdateShow
+      }), createSlots({
         _: 2
-      }, [renderList(_ctx.$slots, (v, k) => {
+      }, [renderList(_ctx.$slots, (_, k) => {
         return {
           name: k,
-          fn: withCtx(() => [renderSlot(_ctx.$slots, k)])
+          fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(slotProps || {})))])
         };
-      })]), 1032, ["to"]);
+      })]), 1040, ["to"]), createCommentVNode(" \u5FEB\u6377\u9009\u9879 - \u901A\u8FC7CSS\u63D2\u5165\u5230\u9762\u677F\u5185\u90E8 "), __props.shortcuts && __props.shortcuts.length > 0 && isTimePickerOpen.value && panelContainer.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: panelContainer.value
+      }, [createVNode(unref(NScrollbar), {
+        style: {
+          "max-height": "255px",
+          "margin": "8px"
+        }
+      }, {
+        default: withCtx(() => [createVNode(unref(NSpace), {
+          vertical: "",
+          wrap: false
+        }, {
+          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.shortcuts, (shortcut) => {
+            return openBlock(), createBlock(unref(NButton), {
+              size: "tiny",
+              disabled: isDisabled(shortcut),
+              key: shortcut,
+              onClick: ($event) => handleShortcutClick(shortcut)
+            }, {
+              default: withCtx(() => [createTextVNode(toDisplayString(shortcut), 1)]),
+              _: 2
+            }, 1032, ["disabled", "onClick"]);
+          }), 128))]),
+          _: 1
+        })]),
+        _: 1
+      })], 8, ["to"])) : createCommentVNode("v-if", true)]);
     };
   }
 });

package/es/components/tooth-bitmap/index.d.ts

@@ -1,40 +1,40 @@
 import { SFCWithInstall } from '../../shared/types';
-declare const ToothBitmap: SFCWithInstall<import("vue").DefineComponent<{
+declare const ToothBitmap: SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: import("vue").PropType<string[]>;
             default: () => never[];
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "update:value", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     quadrants: string[];
     numbers: number[];
-    keys: import("vue").Ref<string[]>;
+    keys: import("vue").Ref<string[], string[]>;
     getImg: (position: string, num: number) => any;
-    getLetter: (num: number) => "B" | "D" | "C" | "" | "A" | "E";
-    hasBorder: (position: string, num: number, type: "letter" | "img" | "num") => boolean;
-    handleSelect: (position: string, num: number, type: "letter" | "num") => void;
+    getLetter: (num: number) => "" | "B" | "D" | "C" | "A" | "E";
+    hasBorder: (position: string, num: number, type: "img" | "num" | "letter") => boolean;
+    handleSelect: (position: string, num: number, type: "num" | "letter") => void;
     confirm: () => void;
     reset: () => void;
     selectAll: () => void;
     cancel: () => void;
-    NButton: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly NButton: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     value: string[];
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ToothBitmap;

package/es/components/tooth-bitmap/src/ToothBitmap.vue.d.ts

@@ -1,40 +1,40 @@
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<string[]>;
         default: () => never[];
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: PropType<string[]>;
             default: () => never[];
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "update:value", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
     quadrants: string[];
     numbers: number[];
-    keys: import("vue").Ref<string[]>;
+    keys: import("vue").Ref<string[], string[]>;
     getImg: (position: string, num: number) => any;
-    getLetter: (num: number) => "B" | "D" | "C" | "" | "A" | "E";
+    getLetter: (num: number) => "" | "B" | "D" | "C" | "A" | "E";
     hasBorder: (position: string, num: number, type: 'img' | 'num' | 'letter') => boolean;
     handleSelect: (position: string, num: number, type: 'num' | 'letter') => void;
     confirm: () => void;
     reset: () => void;
     selectAll: () => void;
     cancel: () => void;
-    NButton: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly NButton: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<string[]>;
         default: () => never[];
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     value: string[];
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;