@maple-design/ui-vue 1.1.0 → 1.1.1

package/lib/trigger/position.js

@@ -99,14 +99,29 @@ function getScrollElements(element) {
   const visited = /* @__PURE__ */ new Set();
   while (root && !visited.has(root.ownerDocument)) {
     visited.add(root.ownerDocument);
-    let current = root.parentElement;
+    const parent = (node) => {
+      if (node.assignedSlot) {
+        return node.assignedSlot;
+      }
+      if (node.parentElement) {
+        return node.parentElement;
+      }
+      const tree = node.getRootNode();
+      return tree.nodeType === 11 && "host" in tree ? tree.host : null;
+    };
+    let current = parent(root);
+    const ancestors = /* @__PURE__ */ new Set();
     while (current && current !== current.ownerDocument.documentElement) {
+      if (ancestors.has(current)) {
+        break;
+      }
+      ancestors.add(current);
       const style = current.ownerDocument.defaultView?.getComputedStyle(current);
       const overflow = `${style?.overflow ?? ""}${style?.overflowX ?? ""}${style?.overflowY ?? ""}`;
       if (/(auto|scroll|overlay)/.test(overflow)) {
         result.push(current);
       }
-      current = current.parentElement;
+      current = parent(current);
     }
     try {
       root = root.ownerDocument.defaultView?.frameElement ?? void 0;
@@ -116,6 +131,36 @@ function getScrollElements(element) {
   }
   return result;
 }
+function getSlotChangeRoots(element) {
+  const roots = [];
+  const visited = /* @__PURE__ */ new Set();
+  let current = element;
+  while (current && !visited.has(current)) {
+    visited.add(current);
+    const parentShadow = current.parentElement?.shadowRoot;
+    if (parentShadow) {
+      roots.push(parentShadow);
+    }
+    if (current.assignedSlot) {
+      current = current.assignedSlot;
+    } else if (current.parentElement) {
+      current = current.parentElement;
+    } else {
+      const tree = current.getRootNode();
+      if (tree.nodeType === 11 && "host" in tree) {
+        roots.push(tree);
+        current = tree.host;
+      } else {
+        try {
+          current = current.ownerDocument.defaultView?.frameElement;
+        } catch {
+          current = void 0;
+        }
+      }
+    }
+  }
+  return roots;
+}
 function getScrollViews(element) {
   const result = [];
   let document = element?.ownerDocument;
@@ -137,3 +182,4 @@ function getScrollViews(element) {
 exports.calculatePopupPosition = calculatePopupPosition;
 exports.getScrollElements = getScrollElements;
 exports.getScrollViews = getScrollViews;
+exports.getSlotChangeRoots = getSlotChangeRoots;

package/lib/trigger/positioner.js

@@ -9,9 +9,11 @@ function rafThrottle(callback, ownerView) {
   let frame;
   let frameView;
   let latest;
+  let latestTarget;
   let generation = 0;
   const run = (event) => {
     latest = event;
+    latestTarget = event?.currentTarget ?? event?.target;
     if (frame !== void 0) {
       return;
     }
@@ -29,8 +31,10 @@ function rafThrottle(callback, ownerView) {
       frame = void 0;
       frameView = void 0;
       const currentEvent = latest;
+      const currentTarget = latestTarget;
       latest = void 0;
-      callback(currentEvent);
+      latestTarget = void 0;
+      callback(currentEvent, currentTarget);
     });
   };
   run.cancel = () => {
@@ -41,6 +45,7 @@ function rafThrottle(callback, ownerView) {
     frame = void 0;
     frameView = void 0;
     latest = void 0;
+    latestTarget = void 0;
   };
   return run;
 }
@@ -56,6 +61,7 @@ function useTriggerPositioner(options, context) {
   let scrollPositions = /* @__PURE__ */ new WeakMap();
   let windowPositions = /* @__PURE__ */ new WeakMap();
   let scrollViews = [];
+  let slotRoots = [];
   function update() {
     const reference = context.reference.value;
     const popup = context.popup.value;
@@ -141,10 +147,10 @@ function useTriggerPositioner(options, context) {
     }
   }
   const scrolling = rafThrottle(
-    (event) => {
+    (_event, eventTarget) => {
       const shouldClose = options.scrollToClose || context.globalScrollToClose.value;
-      if (shouldClose && event?.target) {
-        const target = event.target;
+      if (shouldClose && eventTarget) {
+        const target = eventTarget;
         const previous = scrollPositions.get(target) ?? [target.scrollTop, target.scrollLeft];
         scrollPositions.set(target, previous);
         if (Math.abs(target.scrollTop - previous[0]) >= options.scrollToCloseDistance || Math.abs(target.scrollLeft - previous[1]) >= options.scrollToCloseDistance) {
@@ -191,11 +197,30 @@ function useTriggerPositioner(options, context) {
     for (const view of scrollViews) {
       view.removeEventListener("scroll", onWindowScroll);
     }
+    for (const slot of slotRoots) {
+      slot.removeEventListener("slotchange", onSlotChange);
+    }
+    slotRoots = [];
     scrollViews = [];
     scrollElements = [];
     scrollPositions = /* @__PURE__ */ new WeakMap();
     windowPositions = /* @__PURE__ */ new WeakMap();
   }
+  function onSlotChange() {
+    positionGeneration++;
+    const reference = context.reference.value;
+    const popup = context.popup.value;
+    const nextElements = [.../* @__PURE__ */ new Set([...position.getScrollElements(reference), ...position.getScrollElements(popup)])];
+    const nextViews = [.../* @__PURE__ */ new Set([...position.getScrollViews(reference), ...position.getScrollViews(popup)])];
+    const nextRoots = [.../* @__PURE__ */ new Set([...position.getSlotChangeRoots(reference), ...position.getSlotChangeRoots(popup)])];
+    function changed(before, after) {
+      return before.length !== after.length || before.some((item, index) => item !== after[index]);
+    }
+    if (changed(scrollElements, nextElements) || changed(scrollViews, nextViews) || changed(slotRoots, nextRoots)) {
+      bindScroll();
+    }
+    vue.nextTick(update);
+  }
   function bindScroll() {
     unbindScroll();
     const reference = context.reference.value;
@@ -204,6 +229,10 @@ function useTriggerPositioner(options, context) {
     if (!active || !reference || !popup || !context.visible.value || suspended) {
       return;
     }
+    slotRoots = [.../* @__PURE__ */ new Set([...position.getSlotChangeRoots(reference), ...position.getSlotChangeRoots(popup)])];
+    for (const slot of slotRoots) {
+      slot.addEventListener("slotchange", onSlotChange);
+    }
     scrollElements = [.../* @__PURE__ */ new Set([...position.getScrollElements(reference), ...position.getScrollElements(popup)])];
     for (const element of scrollElements) {
       scrollPositions.set(element, [element.scrollTop, element.scrollLeft]);

package/lib/trigger/trigger.js

@@ -164,7 +164,7 @@ const Trigger = /* @__PURE__ */ vue.defineComponent({
     });
     return () => {
       const referenceNodes = mergeFirstReferenceClass(slots.default?.() ?? [], visible.value ? props2.openedClass : void 0);
-      const contentNodes = slots.content?.() ?? [];
+      const contentNodes = renderState.rendered.value ? slots.content?.() ?? [] : [];
       const hiddenByEmpty = props2.hideEmpty && isEmptyContent(contentNodes);
       nodes.value = referenceNodes;
       return vue.createVNode(vue.Fragment, null, [referenceNodes, vue.createVNode(vue.Teleport, {

package/lib/upload/Upload.vue.js

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
+const editorPending = require("../_components/field-presentation/editor-pending.js");
 const PendingFeedback_vue_vue_type_script_setup_true_lang = require("../_components/pending-feedback/PendingFeedback.vue.js");
 const errorDescription = require("../form/error-description.js");
 const preview = require("../image/preview.js");
@@ -135,6 +136,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       }
     });
+    const editorPending$1 = vue.inject(editorPending.fieldEditorControlPending, void 0);
+    vue.watch(
+      uploader.editorPending,
+      (value) => {
+        if (editorPending$1) {
+          editorPending$1.value = value;
+        }
+      },
+      { flush: "sync" }
+    );
+    vue.onBeforeUnmount(() => {
+      if (editorPending$1) {
+        editorPending$1.value = false;
+      }
+    });
     const {
       fileList,
       maxReached,
@@ -255,7 +271,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(vue.unref(n)("input")),
           type: "file",
           accept: _ctx.accept,
-          capture: _ctx.capture,
+          capture: _ctx.capture === false ? void 0 : _ctx.capture === true ? "" : _ctx.capture,
           multiple: !vue.unref(replacementTarget) && (_ctx.multiple || _ctx.directory),
           disabled: vue.unref(disabledState),
           webkitdirectory: !vue.unref(replacementTarget) && _ctx.directory || void 0,

package/lib/upload/composables/use-upload-queue.js

@@ -4,10 +4,13 @@ const vue = require("vue");
 function useUploadQueue(options) {
   const inner = vue.ref((options.defaultValue?.() ?? []).map((file) => ({ ...file })));
   const fileList = vue.computed(() => options.modelValue?.() ?? inner.value);
+  let revision = 0;
   let pending;
   let pendingBase;
   const mutationList = () => pending && fileList.value === pendingBase ? pending : fileList.value;
   function commit(next, changed) {
+    const currentRevision = ++revision;
+    const startedActive = options.isActive?.() ?? true;
     pendingBase = fileList.value;
     pending = next;
     if (options.modelValue?.() === void 0) {
@@ -20,7 +23,9 @@ function useUploadQueue(options) {
       }
     });
     options.onUpdateModelValue?.(next);
-    options.onChange?.(next, changed);
+    if (revision === currentRevision && (!startedActive || (options.isActive?.() ?? true))) {
+      options.onChange?.(next, changed);
+    }
   }
   function append(files) {
     if (files.length) {
@@ -66,6 +71,10 @@ function useUploadQueue(options) {
   function reset() {
     if (fileList.value.length) {
       commit([]);
+    } else {
+      revision++;
+      pending = void 0;
+      pendingBase = void 0;
     }
   }
   return {

package/lib/upload/composables/use-uploader.js

@@ -11,6 +11,7 @@ const useFilePicker = require("./use-file-picker.js");
 const useUploadQueue = require("./use-upload-queue.js");
 function useUploader(options) {
   const feedback = usePendingFeedback.usePendingFeedback();
+  const preparation = usePendingFeedback.usePendingFeedback();
   let active = true;
   let inactive = false;
   let generation = 0;
@@ -28,7 +29,8 @@ function useUploader(options) {
     modelValue: options.modelValue,
     defaultValue: options.defaultValue,
     onChange: options.onChange,
-    onUpdateModelValue: options.onUpdateModelValue
+    onUpdateModelValue: options.onUpdateModelValue,
+    isActive: () => active && !inactive
   });
   const replacementTarget = vue.ref();
   const metadataVersion = vue.ref(0);
@@ -204,8 +206,8 @@ function useUploader(options) {
   }
   function enqueue(files, rejected, previous) {
     const epoch = generation;
-    adding = adding.then(() => prepareFiles(files, rejected, epoch, previous)).catch(() => {
-    });
+    adding = preparation.track(() => adding.then(() => prepareFiles(files, rejected, epoch, previous)).catch(() => {
+    }));
     return adding;
   }
   async function prepareFiles(files, initialRejected, epoch, previous) {
@@ -223,7 +225,9 @@ function useUploader(options) {
           }
         }
       } catch {
-        reject([...rejected, ...files.map((file) => ({ file, reason: "before-add" }))]);
+        if (valid(epoch)) {
+          reject([...rejected, ...files.map((file) => ({ file, reason: "before-add" }))]);
+        }
         return;
       }
     }
@@ -310,9 +314,17 @@ function useUploader(options) {
       return;
     }
     reject(rejected);
+    if (!valid(epoch)) {
+      items.forEach((item) => release(item.uid));
+      return;
+    }
     if (rejected.some((file) => file.reason === "max-files")) {
       options.onExceed?.(candidates, queue.fileList.value);
     }
+    if (!valid(epoch)) {
+      items.forEach((item) => release(item.uid));
+      return;
+    }
     if (!items.length) {
       return;
     }
@@ -334,11 +346,19 @@ function useUploader(options) {
     items.forEach((file) => pendingAuto.add(file.uid));
     if (previous) {
       queue.replace(previous, items[0]);
+      if (!valid(epoch)) {
+        return;
+      }
       options.onReplace?.(items[0], previous);
     } else {
       queue.append(items);
     }
-    items.forEach((file) => options.onRead?.(vue.reactive(file)));
+    for (const file of items) {
+      if (!valid(epoch)) {
+        return;
+      }
+      options.onRead?.(vue.reactive(file));
+    }
     await vue.nextTick();
   }
   async function submit(file) {
@@ -352,6 +372,7 @@ function useUploader(options) {
     if (attempts.has(file.uid)) {
       return;
     }
+    const epoch = generation;
     const attempt = {};
     attempts.set(file.uid, attempt);
     const current = () => active && !inactive && attempts.get(file.uid) === attempt && queue.fileList.value.some(
@@ -396,7 +417,9 @@ function useUploader(options) {
         }
         const changed = { ...item, status: "uploading", percent: event.percent };
         queue.patch(file.uid, { status: changed.status, percent: changed.percent });
-        options.onProgress?.(changed, event);
+        if (valid(epoch) && current()) {
+          options.onProgress?.(changed, event);
+        }
       };
       const handleSuccess = (response) => {
         if (!current()) {
@@ -405,7 +428,9 @@ function useUploader(options) {
         attempts.delete(file.uid);
         const changed = { ...item, status: "success", percent: 100, response };
         queue.patch(file.uid, { status: changed.status, percent: changed.percent, response });
-        options.onSuccess?.(changed);
+        if (valid(epoch)) {
+          options.onSuccess?.(changed);
+        }
       };
       const handleError = (error) => {
         if (!current()) {
@@ -414,7 +439,9 @@ function useUploader(options) {
         attempts.delete(file.uid);
         const changed = { ...item, status: "error", percent: 0, error };
         queue.patch(file.uid, { status: changed.status, percent: changed.percent, error });
-        options.onError?.(changed);
+        if (valid(epoch)) {
+          options.onError?.(changed);
+        }
       };
       const requestOptions = {
         action: options.action?.(),
@@ -447,7 +474,9 @@ function useUploader(options) {
       attempts.delete(file.uid);
       const changed = { ...item, status: "error", percent: 0, error };
       queue.patch(file.uid, changed);
-      options.onError?.(changed);
+      if (valid(epoch)) {
+        options.onError?.(changed);
+      }
     }
   }
   function abort(file) {
@@ -483,7 +512,9 @@ function useUploader(options) {
       cancelAttempt(file.uid);
       pendingAuto.delete(file.uid);
       queue.remove(file);
-      options.onRemove?.(file);
+      if (valid(epoch)) {
+        options.onRemove?.(file);
+      }
     } catch {
     } finally {
       if (removals.get(file.uid) === token) {
@@ -510,10 +541,11 @@ function useUploader(options) {
     });
   }
   function reset() {
-    feedback.cancel();
     if (disabled.value) {
       return;
     }
+    feedback.cancel();
+    preparation.cancel();
     generation++;
     replacementTarget.value = void 0;
     adding = Promise.resolve();
@@ -564,6 +596,8 @@ function useUploader(options) {
   });
   return {
     guardPending: feedback.pending,
+    /** @internal Coordinates deferred field confirmation with file preparation. */
+    editorPending: vue.computed(() => feedback.pending.value || preparation.pending.value),
     fileList: queue.fileList,
     maxReached,
     disabled,

package/lib/upload/use-upload-locale.js

@@ -1,20 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-require("../locale/index.js");
 const state = require("../locale/state.js");
+const zhCN = require("../locale/zh-CN.js");
+function text(key, fallback) {
+  const value = state.t(key);
+  return String(state.defaultLocaleReady.value ? value : value ?? fallback);
+}
 function useUploadLocale() {
   return vue.computed(() => ({
-    replace: String(state.t("upload.replace")),
-    duration: String(state.t("upload.duration")),
-    upload: String(state.t("upload.buttonText")),
-    dropFiles: String(state.t("upload.drag")),
-    preview: String(state.t("upload.preview")),
-    download: String(state.t("upload.download")),
-    cancel: String(state.t("upload.cancel")),
-    retry: String(state.t("upload.retry")),
-    remove: String(state.t("upload.delete")),
-    close: String(state.t("upload.close"))
+    replace: text("upload.replace", zhCN.defaultUploadReplace),
+    duration: text("upload.duration", zhCN.defaultUploadDuration),
+    upload: text("upload.buttonText", zhCN.defaultUploadButtonText),
+    dropFiles: text("upload.drag", zhCN.defaultUploadDrag),
+    preview: text("upload.preview", zhCN.defaultUploadPreview),
+    download: text("upload.download", zhCN.defaultUploadDownload),
+    cancel: text("upload.cancel", zhCN.defaultUploadCancel),
+    retry: text("upload.retry", zhCN.defaultUploadRetry),
+    remove: text("upload.delete", zhCN.defaultUploadDelete),
+    close: text("upload.close", zhCN.defaultUploadClose)
   }));
 }
 exports.useUploadLocale = useUploadLocale;

package/lib/utils/modal-focus.js

@@ -72,6 +72,13 @@ function useModalFocus(root, active, isTop, lockScroll = () => true, ownerDocume
       target.focus({ preventScroll: true });
     }
   }
+  function focusAfterEnter() {
+    const doc = root()?.ownerDocument;
+    const current = doc?.activeElement;
+    if (!current || current === doc?.body || current === doc?.documentElement || previous.includes(current)) {
+      focus();
+    }
+  }
   function restore() {
     const focused = owner?.activeElement;
     const target = previous.find(restorable);
@@ -176,7 +183,7 @@ function useModalFocus(root, active, isTop, lockScroll = () => true, ownerDocume
         unbind();
         bind();
       }
-      if (value) {
+      if (value && (!captured || root() !== element)) {
         capture();
       }
     },
@@ -207,6 +214,6 @@ function useModalFocus(root, active, isTop, lockScroll = () => true, ownerDocume
     unbind();
     restore();
   });
-  return { focus, restore, trap };
+  return { focus, focusAfterEnter, restore, trap };
 }
 exports.useModalFocus = useModalFocus;

package/lib/utils/modal-surface.js

@@ -42,7 +42,7 @@ function useModalSurface(options) {
   const { zIndex: zIndex$1 } = zIndex.useZIndex(layerActive, 3);
   const mergedZIndex = vue.computed(() => options.zIndex() ?? zIndex$1.value);
   const { onStackTop } = popupLayer.usePopupLayer(layerActive, mergedZIndex, modalDocument);
-  const { focus, restore } = modalFocus.useModalFocus(
+  const { focus, focusAfterEnter, restore } = modalFocus.useModalFocus(
     () => options.root.value?.querySelector("[data-modal-focus-root]") ?? options.root.value,
     () => mergedOpen.value,
     onStackTop,
@@ -52,7 +52,13 @@ function useModalSurface(options) {
   vue.watch(
     [popupContainerTarget, () => options.popupContainer() === false],
     () => {
-      vue.nextTick(focus);
+      vue.nextTick(() => {
+        const doc = modalDocument();
+        const current = doc?.activeElement;
+        if (!current || current === doc?.body || current === doc?.documentElement) {
+          focus();
+        }
+      });
     },
     { flush: "post" }
   );
@@ -128,7 +134,7 @@ function useModalSurface(options) {
   vue.onBeforeUnmount(unbind);
   function opened() {
     if (mergedOpen.value) {
-      focus();
+      focusAfterEnter();
       transition.opened();
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maple-design/ui-vue",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A Vue3 component library based on semantic tokens and brand themes, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
@@ -67,9 +67,9 @@
   "dependencies": {
     "dayjs": "^1.11.13",
     "decimal.js": "^10.6.0",
-    "@maple-design/shared-vue": "1.1.0",
-    "@maple-design/use-vue": "1.1.0",
-    "@maple-design/icons-vue": "1.1.1"
+    "@maple-design/shared-vue": "1.1.1",
+    "@maple-design/icons-vue": "1.1.2",
+    "@maple-design/use-vue": "1.1.1"
   },
   "devDependencies": {
     "@types/node": "^18.7.20",
@@ -85,8 +85,8 @@
     "vue": "3.5.13",
     "vue-router": "4.5.0",
     "zod": "^3.25.76",
-    "@maple-design/cli-vue": "1.1.0",
-    "@maple-design/touch-emulator-vue": "1.1.0"
+    "@maple-design/cli-vue": "1.1.1",
+    "@maple-design/touch-emulator-vue": "1.1.1"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/styleVars.d.ts

@@ -1369,6 +1369,8 @@ interface BaseStyleVars {
   '--mp-select-popup-option-bg-disabled'?: string
   '--mp-select-popup-option-bg-hover'?: string
   '--mp-select-popup-option-bg-selected'?: string
+  '--mp-select-popup-option-bg-selected-hover'?: string
+  '--mp-select-popup-option-border-radius'?: string
   '--mp-select-popup-option-check-color'?: string
   '--mp-select-popup-option-check-gap'?: string
   '--mp-select-popup-option-check-size'?: string
@@ -1381,6 +1383,7 @@ interface BaseStyleVars {
   '--mp-select-popup-option-text-color-disabled'?: string
   '--mp-select-popup-option-text-color-hover'?: string
   '--mp-select-popup-option-text-color-selected'?: string
+  '--mp-select-popup-padding-horizontal'?: string
   '--mp-select-popup-padding-vertical'?: string
   '--mp-signature-background-color'?: string
   '--mp-signature-border-radius'?: string

package/types-generated/_components/field-presentation/editor-pending.d.ts

@@ -0,0 +1,3 @@
+import type { InjectionKey, Ref } from 'vue';
+/** Internal pending work of the control currently rendered by a field editor. */
+export declare const fieldEditorControlPending: InjectionKey<Ref<boolean>>;

package/types-generated/_components/field-presentation/with-field-presentation.d.ts

@@ -11,6 +11,8 @@ export interface FieldEditorContext {
     readonly: boolean;
 }
 export interface FieldPresentationAdapter {
+    /** Selection editors commit on a completed choice when confirmation is disabled. */
+    selectionConfirmation?: 'update' | 'select';
     /** Pause selection mutations during loading while leaving search text editable. */
     pauseSelectionWhileLoading?: boolean;
     /** Explicit completion notifications owned by final deferred acceptance. */

package/types-generated/_components/picker-field/range-labels.d.ts

@@ -0,0 +1 @@
+export declare function usePickerRangeLabels(kind: () => 'date' | 'time'): import("vue").ComputedRef<any[]>;

package/types-generated/action-sheet/ActionSheet.vue.d.ts

@@ -1,3 +1,4 @@
+import { miscText as t } from '../locale/misc-text';
 import { type ActionItem } from './index';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     safeArea: BooleanConstructor;
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         [k: string]: unknown;
     }>;
     pt: ((id: string) => string | undefined) | null;
-    t: (id: string) => any;
+    t: typeof t;
     n: (suffix?: string | undefined) => string;
     classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
     handleSelect: (action: ActionItem) => void;

package/types-generated/action-sheet/index.d.ts

@@ -93,7 +93,7 @@ declare namespace ActionSheet {
             [k: string]: unknown;
         }>;
         pt: ((id: string) => string | undefined) | null;
-        t: (id: string) => any;
+        t: typeof import("../locale/misc-text").miscText;
         n: (suffix?: string | undefined) => string;
         classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
         handleSelect: (action: ActionItem) => void;

package/types-generated/auto-complete/auto-complete.d.ts

@@ -85,8 +85,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    wordLength: import("vue").PropType<import("../input").WordLength>;
-    wordSlice: import("vue").PropType<import("../input").WordSlice>;
+    wordLength: import("vue").PropType<import("..").WordLength>;
+    wordSlice: import("vue").PropType<import("..").WordSlice>;
     inputAttrs: import("vue").PropType<Record<string, unknown>>;
     editMode: {
         type: import("vue").PropType<import("../_components/field-presentation/context").FieldEditMode>;
@@ -111,6 +111,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     defaultOpen: BooleanConstructor;
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     searchDelay: {
         type: NumberConstructor;
         default: number;
@@ -219,8 +223,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    wordLength: import("vue").PropType<import("../input").WordLength>;
-    wordSlice: import("vue").PropType<import("../input").WordSlice>;
+    wordLength: import("vue").PropType<import("..").WordLength>;
+    wordSlice: import("vue").PropType<import("..").WordSlice>;
     inputAttrs: import("vue").PropType<Record<string, unknown>>;
     editMode: {
         type: import("vue").PropType<import("../_components/field-presentation/context").FieldEditMode>;
@@ -245,6 +249,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     defaultOpen: BooleanConstructor;
+    needConfirm: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     searchDelay: {
         type: NumberConstructor;
         default: number;
@@ -289,6 +297,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     emptyText: string;
     maxLength: import("../utils/text-input-value").TextInputMaxLength;
     showWordLimit: boolean;
+    needConfirm: boolean;
     searchDelay: number;
     filterOption: import("./props").AutoCompleteFilterOption;
     caseSensitive: boolean;