zartui 3.1.14 → 3.1.16

package/es/cell/Cell.d.ts

@@ -194,8 +194,8 @@ declare const _default: import("vue").DefineComponent<{
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: CellDirection;
     isLink: boolean;

package/es/cell/index.d.ts

@@ -97,8 +97,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: import("./types").CellDirection;
     isLink: boolean;

package/es/date-time-picker/DateTimePicker.mjs

@@ -124,7 +124,7 @@ var stdin_default = defineComponent({
         }
       }
       onClose();
-      emit("confirm");
+      emit("confirm", currentValue.value);
     };
     const onOpen = () => {
       var _a, _b, _c;

package/es/dropdown-item/types.d.ts

@@ -3,10 +3,10 @@ import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 export type DropdownItemOptionValue = Numeric | boolean | string;
 export type DropdownItemOption = {
-    text: string;
+    text?: string;
     icon?: string;
-    value: DropdownItemOptionValue;
-    selected: boolean;
+    value?: DropdownItemOptionValue;
+    selected?: boolean;
     [key: PropertyKey]: any;
 };
 export type DropdownItemExpose = {

package/es/field/Field.d.ts

@@ -382,11 +382,11 @@ declare const _default: import("vue").DefineComponent<{
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("../cell").CellDirection;
     isLink: boolean;

package/es/field/index.d.ts

@@ -227,11 +227,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: import("./types").FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("..").CellDirection;
     isLink: boolean;

package/es/index.d.ts

@@ -81,4 +81,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.13";
+export const version: "3.1.15";

package/es/index.mjs

@@ -74,7 +74,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.1.13";
+const version = "3.1.15";
 function install(app) {
   const components = [
     ActionSheet,

package/es/multiple-picker/MultiplePicker.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes } from 'vue';
+import { Numeric } from '../utils';
 import { PickerOption } from './types';
 declare const multiplePickerProps: {
     title: StringConstructor;
@@ -51,6 +52,10 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<Numeric[]>;
+        default: () => Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
@@ -108,11 +113,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<Numeric[]>;
+        default: () => Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -163,6 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<Numeric[]>;
+        default: () => Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
@@ -173,6 +186,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedValue"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     closeOnClickOverlay: boolean;
@@ -189,5 +203,6 @@ declare const _default: import("vue").DefineComponent<{
     columnCounts: number;
     toolbarPosition: string;
     selectedIndex: number[];
+    selectedValue: Numeric[];
 }, {}>;
 export default _default;

package/es/multiple-picker/MultiplePicker.mjs

@@ -2,6 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, defineComponent } from "vue";
 import { createNamespace, makeArrayProp, makeNumberProp, makeNumericProp, makeStringProp, truthProp } from "../utils/index.mjs";
 import { unitToPx } from "../utils/format.mjs";
+import { deepClone } from "../utils/deep-clone.mjs";
 import Loading from "../loading/index.mjs";
 import MultiplePickerOptions from "./MultiplePickerOptions.mjs";
 import Popup from "../popup/index.mjs";
@@ -25,17 +26,31 @@ const multiplePickerProps = {
   textKey: makeStringProp("text"),
   columnCounts: makeNumberProp(3),
   selectedIndex: makeArrayProp([]),
+  selectedValue: makeArrayProp([]),
   popup: truthProp
 };
 var stdin_default = defineComponent({
   name,
   props: multiplePickerProps,
-  emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex"],
+  emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex", "update:selectedValue"],
   setup(props, {
     emit,
     slots
   }) {
     const confirmIndexes = ref(props.selectedIndex);
+    const confirmValues = ref(props.selectedValue);
+    const getIndexesByValues = () => {
+      var _a;
+      if (confirmValues.value && confirmValues.value.length > 0) {
+        confirmIndexes.value.splice(0, confirmIndexes.value.length);
+        (_a = props.options) == null ? void 0 : _a.forEach((option, index) => {
+          if (option.value && confirmValues.value.includes(option.value)) {
+            confirmIndexes.value.push(index);
+          }
+        });
+      }
+    };
+    getIndexesByValues();
     const pickerOptions = ref();
     const currentShow = ref(props.showPicker);
     const DEFAULT_ITEM_HEIGHT = ref(36);
@@ -43,7 +58,9 @@ var stdin_default = defineComponent({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      confirmIndexes.value = props.selectedIndex;
+      confirmIndexes.value = deepClone(props.selectedIndex);
+      confirmValues.value = deepClone(props.selectedValue);
+      getIndexesByValues();
     });
     watch(() => props.showPicker, (newValue) => {
       var _a;

package/es/multiple-picker/MultiplePickerOptions.mjs

@@ -1,6 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, defineComponent, reactive } from "vue";
 import { createNamespace, isObject, makeArrayProp, makeNumberProp, makeStringProp } from "../utils/index.mjs";
+import { deepClone } from "../utils/deep-clone.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("multiple-picker-options");
 const multiplePickerOptionsProps = {
@@ -83,7 +84,8 @@ var stdin_default = defineComponent({
         }, [slots.options ? slots.options(option) : _createVNode("div", childData, null)]);
       });
     };
-    const setConfirmIndex = (indexes) => {
+    const setConfirmIndex = (data) => {
+      const indexes = deepClone(data);
       state.confirmed = true;
       const keys = Object.keys(indexes);
       currentIndexes.value.length = 0;

package/es/multiple-picker/index.d.ts

@@ -51,11 +51,15 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => import("../utils").Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -106,6 +110,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => import("../utils").Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
@@ -116,6 +124,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedValue"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     closeOnClickOverlay: boolean;
@@ -132,6 +141,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     columnCounts: number;
     toolbarPosition: string;
     selectedIndex: number[];
+    selectedValue: import("../utils").Numeric[];
 }, {}>>;
 export default MultiplePicker;
 export type { MultiplePickerProps };

package/es/pull-refresh/PullRefresh.d.ts

@@ -1,4 +1,5 @@
-import type { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
+import { TargetContainer } from '../utils';
 declare const pullRefreshProps: {
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -19,6 +20,7 @@ declare const pullRefreshProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: PropType<TargetContainer>;
 };
 export type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -41,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: PropType<TargetContainer>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -61,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: PropType<TargetContainer>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/pull-refresh/PullRefresh.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, nextTick, defineComponent } from "vue";
-import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp } from "../utils/index.mjs";
+import { ref, watch, reactive, nextTick, defineComponent, computed } from "vue";
+import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp, getTargetDom } from "../utils/index.mjs";
 import { useEventListener, useScrollParent } from "@zartui/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import { Loading } from "../loading/index.mjs";
@@ -17,7 +17,8 @@ const pullRefreshProps = {
   loadingText: String,
   pullDistance: numericProp,
   successDuration: makeNumericProp(500),
-  animationDuration: makeNumericProp(300)
+  animationDuration: makeNumericProp(300),
+  scrollElement: null
 };
 var stdin_default = defineComponent({
   name,
@@ -30,7 +31,17 @@ var stdin_default = defineComponent({
     let reachTop;
     const root = ref();
     const track = ref();
-    const scrollParent = useScrollParent(root);
+    const rootScrollElement = useScrollParent(root);
+    const scrollParent = computed(() => {
+      if (props.scrollElement) {
+        const targetDom = getTargetDom(props.scrollElement);
+        if (!targetDom) {
+          console.warn("\u8BF7\u68C0\u67E5props scroll-element\u5143\u7D20\u662F\u5426\u5B58\u5728\uFF01");
+        }
+        return targetDom != null ? targetDom : rootScrollElement.value;
+      }
+      return rootScrollElement.value;
+    });
     const state = reactive({
       status: "normal",
       distance: 0,

package/es/pull-refresh/index.d.ts

@@ -18,6 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: import("vue").PropType<import("../utils").TargetContainer>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -38,6 +39,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: import("vue").PropType<import("../utils").TargetContainer>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/es/utils/dom.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 export type ScrollElement = Element | Window;
+export type TargetContainer = string | HTMLElement | (() => HTMLElement);
 export declare function getScrollTop(el: ScrollElement): number;
 export declare function setScrollTop(el: ScrollElement, value: number): void;
 export declare function getRootScrollTop(): number;
@@ -10,4 +11,5 @@ export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
 export declare function colorFromCSSClass(className: string, defaultColor: string): string;
+export declare const getTargetDom: (target: TargetContainer) => HTMLElement;
 export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;

package/es/utils/dom.mjs

@@ -61,12 +61,27 @@ function colorFromCSSClass(className, defaultColor) {
   document.body.removeChild(tmp);
   return !classColor ? defaultColor : classColor;
 }
+const getTargetDom = (target) => {
+  if (target) {
+    if (typeof target === "string") {
+      return document.querySelectorAll(target)[0];
+    }
+    if (typeof target === "function") {
+      return target();
+    }
+    if (typeof target === "object" && target instanceof window.HTMLElement) {
+      return target;
+    }
+  }
+  return document.body;
+};
 const { width: windowWidth, height: windowHeight } = useWindowSize();
 export {
   colorFromCSSClass,
   getElementTop,
   getRootScrollTop,
   getScrollTop,
+  getTargetDom,
   isHidden,
   preventDefault,
   resetScroll,

package/lib/cell/Cell.d.ts

@@ -194,8 +194,8 @@ declare const _default: import("vue").DefineComponent<{
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: CellDirection;
     isLink: boolean;

package/lib/cell/index.d.ts

@@ -97,8 +97,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: import("./types").CellDirection;
     isLink: boolean;

package/lib/date-time-picker/DateTimePicker.js

@@ -156,7 +156,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
       onClose();
-      emit("confirm");
+      emit("confirm", currentValue.value);
     };
     const onOpen = () => {
       var _a, _b, _c;

package/lib/dropdown-item/types.d.ts

@@ -3,10 +3,10 @@ import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 export type DropdownItemOptionValue = Numeric | boolean | string;
 export type DropdownItemOption = {
-    text: string;
+    text?: string;
     icon?: string;
-    value: DropdownItemOptionValue;
-    selected: boolean;
+    value?: DropdownItemOptionValue;
+    selected?: boolean;
     [key: PropertyKey]: any;
 };
 export type DropdownItemExpose = {

package/lib/field/Field.d.ts

@@ -382,11 +382,11 @@ declare const _default: import("vue").DefineComponent<{
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("../cell").CellDirection;
     isLink: boolean;

package/lib/field/index.d.ts

@@ -227,11 +227,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: import("./types").FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("..").CellDirection;
     isLink: boolean;

package/lib/index.d.ts

@@ -81,4 +81,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.13";
+export const version: "3.1.15";

package/lib/index.js

@@ -176,7 +176,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.1.13";
+const version = "3.1.15";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

package/lib/multiple-picker/MultiplePicker.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes } from 'vue';
+import { Numeric } from '../utils';
 import { PickerOption } from './types';
 declare const multiplePickerProps: {
     title: StringConstructor;
@@ -51,6 +52,10 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<Numeric[]>;
+        default: () => Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
@@ -108,11 +113,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<Numeric[]>;
+        default: () => Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -163,6 +172,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<Numeric[]>;
+        default: () => Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
@@ -173,6 +186,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedValue"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     closeOnClickOverlay: boolean;
@@ -189,5 +203,6 @@ declare const _default: import("vue").DefineComponent<{
     columnCounts: number;
     toolbarPosition: string;
     selectedIndex: number[];
+    selectedValue: Numeric[];
 }, {}>;
 export default _default;

package/lib/multiple-picker/MultiplePicker.js

@@ -34,6 +34,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_format = require("../utils/format");
+var import_deep_clone = require("../utils/deep-clone");
 var import_loading = __toESM(require("../loading"));
 var import_MultiplePickerOptions = __toESM(require("./MultiplePickerOptions"));
 var import_popup = __toESM(require("../popup"));
@@ -57,17 +58,31 @@ const multiplePickerProps = {
   textKey: (0, import_utils.makeStringProp)("text"),
   columnCounts: (0, import_utils.makeNumberProp)(3),
   selectedIndex: (0, import_utils.makeArrayProp)([]),
+  selectedValue: (0, import_utils.makeArrayProp)([]),
   popup: import_utils.truthProp
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: multiplePickerProps,
-  emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex"],
+  emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex", "update:selectedValue"],
   setup(props, {
     emit,
     slots
   }) {
     const confirmIndexes = (0, import_vue2.ref)(props.selectedIndex);
+    const confirmValues = (0, import_vue2.ref)(props.selectedValue);
+    const getIndexesByValues = () => {
+      var _a;
+      if (confirmValues.value && confirmValues.value.length > 0) {
+        confirmIndexes.value.splice(0, confirmIndexes.value.length);
+        (_a = props.options) == null ? void 0 : _a.forEach((option, index) => {
+          if (option.value && confirmValues.value.includes(option.value)) {
+            confirmIndexes.value.push(index);
+          }
+        });
+      }
+    };
+    getIndexesByValues();
     const pickerOptions = (0, import_vue2.ref)();
     const currentShow = (0, import_vue2.ref)(props.showPicker);
     const DEFAULT_ITEM_HEIGHT = (0, import_vue2.ref)(36);
@@ -75,7 +90,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      confirmIndexes.value = props.selectedIndex;
+      confirmIndexes.value = (0, import_deep_clone.deepClone)(props.selectedIndex);
+      confirmValues.value = (0, import_deep_clone.deepClone)(props.selectedValue);
+      getIndexesByValues();
     });
     (0, import_vue2.watch)(() => props.showPicker, (newValue) => {
       var _a;

package/lib/multiple-picker/MultiplePickerOptions.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_deep_clone = require("../utils/deep-clone");
 var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("multiple-picker-options");
 const multiplePickerOptionsProps = {
@@ -105,7 +106,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.options ? slots.options(option) : (0, import_vue.createVNode)("div", childData, null)]);
       });
     };
-    const setConfirmIndex = (indexes) => {
+    const setConfirmIndex = (data) => {
+      const indexes = (0, import_deep_clone.deepClone)(data);
       state.confirmed = true;
       const keys = Object.keys(indexes);
       currentIndexes.value.length = 0;