vary-ui 3.22.31 → 3.22.33

package/dist/{Loading-zNSvmXHL.js → Loading-dsc4xtWj.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, createVNode } from 'vue';
-import { c as config } from './config-BbHkZ2sa.js';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from './config-CWaLe8x2.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _a;
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{Wrap-BZZuevK7.js → Wrap-BwmKeJ0Z.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Button/Button.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
+import { c as config } from '../../config-CWaLe8x2.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Card/Card.js

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, createTextVNode } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, ref, createVNode } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/CheckboxGroup/CheckboxGroup.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, provide, computed, createVNode } from 'vue';
-import { i as isArray } from '../../utils-m9eydBum.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { i as isArray } from '../../utils-CXRNx5bZ.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Confirm/Confirm.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, createVNode, createApp, h, isVNode } from 'vue';
 import Button from '../Button/Button.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
-import '../../config-BbHkZ2sa.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
+import '../../config-CWaLe8x2.js';
 import '@iconify/vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/lib/Date/Date.js

@@ -1,11 +1,11 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, createTextVNode } from 'vue';
-import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-m9eydBum.js';
+import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-CXRNx5bZ.js';
 import Popover from '../Popover/Popover.js';
 import Scroll from '../Scroll/Scroll.js';
 import Link from '../Link/Link.js';
-import { W as Wrap } from '../../Wrap-BZZuevK7.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { W as Wrap } from '../../Wrap-BwmKeJ0Z.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 import '@iconify/vue';
 
 const weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];

package/dist/lib/Dialog/Dialog.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, onMounted, onBeforeUnmount, createVNode, createTextVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Divider/Divider.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Form/Form.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, provide, createVNode } from 'vue';
-import { _ as __awaiter } from '../../_tslib-BuyYwAYo.js';
+import { _ as __awaiter } from '../../_tslib-D8eTVuhf.js';
 import Schema from 'async-validator';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/FormItem/FormItem.js

@@ -1,8 +1,8 @@
 import { defineComponent, inject, computed, ref, onMounted, onUnmounted, provide, createVNode } from 'vue';
-import { _ as __awaiter } from '../../_tslib-BuyYwAYo.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
+import { _ as __awaiter } from '../../_tslib-D8eTVuhf.js';
+import { c as config } from '../../config-CWaLe8x2.js';
 import Schema from 'async-validator';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Input/Input.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
-import { W as Wrap } from '../../Wrap-BZZuevK7.js';
-import { c as isFun } from '../../utils-m9eydBum.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { W as Wrap } from '../../Wrap-BwmKeJ0Z.js';
+import { c as isFun } from '../../utils-CXRNx5bZ.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -94,10 +94,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const validateField = inject("validateField", (event, v) => {}); // 触发校验事件
     const inputValue = ref("");
     if (_props.modelValue) {
-      inputValue.value = _props.modelValue + "";
+      inputValue.value = _props.modelValue === null || _props.modelValue == undefined ? "" : _props.modelValue + "";
     }
     watch(() => _props.modelValue, v => {
-      inputValue.value = v + "";
+      inputValue.value = v === null || v == undefined ? "" : v + "";
       validateField("change", v + "");
       validateField("input", v + "");
     });

package/dist/lib/Link/Link.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
+import { c as config } from '../../config-CWaLe8x2.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Loading/Loading.js

@@ -1,7 +1,7 @@
 import { shallowRef, createApp, h } from 'vue';
-import { L as Loading } from '../../Loading-zNSvmXHL.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { L as Loading } from '../../Loading-dsc4xtWj.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 const defaultOptions = {
     lock: false,

package/dist/lib/Menu/Menu.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, createVNode } from 'vue';
-import { k as debounce } from '../../utils-m9eydBum.js';
+import { k as debounce } from '../../utils-CXRNx5bZ.js';
 import Scroll from '../Scroll/Scroll.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Message/Message.js

@@ -1,6 +1,6 @@
 import { defineComponent, onMounted, h, createApp } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = defineComponent({
     props: {

package/dist/lib/Pagination/Pagination.js

@@ -1,15 +1,15 @@
 import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
 import Select from '../Select/Select.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
-import '../../_tslib-BuyYwAYo.js';
-import '../../utils-m9eydBum.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
+import '../../_tslib-D8eTVuhf.js';
+import '../../utils-CXRNx5bZ.js';
 import '../Popover/Popover.js';
-import '../../Wrap-BZZuevK7.js';
+import '../../Wrap-BwmKeJ0Z.js';
 import '../Input/Input.js';
 import '../Checkbox/Checkbox.js';
 import '../Scroll/Scroll.js';
-import '../../Loading-zNSvmXHL.js';
+import '../../Loading-dsc4xtWj.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Popover/Popover.js

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, Teleport, nextTick } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, createVNode } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioButton/RadioButton.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, createVNode } from 'vue';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { defineComponent, provide, computed, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Scene/Scene.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /*@__PURE__*/ defineComponent({
     __name: 'Scene',

package/dist/lib/Scroll/Scroll.js

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, ref, onMounted, nextTick, onBeforeUnmount, createVNode } from 'vue';
-import { k as debounce } from '../../utils-m9eydBum.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { k as debounce } from '../../utils-CXRNx5bZ.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 /**
  * note:

package/dist/lib/Select/Select.js

@@ -1,14 +1,14 @@
 import { defineComponent, ref, shallowRef, reactive, watch, onMounted, createVNode, createTextVNode, nextTick, isVNode } from 'vue';
-import { _ as __awaiter } from '../../_tslib-BuyYwAYo.js';
-import { i as isArray, a as isObject, k as debounce } from '../../utils-m9eydBum.js';
+import { _ as __awaiter } from '../../_tslib-D8eTVuhf.js';
+import { i as isArray, a as isObject, k as debounce } from '../../utils-CXRNx5bZ.js';
 import Popover from '../Popover/Popover.js';
-import { W as Wrap } from '../../Wrap-BZZuevK7.js';
+import { W as Wrap } from '../../Wrap-BwmKeJ0Z.js';
 import Input from '../Input/Input.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Scroll from '../Scroll/Scroll.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { L as Loading } from '../../Loading-zNSvmXHL.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { L as Loading } from '../../Loading-dsc4xtWj.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 /**
   关于远程搜索:

package/dist/lib/Skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Tab/Tab.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(_props, {

package/dist/lib/Table/Table.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, shallowRef, reactive, computed, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
-import { m as matchChildrenCoponent, k as debounce, t as throttle } from '../../utils-m9eydBum.js';
+import { m as matchChildrenCoponent, k as debounce, t as throttle } from '../../utils-CXRNx5bZ.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Scroll from '../Scroll/Scroll.js';
 import TableColumn from '../TableColumn/TableColumn.js';
-import { c as config } from '../../config-BbHkZ2sa.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { c as config } from '../../config-CWaLe8x2.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 let colKey = 0;
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/lib/TableColumn/TableColumn.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Tabs/Tabs.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
-import { m as matchChildrenCoponent } from '../../utils-m9eydBum.js';
+import { m as matchChildrenCoponent } from '../../utils-CXRNx5bZ.js';
 import Tab from '../Tab/Tab.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BmDbqpF9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-B-aGZ5h0.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/types/index.d.ts

@@ -27,7 +27,7 @@ import Radio from "./lib/RadioGroup/Radio.vue";
 import RadioButton from "./lib/RadioGroup/RadioButton.vue";
 import RadioGroup from "./lib/RadioGroup/RadioGroup.vue";
 import Confirm from "./lib/Confirm/Confirm";
-import Preview from "./lib/Preview/Preview.vue";
+import VarPreview from "./lib/Preview/Preview";
 import { Icon } from "@iconify/vue";
 declare const VarMessage: {
     success: any;
@@ -39,8 +39,7 @@ declare const VarMessage: {
 declare const VarConfirm: typeof Confirm;
 declare const VarAlert: typeof Confirm;
 declare const VarLoading: import("vue").DefineComponent<{}, {}, any>;
-declare const VarPreview: import("vue").DefineComponent<{}, {}, any>;
-export { Scene, Card, Dialog, Divider, Button, Link, Input, Radio, RadioButton, RadioGroup, Checkbox, CheckboxGroup, Select, Date, Tab, Tabs, Table, TableColumn, Menu, Scroll, Skeleton, Switch, Pagination, Popover, Preview, Form, FormItem, Tree, VarMessage, VarConfirm, VarAlert, VarLoading, VarPreview, Icon, };
+export { Scene, Card, Dialog, Divider, Button, Link, Input, Radio, RadioButton, RadioGroup, Checkbox, CheckboxGroup, Select, Date, Tab, Tabs, Table, TableColumn, Menu, Scroll, Skeleton, Switch, Pagination, Popover, Form, FormItem, Tree, VarMessage, VarConfirm, VarAlert, VarLoading, VarPreview, Icon, };
 export * from "./lib/utils";
 import "./src/styles/root.scss";
 import "./icomoon/style.css";

package/dist/vary-ui.js

@@ -16,8 +16,8 @@ import Scene from './lib/Scene/Scene.js';
 import Scroll from './lib/Scroll/Scroll.js';
 import Select from './lib/Select/Select.js';
 import Skeleton from './lib/Skeleton/Skeleton.js';
-import { defineComponent, ref, watch, createVNode, onMounted, onBeforeUnmount, createTextVNode } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-BmDbqpF9.js';
+import { defineComponent, ref, watch, createVNode, onMounted, onBeforeUnmount, createTextVNode, createApp, h } from 'vue';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-B-aGZ5h0.js';
 import Tab from './lib/Tab/Tab.js';
 import Tabs from './lib/Tabs/Tabs.js';
 import Table from './lib/Table/Table.js';
@@ -28,13 +28,13 @@ import RadioGroup from './lib/RadioGroup/RadioGroup.js';
 import Message from './lib/Message/Message.js';
 import createConfirm from './lib/Confirm/Confirm.js';
 import './lib/Loading/Loading.js';
+import { c as config, s as setConfig } from './config-CWaLe8x2.js';
 import { Icon } from '@iconify/vue';
 export { Icon } from '@iconify/vue';
-export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-m9eydBum.js';
-import { s as setConfig } from './config-BbHkZ2sa.js';
-import { L as Loading } from './Loading-zNSvmXHL.js';
-import './Wrap-BZZuevK7.js';
-import './_tslib-BuyYwAYo.js';
+export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-CXRNx5bZ.js';
+import { L as Loading } from './Loading-dsc4xtWj.js';
+import './Wrap-BwmKeJ0Z.js';
+import './_tslib-D8eTVuhf.js';
 import 'async-validator';
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -341,11 +341,40 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 
 var Preview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/loki/Documents/office/aprojects/vary/vary-ui/lib/Preview/Preview.vue"]]);
 
+const mountRoot = typeof window === "object"
+    ? document.createElement("div")
+    : {};
+mountRoot.id = "preview_root";
+const defaultOptions = {
+    current: 0,
+    zIndex: 30,
+    urls: [],
+};
+function createPreviewInstance(options) {
+    if (options.urls.length === 0) {
+        console.warn("preview urls is empty");
+        return;
+    }
+    if (!document.body.contains(mountRoot)) {
+        document.body.appendChild(mountRoot);
+    }
+    const previewInstance = createApp({
+        render() {
+            return h(Preview, Object.assign(Object.assign(Object.assign(Object.assign({ current: 0, zIndex: 20 }, defaultOptions), (config.preview || {})), { // 全局配置
+                onClose() {
+                    // 组件内部出发的close事件
+                    previewInstance.unmount();
+                } }), options));
+        },
+    });
+    previewInstance.mount(mountRoot);
+}
+Preview.show = createPreviewInstance;
+
 const VarMessage = Message;
 const VarConfirm = createConfirm;
 const VarAlert = createConfirm;
 const VarLoading = Loading;
-const VarPreview = Preview;
 const comps = {
     Scene,
     Card,
@@ -370,7 +399,6 @@ const comps = {
     Tree,
     Pagination,
     Popover,
-    Preview,
     Menu,
     Scroll,
     Form,
@@ -394,4 +422,4 @@ const VaryUI = {
     },
 };
 
-export { Button, Card, Checkbox, CheckboxGroup, Date, Dialog, Divider, Form, FormItem, Input, Link, Menu, Pagination, Popover, Preview, Radio, RadioButton, RadioGroup, Scene, Scroll, Select, Skeleton, Switch, Tab, Table, TableColumn, Tabs, Tree, VarAlert, VarConfirm, VarLoading, VarMessage, VarPreview, VaryUI as default };
+export { Button, Card, Checkbox, CheckboxGroup, Date, Dialog, Divider, Form, FormItem, Input, Link, Menu, Pagination, Popover, Radio, RadioButton, RadioGroup, Scene, Scroll, Select, Skeleton, Switch, Tab, Table, TableColumn, Tabs, Tree, VarAlert, VarConfirm, VarLoading, VarMessage, Preview as VarPreview, VaryUI as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vary-ui",
-  "version": "3.22.31",
+  "version": "3.22.33",
   "description": "vary-ui base vue3",
   "homepage": "https://varyui.com",
   "main": "dist/vary-ui.js",