@web-utils/component 4.0.16 → 5.0.0-beta02

package/image-cropper/index.mjs

@@ -1,73 +1,171 @@
-import { B as r } from "../chunks/util.DqFv_pWg.mjs";
-import { VueCropper as n } from "vue-cropper";
-import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const p = {
-  name: "ImageCropper",
-  components: {
-    VueCropper: n
-  },
-  data() {
-    return {
-      visible: !1,
-      previews: {},
-      option: {}
-    };
-  },
-  methods: {
-    show() {
-      this.visible = !0;
-    },
-    // 图片缩放
-    changeScale(o) {
-      o = o || 1, this.$refs.cropper.changeScale(o);
-    },
-    // 向左旋转
-    rotateLeft() {
-      this.$refs.cropper.rotateLeft();
-    },
-    // 向右旋转
-    rotateRight() {
-      this.$refs.cropper.rotateRight();
-    },
-    // 实时预览函数
-    realTime(o) {
-      this.previews = o;
-    },
-    submit() {
-      this.visible = !1, this.$refs.cropper.getCropData((o) => {
-        var t, i;
-        let e = o;
-        this.option.type === "file" && (e = r(o, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), (i = (t = this.option).callback) == null || i.call(t, e);
-      });
-    },
-    cancel(o) {
-      var e, t;
-      o == null || o(), this.visible = !1, (t = (e = this.option).cancel) == null || t.call(e), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
-    }
-  }
-};
-var a = function() {
-  var e = this, t = e._self._c;
-  return t("ElementDialog", { staticClass: "avue-cropper", attrs: { visible: e.visible, "before-close": e.cancel, title: "图片剪裁", "close-on-press-escape": !1, "close-on-click-modal": !1, "modal-append-to-body": e.$AVUE.modalAppendToBody, "append-to-body": e.$AVUE.appendToBody, width: "1000px" }, on: { "update:visible": function(i) {
-    e.visible = i;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "small", type: "primary" }, on: { click: e.submit } }, [e._v(" 确 定 ")]), t("ElButton", { attrs: { size: "small" }, on: { click: function(i) {
-      return e.cancel();
-    } } }, [e._v(" 取 消 ")])];
-  }, proxy: !0 }]) }, [t("div", { staticClass: "cropper-content" }, [t("div", { staticClass: "cropper-box" }, [t("div", { staticClass: "cropper" }, [t("VueCropper", { ref: "cropper", attrs: { img: e.option.img, "output-size": e.option.outputSize, "output-type": e.option.outputType, info: e.option.info, "can-scale": e.option.canScale, "auto-crop": e.option.autoCrop, "auto-crop-width": e.option.autoCropWidth, "auto-crop-height": e.option.autoCropHeight, fixed: e.option.fixed, "fixed-number": e.option.fixedNumber, full: e.option.full, "fixed-box": e.option.fixedBox, "can-move": e.option.canMove, "can-move-box": e.option.canMoveBox, original: e.option.original, "center-box": e.option.centerBox, height: e.option.height, "info-true": e.option.infoTrue, "max-img-size": e.option.maxImgSize, enlarge: e.option.enlarge, mode: e.option.mode }, on: { realTime: e.realTime } })], 1), t("div", { staticClass: "footer-btn" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-zoom-in" }, on: { click: function(i) {
-    return e.changeScale(1);
-  } } }), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-zoom-out" }, on: { click: function(i) {
-    return e.changeScale(-1);
-  } } }), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-refresh-left" }, on: { click: e.rotateLeft } }), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-refresh-right" }, on: { click: e.rotateRight } })], 1)]), t("div", { staticClass: "show-preview" }, [t("div", { staticClass: "preview", style: e.previews.div }, [t("img", { style: e.previews.img, attrs: { src: e.previews.url, alt: "" } })])])])]);
-}, l = [], c = /* @__PURE__ */ s(
-  p,
-  a,
-  l,
-  !1,
-  null,
-  null
-);
-const h = c.exports;
-export {
-  h as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { i as t } from "../chunks/util.g-WQEec9.mjs";
+import { createBlock as n, createCommentVNode as r, createElementVNode as i, createTextVNode as a, createVNode as o, normalizeStyle as s, openBlock as c, resolveComponent as l, withCtx as u } from "vue";
+import { VueCropper as d } from "vue-cropper";
+//#region src/components/image-cropper/ImageCropper.vue
+var f = {
+	name: "ImageCropper",
+	components: { VueCropper: d },
+	data() {
+		return {
+			visible: !1,
+			previews: {},
+			option: {}
+		};
+	},
+	methods: {
+		show() {
+			this.visible = !0;
+		},
+		changeScale(e) {
+			e = e || 1, this.$refs.cropper.changeScale(e);
+		},
+		rotateLeft() {
+			this.$refs.cropper.rotateLeft();
+		},
+		rotateRight() {
+			this.$refs.cropper.rotateRight();
+		},
+		realTime(e) {
+			this.previews = e;
+		},
+		submit() {
+			this.visible = !1, this.$refs.cropper.getCropData((e) => {
+				var n, r;
+				let i = e;
+				this.option.type === "file" && (i = t(e, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), (n = (r = this.option).callback) == null || n.call(r, i);
+			});
+		},
+		cancel(e) {
+			var t, n;
+			e == null || e(), this.visible = !1, (t = (n = this.option).cancel) == null || t.call(n), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
+		}
+	}
+}, p = { class: "cropper-content" }, m = { class: "cropper-box" }, h = { class: "cropper" }, g = { class: "footer-btn" }, _ = { class: "show-preview" }, v = ["src"];
+function y(e, t, d, f, y, b) {
+	let x = l("VueCropper"), S = l("ElButton"), C = l("ElementDialog");
+	return c(), n(C, {
+		visible: y.visible,
+		"onUpdate:visible": t[3] || (t[3] = (e) => y.visible = e),
+		class: "avue-cropper",
+		"before-close": b.cancel,
+		title: "图片剪裁",
+		"close-on-press-escape": !1,
+		"close-on-click-modal": !1,
+		"modal-append-to-body": e.$AVUE.modalAppendToBody,
+		"append-to-body": e.$AVUE.appendToBody,
+		width: "1000px"
+	}, {
+		footer: u(() => [o(S, {
+			size: "default",
+			type: "primary",
+			onClick: b.submit
+		}, {
+			default: u(() => [...t[4] || (t[4] = [a(" 确 定 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), o(S, {
+			size: "default",
+			onClick: t[2] || (t[2] = (e) => b.cancel())
+		}, {
+			default: u(() => [...t[5] || (t[5] = [a(" 取 消 ", -1)])]),
+			_: 1
+		})]),
+		default: u(() => [i("div", p, [
+			i("div", m, [
+				i("div", h, [o(x, {
+					ref: "cropper",
+					img: y.option.img,
+					"output-size": y.option.outputSize,
+					"output-type": y.option.outputType,
+					info: y.option.info,
+					"can-scale": y.option.canScale,
+					"auto-crop": y.option.autoCrop,
+					"auto-crop-width": y.option.autoCropWidth,
+					"auto-crop-height": y.option.autoCropHeight,
+					fixed: y.option.fixed,
+					"fixed-number": y.option.fixedNumber,
+					full: y.option.full,
+					"fixed-box": y.option.fixedBox,
+					"can-move": y.option.canMove,
+					"can-move-box": y.option.canMoveBox,
+					original: y.option.original,
+					"center-box": y.option.centerBox,
+					height: y.option.height,
+					"info-true": y.option.infoTrue,
+					"max-img-size": y.option.maxImgSize,
+					enlarge: y.option.enlarge,
+					mode: y.option.mode,
+					onRealTime: b.realTime
+				}, null, 8, [
+					"img",
+					"output-size",
+					"output-type",
+					"info",
+					"can-scale",
+					"auto-crop",
+					"auto-crop-width",
+					"auto-crop-height",
+					"fixed",
+					"fixed-number",
+					"full",
+					"fixed-box",
+					"can-move",
+					"can-move-box",
+					"original",
+					"center-box",
+					"height",
+					"info-true",
+					"max-img-size",
+					"enlarge",
+					"mode",
+					"onRealTime"
+				])]),
+				r("底部操作工具按钮"),
+				i("div", g, [
+					o(S, {
+						size: "default",
+						type: "primary",
+						icon: "el-icon-zoom-in",
+						onClick: t[0] || (t[0] = (e) => b.changeScale(1))
+					}),
+					o(S, {
+						size: "default",
+						type: "primary",
+						icon: "el-icon-zoom-out",
+						onClick: t[1] || (t[1] = (e) => b.changeScale(-1))
+					}),
+					o(S, {
+						size: "default",
+						type: "primary",
+						icon: "el-icon-refresh-left",
+						onClick: b.rotateLeft
+					}, null, 8, ["onClick"]),
+					o(S, {
+						size: "default",
+						type: "primary",
+						icon: "el-icon-refresh-right",
+						onClick: b.rotateRight
+					}, null, 8, ["onClick"])
+				])
+			]),
+			r("预览效果图"),
+			i("div", _, [i("div", {
+				style: s(y.previews.div),
+				class: "preview"
+			}, [i("img", {
+				src: y.previews.url,
+				style: s(y.previews.img),
+				alt: ""
+			}, null, 12, v)], 4)])
+		])]),
+		_: 1
+	}, 8, [
+		"visible",
+		"before-close",
+		"modal-append-to-body",
+		"append-to-body"
+	]);
+}
+var b = /* @__PURE__ */ e(f, [["render", y]]);
+//#endregion
+export { b as default };

package/image-preview/index.mjs

@@ -1,116 +1,2 @@
-import { i as r } from "../chunks/util.DqFv_pWg.mjs";
-import { setPx as o } from "@web-utils/core";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const u = {
-  name: "ImagePreview",
-  data() {
-    return {
-      left: 0,
-      top: 0,
-      scale: 1,
-      datas: [],
-      rotate: 0,
-      isShow: !1,
-      index: 0,
-      ops: {}
-    };
-  },
-  computed: {
-    styleBoxName() {
-      return {
-        marginLeft: o(this.left),
-        marginTop: o(this.top)
-      };
-    },
-    styleName() {
-      return {
-        transform: `scale(${this.scale}) rotate(${this.rotate}deg)`,
-        maxWidth: "100%",
-        maxHeight: "100%"
-      };
-    },
-    isRrrow() {
-      return this.datas.length > 1;
-    }
-  },
-  methods: {
-    getName(i) {
-      return i.substring(i.lastIndexOf("/") + 1);
-    },
-    handlePrint() {
-      this.$Print(`#avue-image-preview__${this.index}`);
-    },
-    handlePrev() {
-      this.$refs.carousel.prev(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
-    },
-    handleNext() {
-      this.$refs.carousel.next(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
-    },
-    stopItem() {
-      this.left = 0, this.top = 0, this.$refs.item.forEach((i) => {
-        var e;
-        (e = i.pause) == null || e.call(i);
-      });
-    },
-    isMediaType(i) {
-      return r(i.url, i.type);
-    },
-    subScale() {
-      this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
-    },
-    addScale() {
-      this.scale = parseFloat((this.scale + 0.2).toFixed(2));
-    },
-    handleChange() {
-      this.scale = 1, this.rotate = 0;
-    },
-    move(i) {
-      let e = i.clientX, t = i.clientY;
-      const s = 2;
-      document.onmousemove = (a) => {
-        const n = a.clientX - e, l = a.clientY - t;
-        e = a.clientX, t = a.clientY, this.left = this.left + n * s, this.top = this.top + l * s;
-      }, document.onmouseup = () => {
-        document.onmousemove = null, document.onmouseup = null;
-      };
-    },
-    handleClick(i, e, t = !1) {
-      typeof this.ops.click == "function" ? this.ops.click(i, e) : t && window.open(i.url);
-    },
-    close() {
-      this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
-    }
-  }
-};
-var d = function() {
-  var e = this, t = e._self._c;
-  return e.isShow ? t("div", { staticClass: "avue-image-preview" }, [e.ops.modal ? t("div", { staticClass: "avue-image-preview__mask", on: { click: e.close } }) : e._e(), t("span", { staticClass: "el-image-viewer__btn el-image-viewer__close", on: { click: e.close } }, [t("i", { staticClass: "el-icon-circle-close" })]), e.isRrrow ? t("span", { staticClass: "el-image-viewer__btn el-image-viewer__prev", on: { click: function(s) {
-    return e.handlePrev();
-  } } }, [t("i", { staticClass: "el-icon-arrow-left" })]) : e._e(), e.isRrrow ? t("span", { staticClass: "el-image-viewer__btn el-image-viewer__next", on: { click: function(s) {
-    return e.handleNext();
-  } } }, [t("i", { staticClass: "el-icon-arrow-right" })]) : e._e(), t("div", { ref: "box", staticClass: "avue-image-preview__box" }, [t("ElCarousel", { ref: "carousel", attrs: { "show-indicators": !1, "initial-index": e.index, "initial-swipe": e.index, interval: 0, arrow: "never", "indicator-position": "none" }, on: { change: e.handleChange } }, e._l(e.datas, function(s, a) {
-    return t("ElCarouselItem", { key: a, nativeOn: { click: function(n) {
-      if (n.target !== n.currentTarget) return null;
-      e.ops.closeOnClickModal && e.close();
-    } } }, [e.isMediaType(s) ? t(e.isMediaType(s), { ref: "item", refInFor: !0, tag: "Component", style: [e.styleName, e.styleBoxName], attrs: { id: `avue-image-preview__${a}`, src: s.url, controls: "controls", ondragstart: "return false" }, on: { click: function(n) {
-      return e.handleClick(s, a);
-    }, mousedown: e.move } }) : t("div", { staticClass: "avue-image-preview__file", attrs: { id: `avue-image-preview__${a}` }, on: { click: function(n) {
-      return e.handleClick(s, a, !0);
-    } } }, [t("span", [t("i", { staticClass: "el-icon-document" }), t("p", [e._v(e._s(s.name || e.getName(s.url)))])])])], 1);
-  }), 1)], 1), t("div", { staticClass: "el-image-viewer__btn el-image-viewer__actions" }, [t("div", { staticClass: "el-image-viewer__actions__inner" }, [t("i", { staticClass: "el-icon-zoom-out", on: { click: e.subScale } }), t("i", { staticClass: "el-icon-zoom-in", on: { click: e.addScale } }), t("i", { staticClass: "el-image-viewer__actions__divider" }), t("i", { staticClass: "el-icon-printer", on: { click: e.handlePrint } }), t("i", { staticClass: "el-image-viewer__actions__divider" }), t("i", { staticClass: "el-icon-refresh-left", on: { click: function(s) {
-    e.rotate = e.rotate - 90;
-  } } }), t("i", { staticClass: "el-icon-refresh-right", on: { click: function(s) {
-    e.rotate = e.rotate + 90;
-  } } })])])]) : e._e();
-}, h = [], m = /* @__PURE__ */ c(
-  u,
-  d,
-  h,
-  !1,
-  null,
-  null
-);
-const p = m.exports;
-export {
-  p as default
-};
+import { t as e } from "../chunks/ImagePreview.ByEWJYdu.mjs";
+export { e as default };

package/image-viewer/index.mjs

@@ -1,67 +1,70 @@
-import s from "viewerjs";
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createElementBlock as n, normalizeStyle as r, openBlock as i, renderList as a, renderSlot as o, vShow as s, withDirectives as c } from "vue";
+import l from "viewerjs";
 import "viewerjs/dist/viewer.css";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  name: "ImageViewer",
-  props: {
-    images: Array,
-    url: {
-      type: String,
-      default: "data-src"
-    },
-    lazy: Boolean
-  },
-  mounted() {
-    this.lazy || this.init({
-      container: this.$refs.wrapper,
-      options: {
-        navbar: !1,
-        backdrop: "static",
-        url: this.url
-      }
-    });
-  },
-  updated() {
-    var r;
-    this.lazy || (r = this.gallery) == null || r.update();
-  },
-  beforeDestroy() {
-    this.lazy || this.gallery.destroy();
-  },
-  methods: {
-    init({ container: r, options: e }) {
-      this.gallery = new s(r, e);
-    },
-    show({ container: r, options: e, index: a } = {}) {
-      r = r || this.$refs.wrapper, e = e || {
-        navbar: !1,
-        backdrop: "static",
-        url: this.url,
-        loop: !1,
-        initialViewIndex: a || 0,
-        hidden: () => {
-          this.gallery.destroy(), this.gallery = null;
-        }
-      }, this.gallery || (this.init({ container: r, options: e }), this.gallery.show());
-    }
-  }
-};
-var n = function() {
-  var e = this, a = e._self._c;
-  return a("div", { directives: [{ name: "show", rawName: "v-show", value: !e.lazy, expression: "!lazy" }], ref: "wrapper", staticClass: "image-viewer" }, [e._t("default", function() {
-    return e._l(e.images, function(t) {
-      return a("img", { key: t.src, staticClass: "image-item", style: { backgroundImage: `url('${t.src}')` }, attrs: { "data-src": t.src, alt: t.alt } });
-    });
-  })], 2);
-}, o = [], c = /* @__PURE__ */ i(
-  l,
-  n,
-  o,
-  !1,
-  null,
-  null
-);
-const u = c.exports;
-export {
-  u as default
-};
+//#region src/components/ImageViewer.vue
+var u = {
+	name: "ImageViewer",
+	props: {
+		images: Array,
+		url: {
+			type: String,
+			default: "data-src"
+		},
+		lazy: Boolean
+	},
+	mounted() {
+		this.lazy || this.init({
+			container: this.$refs.wrapper,
+			options: {
+				navbar: !1,
+				backdrop: "static",
+				url: this.url
+			}
+		});
+	},
+	updated() {
+		if (!this.lazy) {
+			var e;
+			(e = this.gallery) == null || e.update();
+		}
+	},
+	beforeUnmount() {
+		this.lazy || this.gallery.destroy();
+	},
+	methods: {
+		init({ container: e, options: t }) {
+			this.gallery = new l(e, t);
+		},
+		show({ container: e, options: t, index: n } = {}) {
+			e = e || this.$refs.wrapper, t = t || {
+				navbar: !1,
+				backdrop: "static",
+				url: this.url,
+				loop: !1,
+				initialViewIndex: n || 0,
+				hidden: () => {
+					this.gallery.destroy(), this.gallery = null;
+				}
+			}, this.gallery || (this.init({
+				container: e,
+				options: t
+			}), this.gallery.show());
+		}
+	}
+}, d = {
+	ref: "wrapper",
+	class: "image-viewer"
+}, f = ["data-src", "alt"];
+function p(e, l, u, p, m, h) {
+	return c((i(), n("div", d, [o(e.$slots, "default", {}, () => [(i(!0), n(t, null, a(u.images, (e) => (i(), n("img", {
+		key: e.src,
+		class: "image-item",
+		style: r({ backgroundImage: `url('${e.src}')` }),
+		"data-src": e.src,
+		alt: e.alt
+	}, null, 12, f))), 128))])], 512)), [[s, !u.lazy]]);
+}
+var m = /* @__PURE__ */ e(u, [["render", p]]);
+//#endregion
+export { m as default };

package/index.d.ts

@@ -1,3 +1,4 @@
+import { App } from 'vue';
 import { default as AddressInput } from '../../../../../src/components/AddressInput.vue';
 import { default as Affix } from '../../../../../src/components/affix/Affix.vue';
 import { default as AsideMenu } from '../../../../../src/components/AsideMenu.vue';
@@ -9,7 +10,6 @@ import { default as Carousel } from '../../../../../src/components/carousel/Caro
 import { default as Chat } from '../../../../../src/components/chat/Chat.vue';
 import { default as ChunkFileUploader } from '../../../../../src/components/chunk-file-uploader/ChunkFileUploader.vue';
 import { default as CodeMirrorEditor } from '../../../../../src/components/code-mirror/CodeMirrorEditor.vue';
-import { default as ColorPicker } from '../../../../../src/components/color-picker/ColorPicker.vue';
 import { default as Comment } from '../../../../../src/components/comment/Comment.vue';
 import { default as Confirmable } from '../../../../../src/components/button/Confirmable.vue';
 import { default as ConfirmButton } from '../../../../../src/components/button/ConfirmButton.vue';
@@ -36,8 +36,6 @@ import { default as EasyPopup } from '../../../../../src/components/EasyPopup.vu
 import { default as ECharts } from '../../../../../src/components/ECharts.vue';
 import { default as EditableProgress } from '../../../../../src/components/EditableProgress.vue';
 import { default as EditableTree } from '../../../../../src/components/EditableTree.vue';
-import { default as EgdCollapse } from '../../../../../src/components/collapse/EgdCollapse.vue';
-import { default as EgdCollapseItem } from '../../../../../src/components/collapse/EgdCollapseItem.vue';
 import { default as ElementDialog } from '../../../../../src/components/dialog/ElementDialog.vue';
 import { default as Ellipsis } from '../../../../../src/components/Ellipsis.vue';
 import { default as EmptyView } from '../../../../../src/components/empty-view/EmptyView.vue';
@@ -62,7 +60,6 @@ import { default as FormInput } from '../../../../../src/components/form/FormInp
 import { default as FormInputCronExpression } from '../../../../../src/components/form/FormInputCronExpression.vue';
 import { default as FormInputEmail } from '../../../../../src/components/form/FormInputEmail.vue';
 import { default as FormInputIdCard } from '../../../../../src/components/form/FormInputIdCard.vue';
-import { default as FormInputNumber } from '../../../../../src/components/form/FormInputNumber.vue';
 import { default as FormInputPhoneNumber } from '../../../../../src/components/form/FormInputPhoneNumber.vue';
 import { default as FormInputTag } from '../../../../../src/components/form/FormInputTag.vue';
 import { default as FormInputTime } from '../../../../../src/components/form/FormInputTime.vue';
@@ -117,10 +114,8 @@ import { default as IframeWindow } from '../../../../../src/components/IframeWin
 import { default as ImageCropper } from '../../../../../src/components/image-cropper/ImageCropper.vue';
 import { default as ImagePreview } from '../../../../../src/components/image-preview/ImagePreview.vue';
 import { default as ImageViewer } from '../../../../../src/components/ImageViewer.vue';
-import { default as InputNumber } from '../../../../../src/components/InputNumber.vue';
 import { default as InputNumberRange } from '../../../../../src/components/InputNumberRange.vue';
 import { default as JSXComponent } from '../../../../../src/components/jsx-component/JSXComponent.jsx';
-import { default as KeepViewAlive } from '../../../../../src/components/KeepViewAlive.vue';
 import { default as Keyboard } from '../../../../../src/components/keyboard/Keyboard.vue';
 import { default as License } from '../../../../../src/components/license/License.vue';
 import { default as LoadingView } from '../../../../../src/components/LoadingView.vue';
@@ -145,7 +140,6 @@ import { default as Queue } from '../../../../../src/components/queue/Queue.vue'
 import { default as RecordVideo } from '../../../../../src/components/video/RecordVideo.vue';
 import { default as ResizeObserver } from '../../../../../src/components/ResizeObserver.vue';
 import { default as Search } from '../../../../../src/components/search/Search.vue';
-import { default as SearchPopover } from '../../../../../src/components/SearchPopover.vue';
 import { default as Sign } from '../../../../../src/components/sign/Sign.vue';
 import { default as SignPanel } from '../../../../../src/components/SignPanel.vue';
 import { default as Skeleton } from '../../../../../src/components/skeleton/Skeleton.vue';
@@ -174,7 +168,7 @@ import { default as VueTreeSelect } from '../../../../../src/components/tree-sel
 import { default as VueVideoPlayer } from '../../../../../src/components/vue-video-player/VueVideoPlayer.vue';
 import { default as Watermark } from '../../../../../src/components/Watermark.vue';
 import { default as XInputTag } from '../../../../../src/components/XInputTag.vue';
-export { AddressInput, Affix, AsideMenu, Avatar, AwesomeButton, CapsuleTab, Card, Carousel, Chat, ChunkFileUploader, CodeMirrorEditor, ColorPicker, Comment, Confirmable, ConfirmButton, ContextMenu, CountUp, CustomScrollbar, DataBox, DataCard, DataCardText, DataDisplay, DataIcons, DataImgtext, DataOperatext, DataPanel, DataPay, DataPrice, DataProgress, DataRotate, DataTablePicker, DataTabs, DialogForm, DynamicTable, EasyPopup, ECharts, EditableProgress, EditableTree, EgdCollapse, EgdCollapseItem, ElementDialog, Ellipsis, EmptyView, ErrorView, FlexColumn, FlexItem, FlexRow, FlexScroller, Flow, FlowDesigner, FlowNode, FlowViewer, FormBlock, FormButton, FormCard, FormCascader, FormCheckbox, FormCheckboxGroup, FormDatePicker, FormHolder, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItem, FormItemConfigProvider, FormItemGroup, FormRadioGroup, FormSelect, FormSwitch, FormTable, FormTablePlus, FormTextarea, FormTreeSelect, FormTreeSelectMultiple, FormView, FyArray, FyArticle, FyCascader, FyCheckbox, FyCode, FyCurd, FyDate, FyDraggable, FyDynamic, FyEmpty, FyForm, FyFormDesign, FyInput, FyInputColor, FyInputIcon, FyInputMap, FyInputNumber, FyInputTable, FyInputTree, FyProgress, FyRadio, FyRate, FySelect, FySlider, FySwitch, FyTabs, FyTime, FyTitle, FyTree, FyUEditor, FyUpload, GuideSteps, HighlightJS, IconCard, IconTemp, IframeWindow, ImageCropper, ImagePreview, ImageViewer, InputNumber, InputNumberRange, JSXComponent, KeepViewAlive, Keyboard, License, LoadingView, Login, MonacoEditor, NameAvatar, NavBar, Notice, NotImplement, Page, PageableTable, PageableView, PageHeader, PageIndex, PageIndexTop, PageSkeleton, PageSkeletonNew, PhotoSwipe, PickerTableView, PresentView, Queue, RecordVideo, ResizeObserver, Search, SearchPopover, Sign, SignPanel, Skeleton, SkeletonPanel, SplitPane, Stateful, StaticPageableTable, SubTable, SubTablePlus, Swiper, Tab, TabItem, TableColumn, TableView, TabsView, TagRender, TextEllipsis, Toolbar, ToolbarButton, Verify, VueCron, VueQrCode, VueQuillEditor, VueTagsInput, VueTreeSelect, VueVideoPlayer, Watermark, XInputTag };
+export { AddressInput, Affix, AsideMenu, Avatar, AwesomeButton, CapsuleTab, Card, Carousel, Chat, ChunkFileUploader, CodeMirrorEditor, Comment, Confirmable, ConfirmButton, ContextMenu, CountUp, CustomScrollbar, DataBox, DataCard, DataCardText, DataDisplay, DataIcons, DataImgtext, DataOperatext, DataPanel, DataPay, DataPrice, DataProgress, DataRotate, DataTablePicker, DataTabs, DialogForm, DynamicTable, EasyPopup, ECharts, EditableProgress, EditableTree, ElementDialog, Ellipsis, EmptyView, ErrorView, FlexColumn, FlexItem, FlexRow, FlexScroller, Flow, FlowDesigner, FlowNode, FlowViewer, FormBlock, FormButton, FormCard, FormCascader, FormCheckbox, FormCheckboxGroup, FormDatePicker, FormHolder, FormInput, FormInputCronExpression, FormInputEmail, FormInputIdCard, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItem, FormItemConfigProvider, FormItemGroup, FormRadioGroup, FormSelect, FormSwitch, FormTable, FormTablePlus, FormTextarea, FormTreeSelect, FormTreeSelectMultiple, FormView, FyArray, FyArticle, FyCascader, FyCheckbox, FyCode, FyCurd, FyDate, FyDraggable, FyDynamic, FyEmpty, FyForm, FyFormDesign, FyInput, FyInputColor, FyInputIcon, FyInputMap, FyInputNumber, FyInputTable, FyInputTree, FyProgress, FyRadio, FyRate, FySelect, FySlider, FySwitch, FyTabs, FyTime, FyTitle, FyTree, FyUEditor, FyUpload, GuideSteps, HighlightJS, IconCard, IconTemp, IframeWindow, ImageCropper, ImagePreview, ImageViewer, InputNumberRange, JSXComponent, Keyboard, License, LoadingView, Login, MonacoEditor, NameAvatar, NavBar, Notice, NotImplement, Page, PageableTable, PageableView, PageHeader, PageIndex, PageIndexTop, PageSkeleton, PageSkeletonNew, PhotoSwipe, PickerTableView, PresentView, Queue, RecordVideo, ResizeObserver, Search, Sign, SignPanel, Skeleton, SkeletonPanel, SplitPane, Stateful, StaticPageableTable, SubTable, SubTablePlus, Swiper, Tab, TabItem, TableColumn, TableView, TabsView, TagRender, TextEllipsis, Toolbar, ToolbarButton, Verify, VueCron, VueQrCode, VueQuillEditor, VueTagsInput, VueTreeSelect, VueVideoPlayer, Watermark, XInputTag };
 export declare const componentNames: string[];
 export * from './helper-function';
-export default function (Vue: any): void;
+export default function (app: App): void;