zartui 3.0.2 → 3.0.4

package/lib/media-player/MediaPlayer.js

@@ -0,0 +1,130 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_vue2 = require("vue");
+var import_popup = __toESM(require("../popup"));
+const mediaPlayerProps = {
+  show: Boolean,
+  mediaType: (0, import_utils.makeStringProp)("file"),
+  mediaUrl: (0, import_utils.makeStringProp)("")
+};
+const [name, bem] = (0, import_utils.createNamespace)("media-player");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: mediaPlayerProps,
+  emits: ["update:show"],
+  setup(props, {
+    emit
+  }) {
+    const audioRef = (0, import_vue2.ref)();
+    const videoRef = (0, import_vue2.ref)();
+    const getMediaElement = () => {
+      let player;
+      if (props.mediaType === "audio") {
+        player = audioRef.value;
+      } else if (props.mediaType === "video") {
+        player = videoRef.value;
+      }
+      return player;
+    };
+    const onOpen = () => {
+      (0, import_vue2.nextTick)(() => {
+        const player = getMediaElement();
+        if (!player) {
+          return;
+        }
+        if ((0, import_utils.isWeixin)()) {
+          if (typeof WeixinJSBridge === "object" && typeof WeixinJSBridge.invoke === "function") {
+            WeixinJSBridge.invoke("getNetworkType", {}, () => {
+              player.play();
+            });
+          }
+        } else if (!(0, import_utils.isIOS)()) {
+          player.play();
+        }
+      });
+    };
+    const onClose = () => {
+      emit("update:show", false);
+      const player = getMediaElement();
+      if (!player) {
+        return;
+      }
+      player.pause();
+      player.currentTime = 0;
+      if (props.mediaUrl && !props.mediaUrl.startsWith("http")) {
+        (URL || window.webkitURL).revokeObjectURL(props.mediaUrl);
+      }
+    };
+    const renderTag = () => {
+      if (props.mediaUrl) {
+        if (props.mediaType === "video") {
+          return (0, import_vue.createVNode)("video", {
+            "class": bem("video"),
+            "src": props.mediaUrl,
+            "ref": videoRef,
+            "controls": true,
+            "autoplay": true,
+            "id": "video",
+            "webkit-playsinline": true,
+            "playsinline": true
+          }, [(0, import_vue.createTextVNode)("\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E")]);
+        } else if (props.mediaType === "audio") {
+          return (0, import_vue.createVNode)("audio", {
+            "class": bem("audio"),
+            "src": props.mediaUrl,
+            "ref": audioRef,
+            "controls": true,
+            "autoplay": true,
+            "id": "audio"
+          }, [(0, import_vue.createTextVNode)("\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301audio\u6807\u7B7E")]);
+        }
+      }
+    };
+    return () => (0, import_vue.createVNode)(import_popup.default, {
+      "class": bem(),
+      "show": props.show,
+      "position": "bottom",
+      "overlay": true,
+      "safe-area-inset-bottom": true,
+      "close-on-popstate": true,
+      "onOpen": onOpen,
+      "onClickOverlay": onClose
+    }, {
+      default: () => [renderTag(), (0, import_vue.createVNode)("div", {
+        "class": bem("cancel")
+      }, [(0, import_vue.createVNode)("button", {
+        "type": "button",
+        "class": bem("cancel-btn"),
+        "onClick": onClose
+      }, [(0, import_vue.createTextVNode)("\u5173\u95ED")])])]
+    });
+  }
+});

package/lib/media-player/index.css

@@ -0,0 +1 @@
+.zt-media-player{background-color:var(--zt-background);font-size:0}.zt-media-player__video{width:100%;height:400px;max-height:70%;background-color:rgba(0,0,0,.8)}.zt-media-player__audio{width:100%}.zt-media-player__cancel{padding:8px 16px;color:var(--zt-text-color)}.zt-media-player__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:16px;color:var(--zt-text-color);line-height:24px}.zt-media-player__cancel-btn:active{opacity:var(--zt-active-opacity)}

package/lib/media-player/index.d.ts

@@ -0,0 +1,34 @@
+export declare const MediaPlayer: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    mediaType: {
+        type: import("vue").PropType<import("../media-picker/type").MediaType>;
+        default: import("../media-picker/type").MediaType;
+    };
+    mediaUrl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    mediaType: {
+        type: import("vue").PropType<import("../media-picker/type").MediaType>;
+        default: import("../media-picker/type").MediaType;
+    };
+    mediaUrl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    mediaType: import("../media-picker/type").MediaType;
+    mediaUrl: string;
+}>>;
+export default MediaPlayer;
+export type { MediaPlayerProps } from './MediaPlayer';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtMediaPlayer: typeof MediaPlayer;
+    }
+}

package/lib/media-player/index.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  MediaPlayer: () => MediaPlayer,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_MediaPlayer = __toESM(require("./MediaPlayer"));
+const MediaPlayer = (0, import_utils.withInstall)(import_MediaPlayer.default);
+var stdin_default = MediaPlayer;

package/lib/media-player/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/media-player/style/index.js

@@ -0,0 +1,6 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../index.css");

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

@@ -0,0 +1,167 @@
+import { ExtractPropTypes } from 'vue';
+import { PickerOption } from './types';
+declare const multiplePickerProps: {
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+    showPicker: BooleanConstructor;
+    allowHtml: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
+    toolbarPosition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    columnCounts: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedIndex: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+};
+export declare type MultiplePickerProps = ExtractPropTypes<typeof multiplePickerProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+    showPicker: BooleanConstructor;
+    allowHtml: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
+    toolbarPosition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    columnCounts: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedIndex: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "change" | "cancel" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+    showPicker: BooleanConstructor;
+    allowHtml: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    options: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
+    toolbarPosition: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    columnCounts: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selectedIndex: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    closeOnClickOverlay: boolean;
+    closeOnPopstate: boolean;
+    loading: boolean;
+    options: PickerOption[];
+    allowHtml: boolean;
+    showToolbar: boolean;
+    toolbarPosition: string;
+    showPicker: boolean;
+    valueKey: string;
+    itemHeight: string | number;
+    columnCounts: number;
+    selectedIndex: number[];
+}>;
+export default _default;

package/lib/multiple-picker/MultiplePicker.js

@@ -0,0 +1,194 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_format = require("../utils/format");
+var import_loading = __toESM(require("../loading"));
+var import_MultiplePickerOptions = __toESM(require("./MultiplePickerOptions"));
+var import_popup = __toESM(require("../popup"));
+var import_button = __toESM(require("../button"));
+const [name, bem] = (0, import_utils.createNamespace)("multiple-picker");
+const multiplePickerProps = {
+  title: String,
+  loading: Boolean,
+  readonly: Boolean,
+  itemHeight: (0, import_utils.makeNumericProp)(0),
+  cancelButtonText: String,
+  confirmButtonText: String,
+  showPicker: Boolean,
+  allowHtml: import_utils.truthProp,
+  closeOnPopstate: import_utils.truthProp,
+  closeOnClickOverlay: import_utils.truthProp,
+  showToolbar: import_utils.truthProp,
+  options: (0, import_utils.makeArrayProp)(),
+  toolbarPosition: (0, import_utils.makeStringProp)("bottom"),
+  valueKey: (0, import_utils.makeStringProp)("text"),
+  columnCounts: (0, import_utils.makeNumberProp)(3),
+  selectedIndex: (0, import_utils.makeArrayProp)([])
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: multiplePickerProps,
+  emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const confirmIndexes = (0, import_vue2.ref)(props.selectedIndex);
+    const pickerOptions = (0, import_vue2.ref)();
+    const currentShow = (0, import_vue2.ref)(props.showPicker);
+    const DEFAULT_ITEM_HEIGHT = (0, import_vue2.ref)(36);
+    (0, import_vue2.watch)(currentShow, (newValue) => {
+      if (newValue !== props.showPicker) {
+        emit("update:showPicker", newValue);
+      }
+      confirmIndexes.value = props.selectedIndex;
+    });
+    (0, import_vue2.watch)(() => props.showPicker, (newValue) => {
+      var _a;
+      if (newValue !== currentShow.value) {
+        currentShow.value = newValue;
+      }
+      (_a = pickerOptions.value) == null ? void 0 : _a.setConfirmIndex(confirmIndexes.value);
+    });
+    const itemPxHeight = (0, import_vue2.computed)(() => {
+      props.itemHeight ? (0, import_format.unitToPx)(Number(props.itemHeight)) : DEFAULT_ITEM_HEIGHT;
+    });
+    const onCancel = () => {
+      emit("update:showPicker", false);
+      emit("cancel");
+    };
+    const updateShow = (value) => emit("update:showPicker", value);
+    const getOptions = () => {
+      const indexes = confirmIndexes.value;
+      const result = [];
+      indexes == null ? void 0 : indexes.forEach((index) => {
+        if (index > -1 && index < props.options.length && props.options[index]) {
+          result.push({
+            text: props.options[index].text,
+            value: props.options[index].value,
+            initialIndex: index
+          });
+        }
+      });
+      return result;
+    };
+    const onChange = () => emit("change", getOptions());
+    const confirm = () => {
+      const options = getOptions();
+      emit("confirm", options);
+    };
+    const genTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+      return (0, import_vue.createVNode)("div", {
+        "class": ["zt-ellipsis", bem("title")]
+      }, [props.title ? props.title : "\u8BF7\u9009\u62E9"]);
+    };
+    const genCancel = () => {
+      const text = props.cancelButtonText || "\u53D6\u6D88";
+      return (0, import_vue.createVNode)(import_button.default, {
+        "size": "normal",
+        "block": true,
+        "style": {
+          marginRigth: "4px"
+        },
+        "onClick": onCancel
+      }, {
+        default: () => [slots.cancel ? slots.cancel() : text]
+      });
+    };
+    const genConfirm = () => {
+      const text = props.confirmButtonText || "\u786E\u5B9A";
+      return (0, import_vue.createVNode)(import_button.default, {
+        "type": "primary",
+        "size": "normal",
+        "block": true,
+        "style": {
+          marginLeft: "8px"
+        },
+        "onClick": confirm
+      }, {
+        default: () => [slots.confirm ? slots.confirm() : text]
+      });
+    };
+    const genToolbar = () => {
+      if (props.showToolbar) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("toolbar")
+        }, [slots.toolbar ? slots.toolbar() : [genCancel(), genConfirm()]]);
+      }
+    };
+    const genOptionItems = () => {
+      let formatOptions = [];
+      if (props.options && props.options[0] && typeof props.options[0] !== "object") {
+        formatOptions = props.options.map((v) => ({
+          value: v,
+          text: v
+        }));
+      } else {
+        formatOptions = props.options;
+      }
+      return (0, import_vue.createVNode)(import_MultiplePickerOptions.default, {
+        "ref": pickerOptions,
+        "currentIndexes": confirmIndexes.value,
+        "onUpdate:currentIndexes": ($event) => confirmIndexes.value = $event,
+        "columnCounts": props.columnCounts,
+        "initialOptions": formatOptions,
+        "allowHtml": props.allowHtml,
+        "valueKey": props.valueKey,
+        "readonly": props.readonly,
+        "itemHeight": Number(itemPxHeight),
+        "onChange": onChange
+      }, {
+        option: slots.option
+      });
+    };
+    const genOptions = () => (0, import_vue.createVNode)("div", {
+      "class": bem("options")
+    }, [genOptionItems()]);
+    const renderMultiplePicker = () => (0, import_vue.createVNode)("div", {
+      "class": bem()
+    }, [genTitle(), props.loading ? (0, import_vue.createVNode)(import_loading.default, {
+      "class": bem("loading")
+    }, null) : "", genOptions(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
+    return () => (0, import_vue.createVNode)(import_popup.default, {
+      "show": currentShow.value,
+      "onUpdate:show": [($event) => currentShow.value = $event, updateShow],
+      "round": true,
+      "position": "bottom",
+      "closeOnPopstate": props.closeOnPopstate,
+      "closeOnClickOverlay": props.closeOnClickOverlay
+    }, {
+      default: renderMultiplePicker
+    });
+  }
+});

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

@@ -0,0 +1,85 @@
+import { ExtractPropTypes } from 'vue';
+declare const multiplePickerOptionsProps: {
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    columnCounts: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialOptions: {
+        type: import("vue").PropType<object[]>;
+        default: () => object[];
+    };
+    currentIndexes: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+};
+export declare type MultiplePickerOptionsProps = ExtractPropTypes<typeof multiplePickerOptionsProps>;
+declare const _default: import("vue").DefineComponent<{
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    columnCounts: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialOptions: {
+        type: import("vue").PropType<object[]>;
+        default: () => object[];
+    };
+    currentIndexes: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:currentIndexes")[], "change" | "update:currentIndexes", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    columnCounts: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialOptions: {
+        type: import("vue").PropType<object[]>;
+        default: () => object[];
+    };
+    currentIndexes: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:currentIndexes"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    allowHtml: boolean;
+    valueKey: string;
+    itemHeight: number;
+    columnCounts: number;
+    initialOptions: object[];
+    currentIndexes: number[];
+}>;
+export default _default;