@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/props/vue-tree-select.mjs

@@ -0,0 +1,213 @@
+//#region src/props/vue-tree-select.ts
+var e = {
+	allowClearingDisabled: {
+		type: Boolean,
+		default: !1
+	},
+	allowSelectingDisabledDescendants: {
+		type: Boolean,
+		default: !1
+	},
+	alwaysOpen: {
+		type: Boolean,
+		default: !1
+	},
+	appendToBody: {
+		type: Boolean,
+		default: !1
+	},
+	async: {
+		type: Boolean,
+		default: !1
+	},
+	autoFocus: {
+		type: Boolean,
+		default: !1
+	},
+	autoLoadRootOptions: {
+		type: Boolean,
+		default: !0
+	},
+	autoDeselectAncestors: {
+		type: Boolean,
+		default: !1
+	},
+	autoDeselectDescendants: {
+		type: Boolean,
+		default: !1
+	},
+	autoSelectAncestors: {
+		type: Boolean,
+		default: !1
+	},
+	autoSelectDescendants: {
+		type: Boolean,
+		default: !1
+	},
+	backspaceRemoves: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClearAll: {
+		type: Function,
+		default: () => !0
+	},
+	branchNodesFirst: {
+		type: Boolean,
+		default: !1
+	},
+	cacheOptions: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearAllText: {
+		type: String,
+		default: "Clear all"
+	},
+	clearOnSelect: {
+		type: Boolean,
+		default: !1
+	},
+	clearValueText: {
+		type: String,
+		default: "Clear value"
+	},
+	closeOnSelect: {
+		type: Boolean,
+		default: !0
+	},
+	defaultExpandLevel: {
+		type: Number,
+		default: 0
+	},
+	defaultOptions: { default: !1 },
+	deleteRemoves: {
+		type: Boolean,
+		default: !0
+	},
+	delimiter: {
+		type: String,
+		default: ","
+	},
+	flattenSearchResults: {
+		type: Boolean,
+		default: !1
+	},
+	disableBranchNodes: {
+		type: Boolean,
+		default: !1
+	},
+	disableFuzzyMatching: {
+		type: Boolean,
+		default: !1
+	},
+	flat: {
+		type: Boolean,
+		default: !1
+	},
+	instanceId: { type: [String, Number] },
+	joinValues: {
+		type: Boolean,
+		default: !1
+	},
+	limit: {
+		type: Number,
+		default: Infinity
+	},
+	limitText: { type: Function },
+	loadingText: {
+		type: String,
+		default: "Loading..."
+	},
+	loadOptions: { type: Function },
+	matchKeys: {
+		type: Array,
+		default: () => ["label"]
+	},
+	maxHeight: {
+		type: Number,
+		default: 300
+	},
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	name: { type: String },
+	noChildrenText: {
+		type: String,
+		default: "No sub-options."
+	},
+	noOptionsText: {
+		type: String,
+		default: "No options available."
+	},
+	noResultsText: {
+		type: String,
+		default: "No results found..."
+	},
+	normalizer: { type: Function },
+	openDirection: {
+		type: String,
+		default: "auto"
+	},
+	openOnClick: {
+		type: Boolean,
+		default: !0
+	},
+	openOnFocus: {
+		type: Boolean,
+		default: !1
+	},
+	options: { type: Array },
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	retryText: {
+		type: String,
+		default: "Retry?"
+	},
+	retryTitle: {
+		type: String,
+		default: "Click to retry"
+	},
+	searchable: {
+		type: Boolean,
+		default: !0
+	},
+	searchNested: {
+		type: Boolean,
+		default: !1
+	},
+	searchPromptText: {
+		type: String,
+		default: "Type to search..."
+	},
+	showCount: {
+		type: Boolean,
+		default: !1
+	},
+	showCountOf: { type: String },
+	showCountOnSearch: null,
+	sortValueBy: { type: String },
+	tabIndex: {
+		type: Number,
+		default: 0
+	},
+	modelValue: null,
+	valueConsistsOf: { type: String },
+	valueFormat: {
+		type: String,
+		default: "id"
+	},
+	zIndex: {
+		type: [Number, String],
+		default: 999
+	}
+};
+//#endregion
+export { e as allProps };

package/resolver/components.d.ts

@@ -0,0 +1,2 @@
+export declare const componentNames: string[];
+export declare const noStylesComponents: string[];

package/resolver/components.mjs

@@ -0,0 +1,4 @@
+//#region src/resolver/components.ts
+var e = /* @__PURE__ */ "AddressInput.Affix.AwesomeButton.CapsuleTab.Card.CodeMirrorEditor.Confirmable.ConfirmButton.ContextMenu.CountUp.CustomScrollbar.DataBox.DataCard.DataCardText.DataDisplay.DataIcons.DataImgtext.DataOperatext.DataPanel.DataPay.DataPrice.DataProgress.DataRotate.DataTablePicker.DataTabs.DictRender.EasyPopup.ECharts.EditableProgress.EditableTree.ElementDialog.ElementResizeObserver.EmptyView.ErrorView.FlexBox.FlexColumn.FlexItem.FlexRow.FlexScrollArea.FlexScroller.FlowDesigner.FlowViewer.FormAdvice.FormButton.FormCard.FormCascader.FormCell.FormCheckbox.FormCheckboxGroup.FormDatePicker.FormHolder.FormImage.FormInput.FormInputCronExpression.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItem.FormItemConfigProvider.FormItemGroup.FormRadioGroup.FormRate.FormRedTable.FormRow.FormSelect.FormSlider.FormSwitch.FormTable.FormTablePlus.FormText.FormTextarea.FormTimeSelect.FormTreeSelect.FormTreeSelectMultiple.FormView.GuideSteps.HighlightJS.IframeWindow.ImageCropper.ImagePreview.ImageViewer.InputNumberRange.Keyboard.LoadingView.NameAvatar.NavBar.Page.PageableTable.PageHeader.PageIndex.PageIndexTop.PageSkeleton.PageSkeletonNew.PhotoSwipe.SignPanel.SkeletonPanel.SplitPane.Stateful.SubTable.SubTablePlus.Swiper.TableColumn.TableColumnDef.TableView.TagRender.TextEllipsis.Toolbar.ToolbarButton.VueCron.VueQrCode.VueTagsInput.VueTreeSelect.VueVideoPlayer.Watermark.XInputTag.YearCalendar".split("."), t = /* @__PURE__ */ "Affix.AwesomeButton.Confirmable.ConfirmButton.CountUp.CustomScrollbar.DataTablePicker.DictRender.FlexBox.FlexColumn.FlexItem.FlexRow.FlexScrollArea.FormAdvice.FormButton.FormCard.FormCascader.FormCell.FormCheckbox.FormDatePicker.FormImage.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormRadioGroup.FormRate.FormSelect.FormSlider.FormSwitch.FormTable.FormTablePlus.FormText.FormTextarea.FormTimeSelect.PageIndexTop.PhotoSwipe.TableColumnDef.VueQrCode.VueTagsInput.VueTreeSelect.Watermark".split(".");
+//#endregion
+export { e as componentNames, t as noStylesComponents };

package/resolver/index.mjs

@@ -0,0 +1,29 @@
+import { componentNames as e, noStylesComponents as t } from "./components.mjs";
+import { hyphenate as n } from "@web-utils/core";
+//#region src/resolver/index.ts
+var r = ({ importStyle: r = !0, excludeComponents: a = [] } = {}) => {
+	let o = {}, s = {}, c = {};
+	return e.forEach((e) => {
+		o[e] = !0;
+	}), t.forEach((e) => {
+		s[e] = !0;
+	}), a.forEach((e) => {
+		c[e] = !0;
+	}), (e) => {
+		if (c[e] === !0 || o[e] !== !0) return;
+		let t = n(e);
+		return {
+			from: `@web-utils/form-ui/${t}/index.mjs`,
+			sideEffects: i({
+				componentName: e,
+				name: t,
+				importStyle: r,
+				noStylesComponentNameMap: s
+			})
+		};
+	};
+}, i = ({ componentName: e, name: t, importStyle: n = !1, noStylesComponentNameMap: r } = {}) => {
+	if (n && r[e] !== !0) return ["@web-utils/form-ui/base.css", `@web-utils/form-ui/${t}/style.css`];
+};
+//#endregion
+export { r as FormUiResolver };

package/sign-panel/index.d.ts

@@ -0,0 +1,85 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    disabled: BooleanConstructor;
+}>, {}, {
+    edit: boolean;
+}, {}, {
+    init(): void;
+    rollback(): void;
+    position(): void;
+    canvasInit(): void;
+    /**
+     * 绘制水印
+     */
+    drawWaterMark(): void;
+    down(e: any): void;
+    move(e: any): void;
+    up(): void;
+    touchstart(e: any): void;
+    touchmove(e: any): void;
+    startLine(x: any, y: any): void;
+    moveLine(x: any, y: any, event: any): void;
+    clear(): void;
+    cancel(): void;
+    touchend(): void;
+    record(): void;
+    save(): void;
+    showSign(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    disabled: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    text: string;
+    width: number;
+    height: number;
+    fontSize: number;
+    lineWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/sign-panel/index.mjs

@@ -0,0 +1,183 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, normalizeStyle as a, openBlock as o, toDisplayString as s, vShow as c, withDirectives as l, withModifiers as u } from "vue";
+//#region src/components/SignPanel.vue
+var d = {
+	name: "SignPanel",
+	props: {
+		width: {
+			type: Number,
+			default: 400
+		},
+		height: {
+			type: Number,
+			default: 150
+		},
+		lineWidth: {
+			type: Number,
+			default: 1
+		},
+		text: {
+			type: String,
+			default: "签名区"
+		},
+		fontSize: {
+			type: Number,
+			default: 20
+		},
+		modelValue: { type: String },
+		disabled: Boolean
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return { edit: !1 };
+	},
+	mounted() {
+		this.init();
+	},
+	methods: {
+		init() {
+			if (this.stack = [], this.canvas = this.$refs.canvas, !this.canvas.getContext) {
+				alert("当前浏览器不支持手写签名");
+				return;
+			}
+			this.canvasInit();
+		},
+		rollback() {
+			if (this.stack.length > 0) {
+				let e = this.stack[this.stack.length - 1];
+				this.ctx.putImageData(e, 0, 0), this.stack.length = this.stack.length - 1;
+			}
+		},
+		position() {
+			this.restorePoint = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
+			let e = this.canvas.getBoundingClientRect();
+			this.start = e.left, this.end = e.top;
+		},
+		canvasInit() {
+			this.ctx = this.canvas.getContext("2d"), this.ctx.lineCap = "round", this.ctx.lineWidth = this.lineWidth, this.ctx.clearRect(0, 0, this.width, this.height), this.blank = this.canvas.toDataURL("image/png");
+		},
+		drawWaterMark() {
+			this.ctx.font = `${this.fontSize}px bold 黑体`, this.ctx.fillStyle = "#eee", this.ctx.textAlign = "center", this.ctx.shadowBlur = 1, this.ctx.textBaseline = "middle", this.ctx.fillText(this.text, this.width / 2, this.height / 2);
+		},
+		down(e) {
+			this.position(), this.startLine(e.clientX, e.clientY, e), this.target = e.target, this.target.addEventListener("mousemove", this.move), window.addEventListener("mouseup", this.up);
+		},
+		move(e) {
+			this.moveLine(e.clientX, e.clientY, e);
+		},
+		up() {
+			this.target && this.target.removeEventListener("mousemove", this.move), window.removeEventListener("mouseup", this.up), this.record();
+		},
+		touchstart(e) {
+			this.position(), this.startLine(e.changedTouches[0].clientX, e.changedTouches[0].clientY, e);
+		},
+		touchmove(e) {
+			this.moveLine(e.touches[0].clientX, e.touches[0].clientY, e);
+		},
+		startLine(e, t) {
+			this.ctx.beginPath(), e -= this.start, t -= this.end, this.ctx.moveTo(e, t);
+		},
+		moveLine(e, t, n) {
+			n == null || n.preventDefault(), e -= this.start, t -= this.end, this.ctx.lineTo(e, t), this.ctx.stroke();
+		},
+		clear() {
+			this.ctx.clearRect(0, 0, this.width, this.height);
+		},
+		cancel() {
+			this.clear(), this.edit = !1;
+		},
+		touchend() {
+			this.record();
+		},
+		record() {
+			this.stack.push(this.restorePoint);
+		},
+		save() {
+			let e = this.canvas.toDataURL("image/png");
+			this.blank === e ? this.$emit("update:modelValue", "") : this.$emit("update:modelValue", e), this.edit = !1, this.stack.length = 0, this.ctx.clearRect(0, 0, this.width, this.height);
+		},
+		showSign() {
+			this.disabled || (this.edit = !0);
+		}
+	}
+}, f = { class: "sign-panel flex-column" }, p = { class: "sign-edit" }, m = ["width", "height"], h = { class: "sign-tool-bar" }, g = ["src"], _ = {
+	key: 2,
+	class: "el-icon-edit-outline sign-edit-icon"
+};
+function v(e, d, v, y, b, x) {
+	return o(), n("div", f, [
+		t("编辑"),
+		l(r("div", p, [
+			r("div", {
+				style: a({
+					width: `${v.width + 2}px`,
+					height: `${v.height + 2}px`
+				}),
+				class: "sign-draw-area"
+			}, [
+				t("水印层"),
+				r("div", {
+					class: "sign-watermark",
+					style: a({ fontSize: `${v.fontSize}px` })
+				}, s(v.text), 5),
+				t("canvas 画布"),
+				r("canvas", {
+					ref: "canvas",
+					class: "sign-canvas",
+					width: v.width,
+					height: v.height,
+					onTouchstart: d[0] || (d[0] = u((...e) => x.touchstart && x.touchstart(...e), ["stop"])),
+					onTouchmove: d[1] || (d[1] = u((...e) => x.touchmove && x.touchmove(...e), ["stop"])),
+					onMousedown: d[2] || (d[2] = u((...e) => x.down && x.down(...e), ["stop"])),
+					onTouchend: d[3] || (d[3] = u((...e) => x.touchend && x.touchend(...e), ["stop"])),
+					onMouseup: d[4] || (d[4] = u((...e) => x.up && x.up(...e), ["stop"]))
+				}, " 当前浏览器不支持手写签名 ", 40, m)
+			], 4),
+			t("操作按钮"),
+			r("div", h, [
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "red" },
+					onClick: d[5] || (d[5] = (...e) => x.clear && x.clear(...e))
+				}, [...d[10] || (d[10] = [r("i", { class: "fa fa-trash" }, null, -1), i(" 清除 ", -1)])]),
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "red" },
+					onClick: d[6] || (d[6] = (...e) => x.cancel && x.cancel(...e))
+				}, [...d[11] || (d[11] = [r("i", { class: "fa fa-close" }, null, -1), i(" 取消 ", -1)])]),
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "orange" },
+					onClick: d[7] || (d[7] = (...e) => x.rollback && x.rollback(...e))
+				}, [...d[12] || (d[12] = [r("i", { class: "fa fa-repeat" }, null, -1), i(" 撤销 ", -1)])]),
+				r("div", {
+					class: "sign-button flex-item",
+					style: { color: "green" },
+					onClick: d[8] || (d[8] = (...e) => x.save && x.save(...e))
+				}, [...d[13] || (d[13] = [r("i", { class: "fa fa-check" }, null, -1), i(" 确定 ", -1)])])
+			])
+		], 512), [[c, !v.disabled && b.edit]]),
+		t("只读"),
+		l(r("div", {
+			class: "sign-view",
+			style: a({ cursor: v.disabled ? "not-allowed" : "pointer" }),
+			onClick: d[9] || (d[9] = (...e) => x.showSign && x.showSign(...e))
+		}, [
+			v.modelValue ? (o(), n("img", {
+				key: 0,
+				src: v.modelValue,
+				alt: "签名",
+				class: "sign-image"
+			}, null, 8, g)) : t("v-if", !0),
+			v.modelValue ? t("v-if", !0) : (o(), n("p", {
+				key: 1,
+				class: "sign-tips",
+				style: a({ color: !v.modelValue && v.disabled ? "red" : "" })
+			}, s(v.disabled ? "未签名" : "点击进行签名"), 5)),
+			v.disabled ? t("v-if", !0) : (o(), n("i", _))
+		], 4), [[c, v.disabled || !b.edit]])
+	]);
+}
+var y = /* @__PURE__ */ e(d, [["render", v]]);
+//#endregion
+export { y as default };

package/sign-panel/style.css

@@ -0,0 +1 @@
+.sign-panel{-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:#ffff9b00;border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.sign-panel .sign-button:hover{color:#000;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}

package/skeleton-panel/index.d.ts

@@ -0,0 +1,27 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    flexRow: boolean;
+    flexColumn: boolean;
+    hideLeft: boolean;
+    useTab: boolean;
+    $props: {
+        readonly flexRow?: boolean | undefined;
+        readonly flexColumn?: boolean | undefined;
+        readonly hideLeft?: boolean | undefined;
+        readonly useTab?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        left?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/skeleton-panel/index.mjs

@@ -0,0 +1,38 @@
+import { ElTabs as e } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, openBlock as s, renderSlot as c, withCtx as l } from "vue";
+import "element-plus/es/components/tabs/style/css";
+//#region src/components/page/SkeletonPanel.vue
+var u = { class: "skeleton-panel" }, d = {
+	key: 0,
+	class: "skeleton-panel-left"
+}, f = /* @__PURE__ */ Object.assign({ name: "SkeletonPanel" }, {
+	__name: "SkeletonPanel",
+	props: {
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		hideLeft: Boolean,
+		useTab: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(f) {
+		return (p, m) => {
+			let h = e;
+			return s(), r("div", u, [f.hideLeft ? n("v-if", !0) : (s(), r("div", d, [f.useTab ? (s(), t(h, {
+				key: 0,
+				"tab-position": "top",
+				stretch: ""
+			}, {
+				default: l(() => [c(p.$slots, "left", {}, () => [m[0] || (m[0] = a("请添加内容", -1))])]),
+				_: 3
+			})) : c(p.$slots, "left", { key: 1 }, () => [m[1] || (m[1] = a("请添加内容", -1))])])), i("div", { class: o(["skeleton-panel-right", {
+				"flex-column": f.flexColumn,
+				"flex-row": f.flexRow
+			}]) }, [c(p.$slots, "default", {}, () => [m[2] || (m[2] = a("请添加内容", -1))])], 2)]);
+		};
+	}
+});
+//#endregion
+export { f as default };

package/skeleton-panel/style.css

@@ -0,0 +1 @@
+.skeleton-panel{background-color:#fff;flex-direction:row;height:100%;display:flex;overflow:auto}.skeleton-panel .skeleton-panel-right{flex:auto;height:100%;overflow:auto}.skeleton-panel .skeleton-panel-left{border-right:1px solid #ccc;flex-shrink:0;min-width:200px;height:100%;padding:0 10px;overflow:auto}

package/split-pane/index.d.ts

@@ -0,0 +1,106 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator(value: unknown): boolean;
+        default: string;
+    };
+    hideLeft: BooleanConstructor;
+    triggerSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>, {}, {
+    prefix: string;
+    offset: number;
+    oldOffset: number;
+    isMoving: boolean;
+}, {
+    wrapperClasses(): string[];
+    isHorizontal(): boolean;
+    anotherOffset(): number;
+    valueIsPx(): boolean;
+    offsetSize(): "offsetWidth" | "offsetHeight";
+    computedMin(): any;
+    computedMax(): any;
+}, {
+    resetOffset(): void;
+    px2percent(numerator: any, denominator: any): number;
+    getComputedThresholdValue(type: any): any;
+    getMin(value1: any, value2: any): string | number;
+    getMax(value1: any, value2: any): string | number;
+    getAnotherOffset(value: any): number;
+    handleMove(e: any): void;
+    handleUp(): void;
+    handleMousedown(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "on-move-start" | "on-move-end" | "on-moving")[], "update:modelValue" | "on-move-start" | "on-move-end" | "on-moving", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    mode: {
+        validator(value: unknown): boolean;
+        default: string;
+    };
+    hideLeft: BooleanConstructor;
+    triggerSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onOn-move-start"?: ((...args: any[]) => any) | undefined;
+    "onOn-move-end"?: ((...args: any[]) => any) | undefined;
+    "onOn-moving"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    mode: string;
+    max: string | number;
+    min: string | number;
+    hideLeft: boolean;
+    triggerSize: number;
+}, {}, {
+    Trigger: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+        mode: StringConstructor;
+        showIcon: BooleanConstructor;
+        line: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        prefix: string;
+    }, {
+        isVertical(): boolean;
+        classes(): string[];
+        barConClasses(): string[];
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        mode: StringConstructor;
+        showIcon: BooleanConstructor;
+        line: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        line: boolean;
+        showIcon: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;