@web-utils/form-ui 1.0.0-beta10 → 1.0.0-beta100

package/data-operatext/index.mjs

@@ -0,0 +1,56 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { ElCol as t, ElRow as n } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeStyle as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "./style.css";
+//#region src/components/data/operaText/DataOperatext.vue
+var p = {
+	name: "DataOperatext",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		span() {
+			return this.option.span || 6;
+		},
+		data() {
+			return this.option.data || [];
+		}
+	}
+}, m = { class: "avue-data-operatext" }, h = { class: "item" }, g = ["href", "onClick"], _ = { class: "item-title" }, v = { class: "item-subtitle" }, y = { class: "item-content" }, b = { class: "item-img" }, x = ["src"], S = { class: "item-list" }, C = { class: "item-label" }, w = { class: "item-value" };
+function T(e, p, T, E, D, O) {
+	let k = t, A = n;
+	return l(), a("div", m, [s(A, { span: 24 }, {
+		default: f(() => [(l(!0), a(r, null, u(O.data, (e, t) => (l(), i(k, {
+			key: t,
+			md: O.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: f(() => [o("div", h, [o("a", {
+				href: e.href,
+				onClick: (t) => e.click && e.click(e)
+			}, [o("div", {
+				class: "item-header",
+				style: c({
+					backgroundColor: e.color,
+					backgroundImage: `url(${e.colorImg})`
+				})
+			}, [o("span", _, d(e.title), 1), o("span", v, d(e.subtitle), 1)], 4), o("div", y, [o("div", b, [o("img", {
+				src: e.img,
+				alt: ""
+			}, null, 8, x)]), o("div", S, [(l(!0), a(r, null, u(e.list, (e, t) => (l(), a("div", {
+				key: t,
+				class: "item-row"
+			}, [o("span", C, d(e.label), 1), o("span", w, d(e.value), 1)]))), 128))])])], 8, g)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var E = /* @__PURE__ */ e(p, [["render", T]]);
+//#endregion
+export { E as default };

package/data-operatext/style.css

@@ -0,0 +1 @@
+.avue-data-operatext{width:100%}.avue-data-operatext .item{box-sizing:border-box;background:#fff;border-radius:3px;margin:5px 10px;position:relative;box-shadow:0 1px 1px #0000001a}.avue-data-operatext .item a{color:#333;text-decoration:none}.avue-data-operatext .item a:visited{color:inherit}.avue-data-operatext .item-header{color:#fff;background-position:50%;border-top-left-radius:3px;border-top-right-radius:3px;padding:20px 20px 60px}.avue-data-operatext .item-title{text-shadow:0 1px 1px #0003;margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;display:block}.avue-data-operatext .item-subtitle{font-size:14px;font-weight:400}.avue-data-operatext .item-content{background-color:#fff;border-top:1px solid #f4f4f4;border-radius:0 0 3px 3px;padding:10px 10px 20px}.avue-data-operatext .item-img{border:4px solid #fff;border-radius:100%;width:90px;height:90px;margin:-60px auto 5px;overflow:hidden}.avue-data-operatext .item-img img{width:100%;height:100%}.avue-data-operatext .item-list{flex-wrap:wrap;display:flex}.avue-data-operatext .item-row{box-sizing:border-box;text-align:center;width:33.33%}.avue-data-operatext .item-label{margin-bottom:5px;font-size:16px;font-weight:600;display:block}.avue-data-operatext .item-value{text-transform:uppercase;font-weight:300;display:block}

package/data-panel/index.d.ts

@@ -0,0 +1,20 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    decimals(): any;
+    animation(): any;
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/data-panel/index.mjs

@@ -0,0 +1,63 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import t from "../count-up/index.mjs";
+import { ElCol as n, ElRow as r } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, withCtx as m } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "./style.css";
+//#region src/components/data/panel/DataPanel.vue
+var h = {
+	name: "DataPanel",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		decimals() {
+			return this.option.decimals || 0;
+		},
+		animation() {
+			return this.option.animation;
+		},
+		span() {
+			return this.option.span || 6;
+		},
+		data() {
+			return this.option.data || [];
+		}
+	}
+}, g = { class: "avue-data-panel" }, _ = ["href", "onClick"], v = { class: "item" }, y = { class: "item-icon" }, b = { class: "item-info" }, x = { class: "item-title" };
+function S(e, h, S, C, w, T) {
+	let E = t, D = n, O = r;
+	return d(), o("div", g, [c(O, { span: 24 }, {
+		default: m(() => [(d(!0), o(i, null, f(T.data, (e, t) => (d(), a(D, {
+			key: t,
+			md: T.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: m(() => [s("a", {
+				href: e.href,
+				onClick: (t) => e.click && e.click(e)
+			}, [s("div", v, [s("div", y, [s("i", {
+				class: l(e.icon),
+				style: u({ color: e.color })
+			}, null, 6)]), s("div", b, [s("div", x, p(e.title), 1), c(E, {
+				animation: e.animation || T.animation,
+				decimals: e.decimals || T.decimals,
+				class: "item-count",
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"end"
+			])])])], 8, _)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var C = /* @__PURE__ */ e(h, [["render", S]]);
+//#endregion
+export { C as default };

package/data-panel/style.css

@@ -0,0 +1 @@
+.avue-data-panel{width:100%}.avue-data-panel .item{color:#666;cursor:pointer;background:#fff;border-color:#0000000d;justify-content:space-between;align-items:center;height:108px;margin:0 20px;padding:0 30px;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 40px #0000000d}.avue-data-panel .item-icon{font-size:52px}.avue-data-panel .item-info{text-align:center}.avue-data-panel .item-title{color:#00000073;margin-bottom:12px;font-size:16px;line-height:18px}.avue-data-panel .item-count{font-size:20px}

package/data-pay/index.d.ts

@@ -0,0 +1,20 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    animation(): any;
+    decimals(): any;
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/data-pay/index.mjs

@@ -0,0 +1,112 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import t from "../count-up/index.mjs";
+import { ElCol as n, ElRow as r, ElTooltip as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, toDisplayString as h, withCtx as g } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "./style.css";
+//#region src/components/data/pay/DataPay.vue
+var _ = {
+	name: "DataPay",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		animation() {
+			return this.option.animation;
+		},
+		decimals() {
+			return this.option.decimals || 0;
+		},
+		span() {
+			return this.option.span || 6;
+		},
+		data() {
+			return this.option.data || [];
+		}
+	}
+}, v = { class: "avue-data-pay" }, y = { class: "item" }, b = { class: "header" }, x = { class: "title" }, S = ["src"], C = ["href", "onClick"], w = { class: "list" }, T = {
+	key: 1,
+	class: "list-item-icon list-item--no"
+}, E = ["href"], D = ["innerHTML"];
+function O(e, _, O, k, A, j) {
+	let M = t, N = i, P = n, F = r;
+	return p(), c("div", v, [u(F, { span: 24 }, {
+		default: g(() => [(p(!0), c(a, null, m(j.data, (e, t) => (p(), o(P, {
+			key: t,
+			md: j.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: g(() => [l("div", y, [
+				l("div", {
+					class: "top",
+					style: f({ backgroundColor: e.color })
+				}, null, 4),
+				l("div", b, [
+					l("p", x, h(e.title), 1),
+					l("img", {
+						src: e.src,
+						alt: "",
+						class: "img"
+					}, null, 8, S),
+					e.subtitle ? (p(), c("p", {
+						key: 0,
+						class: "subtitle",
+						style: f({ color: e.color })
+					}, h(e.subtitle), 5)) : s("v-if", !0),
+					e.money || e.dismoney ? (p(), c("p", {
+						key: 1,
+						class: "money",
+						style: f({ color: e.color })
+					}, [
+						_[0] || (_[0] = l("span", null, "¥", -1)),
+						u(M, {
+							class: "b",
+							decimals: e.decimals || j.decimals,
+							animation: e.animation || j.animation,
+							end: e.dismoney
+						}, null, 8, [
+							"decimals",
+							"animation",
+							"end"
+						]),
+						l("s", null, h(e.money), 1),
+						l("em", null, h(e.tip), 1)
+					], 4)) : s("v-if", !0),
+					_[1] || (_[1] = l("div", { class: "line" }, null, -1)),
+					l("a", {
+						class: "btn",
+						href: e.href,
+						style: f({ backgroundColor: e.color }),
+						onClick: (t) => e.click && e.click(e)
+					}, h(e.subtext), 13, C)
+				]),
+				l("div", w, [(p(!0), c(a, null, m(e.list, (t, n) => (p(), c("div", {
+					key: n,
+					class: "list-item"
+				}, [t.check ? (p(), c("i", {
+					key: 0,
+					class: "list-item-icon list-item--check",
+					style: f({ color: e.color })
+				}, "√", 4)) : (p(), c("i", T, "x")), l("a", { href: t.href ? t.href : "javascript:void(0);" }, [u(N, {
+					effect: "dark",
+					disabled: !t.tip,
+					placement: "top"
+				}, {
+					content: g(() => [l("div", { innerHTML: t.tip }, null, 8, D)]),
+					default: g(() => [l("span", { class: d({ "list-item--link": t.href }) }, h(t.title), 3)]),
+					_: 2
+				}, 1032, ["disabled"])], 8, E)]))), 128))])
+			])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var k = /* @__PURE__ */ e(_, [["render", O]]);
+//#endregion
+export { k as default };

package/data-pay/style.css

@@ -0,0 +1 @@
+.avue-data-pay{width:100%}.avue-data-pay .item{background-color:#fff;border-radius:4px;width:80%;min-height:670px;margin:0 auto;padding-bottom:16px;position:relative;box-shadow:1px 2px 10px #eee}.avue-data-pay .item a{text-decoration:none}.avue-data-pay .item a:visited{color:inherit}.avue-data-pay .top{border-radius:4px 4px 0 0;width:100%;height:6px;position:absolute;top:0;left:0}.avue-data-pay .header{text-align:center;margin-bottom:40px}.avue-data-pay .title{text-align:center;padding:20px 0 10px;font-size:20px;font-weight:200}.avue-data-pay .money span{margin-right:5px;font-size:14px}.avue-data-pay .money .b{margin-right:2px;font-size:20px;font-weight:700}.avue-data-pay .money s{margin-right:3px;font-size:12px}.avue-data-pay .money em{font-size:14px;font-style:normal}.avue-data-pay .img{width:50px}.avue-data-pay .line{background:#9696961a;width:60%;height:1px;margin:20px auto}.avue-data-pay .btn{color:#fff;text-align:center;cursor:pointer;border-radius:32px;width:120px;height:32px;margin:0 auto;line-height:32px;transition:opacity .2s ease-in-out;display:block}.avue-data-pay .list-item{color:#666;margin-bottom:12px;padding-left:20px;font-size:14px;list-style:none}.avue-data-pay .list-item a{color:#666}.avue-data-pay .list-item-icon{color:#515a6e;margin-right:8px}.avue-data-pay .list-item--link{color:#2d8cf0;font-size:12px}.avue-data-pay .list-item--no,.avue-data-pay .list-item--no+span{color:#c5c8ce}

package/data-price/index.d.ts

@@ -0,0 +1,18 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/data-price/index.mjs

@@ -0,0 +1,53 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { ElCol as t, ElRow as n } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, openBlock as c, renderList as l, toDisplayString as u, withCtx as d } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "./style.css";
+//#region src/components/data/price/DataPrice.vue
+var f = {
+	name: "DataPrice",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		span() {
+			return this.option.span || 6;
+		},
+		data() {
+			return this.option.data;
+		}
+	}
+}, p = { class: "data-price" }, m = { class: "item item--active" }, h = [
+	"href",
+	"target",
+	"onClick"
+], g = { class: "title" }, _ = { class: "body" }, v = { class: "price" }, y = { class: "append" }, b = { class: "list" };
+function x(e, f, x, S, C, w) {
+	let T = t, E = n;
+	return c(), a("div", p, [s(E, { span: 24 }, {
+		default: d(() => [(c(!0), a(r, null, l(w.data, (e, t) => (c(), i(T, {
+			key: t,
+			xs: 12,
+			sm: 6,
+			md: w.span
+		}, {
+			default: d(() => [o("div", m, [o("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [
+				o("div", g, u(e.title), 1),
+				o("div", _, [o("span", v, u(e.price), 1), o("span", y, u(e.append), 1)]),
+				o("div", b, [(c(!0), a(r, null, l(e.list, (e, t) => (c(), a("p", { key: t }, u(e), 1))), 128))])
+			], 8, h)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var S = /* @__PURE__ */ e(f, [["render", x]]);
+//#endregion
+export { S as default };

package/data-price/style.css

@@ -0,0 +1 @@
+.data-price{width:100%}.data-price .item{text-align:center;border:1px solid #ccc;margin:0 20px;box-shadow:2px 3px 15px #eee}.data-price .item:hover{border:1px solid #00a680}.data-price .item:hover .body{color:#fff;background-color:#00a680}.data-price .item:hover .body:after{border-top-color:#00a680}.data-price .item:hover .list{color:#00a680}.data-price .item:hover .price{color:#fff}.data-price .item .title{color:#333;height:80px;font-size:18px;line-height:80px}.data-price .item .price{color:#6b6b6b;height:120px;margin:0 0 50px;padding:0 8px;font-size:42px;line-height:120px}.data-price .item .append{font-size:16px}.data-price .item .body{color:#6b6b6b;background-color:#f4f4f4;height:120px;margin:0 0 50px;padding:0;font-size:42px;line-height:120px;position:relative}.data-price .item .body:before{content:"¥";font-size:16px;font-weight:400}.data-price .item .body:after{content:"";border:30px solid #0000;border-top:20px solid #f4f4f4;border-bottom-width:0;width:0;height:0;display:block;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.data-price .item .list{color:#666;padding-bottom:30px;font-size:14px}

package/data-progress/index.d.ts

@@ -0,0 +1,20 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    animation(): any;
+    decimals(): any;
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/data-progress/index.mjs

@@ -0,0 +1,74 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import t from "../count-up/index.mjs";
+import { ElCol as n, ElProgress as r, ElRow as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, openBlock as u, renderList as d, toDisplayString as f, withCtx as p } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/progress/style/css";
+import "./style.css";
+//#region src/components/data/progress/DataProgress.vue
+var m = {
+	name: "DataProgress",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		animation() {
+			return this.option.animation;
+		},
+		decimals() {
+			return this.option.decimals || 0;
+		},
+		span() {
+			return this.option.span || 8;
+		},
+		data() {
+			return this.option.data || [];
+		}
+	}
+}, h = { class: "data-progress" }, g = { class: "item" }, _ = [
+	"href",
+	"target",
+	"onClick"
+], v = { class: "item-header" }, y = ["textContent"];
+function b(e, m, b, x, S, C) {
+	let w = t, T = r, E = n, D = i;
+	return u(), s("div", h, [l(D, { span: 24 }, {
+		default: p(() => [(u(!0), s(a, null, d(C.data, (e, t) => (u(), o(E, {
+			key: t,
+			md: C.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: p(() => [c("div", g, [c("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [c("div", v, [l(w, {
+				class: "item-count",
+				animation: e.animation || C.animation,
+				decimals: e.decimals || C.decimals,
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"end"
+			]), c("div", {
+				class: "item-title",
+				textContent: f(e.title)
+			}, null, 8, y)]), l(T, {
+				"stroke-width": 15,
+				percentage: e.count,
+				color: e.color,
+				"show-text": !1
+			}, null, 8, ["percentage", "color"])], 8, _)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var x = /* @__PURE__ */ e(m, [["render", b]]);
+//#endregion
+export { x as default };

package/data-progress/style.css

@@ -0,0 +1 @@
+.data-progress{width:100%}.data-progress .item{margin:10px}.data-progress .item a{text-decoration:none}.data-progress .item a:visited{color:inherit}.data-progress .item-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.data-progress .item-count{color:#666;font-size:26px;line-height:26px}.data-progress .item-title{color:#999;font-size:14px}

package/data-rotate/index.d.ts

@@ -0,0 +1,22 @@
+import { PropType } from 'vue';
+interface OptionType {
+    animation?: boolean;
+    decimals?: number;
+    span?: number;
+    data?: any[];
+}
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: PropType<OptionType>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: PropType<OptionType>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    option: OptionType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/data-rotate/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/DW0VZadU.mjs";
+export { e as default };

package/data-rotate/style.css

@@ -0,0 +1 @@
+.avue-data-rotate{width:100%}.avue-data-rotate .item{box-sizing:border-box;color:#fff;border-radius:3px;margin:5px 10px;position:relative}.avue-data-rotate .item-box{padding:10px 20px}.avue-data-rotate .item-count{white-space:nowrap;margin-bottom:5px;font-size:38px;font-weight:300;display:block}.avue-data-rotate .item-title{font-size:15px}.avue-data-rotate .item-icon{color:#00000026;font-size:65px;transition:all .3s linear;position:absolute;top:20px;right:20px}.avue-data-rotate .item-icon:hover{font-size:70px}.avue-data-rotate .item-more{z-index:10;color:#fffc;letter-spacing:2px;text-align:center;background:#0000001a;padding:3px 0;font-size:14px;text-decoration:none;display:block;position:relative}

package/data-table-picker/index.d.ts

@@ -0,0 +1,62 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    visible: BooleanConstructor;
+    api: FunctionConstructor;
+    columns: ArrayConstructor;
+    title: StringConstructor;
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: null;
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
+    selectedRows: never[];
+    currentRow: null;
+}, {}, {
+    selectionChange(selectedRows: any): void;
+    currentChange(currentRow: any): void;
+    toggleRowSelection(row: any): void;
+    close(): void;
+    confirm(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "confirm"[], "confirm", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    visible: BooleanConstructor;
+    api: FunctionConstructor;
+    columns: ArrayConstructor;
+    title: StringConstructor;
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: null;
+    };
+    model: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    model: Record<string, any>;
+    visible: boolean;
+    width: string;
+    height: string;
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/data-table-picker/index.mjs

@@ -0,0 +1,120 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t } from "../chunks/B24kbvxB.mjs";
+import { t as n } from "../chunks/DTeHffqJ.mjs";
+import { t as r } from "../chunks/sl7eKGeX.mjs";
+import { ElMessage as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createBlock as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, withCtx as u } from "vue";
+import "element-plus/es/components/message/style/css";
+//#region src/components/DataTablePicker.vue
+var d = {
+	name: "DataTablePicker",
+	props: {
+		visible: Boolean,
+		api: Function,
+		columns: Array,
+		title: String,
+		width: {
+			type: String,
+			default: "60vw"
+		},
+		height: {
+			type: String,
+			default: null
+		},
+		model: {
+			type: Object,
+			default: () => {}
+		},
+		multiple: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["confirm"],
+	data() {
+		return {
+			selectedRows: [],
+			currentRow: null
+		};
+	},
+	methods: {
+		selectionChange(e) {
+			this.selectedRows = e;
+		},
+		currentChange(e) {
+			this.currentRow = e;
+		},
+		toggleRowSelection(e) {
+			this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
+		},
+		close() {
+			this.$refs.dialog.hide();
+		},
+		confirm() {
+			if (this.multiple) {
+				var e;
+				(e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : i.warning("请选择");
+			} else this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : i.warning("请选择");
+		}
+	}
+};
+function f(e, i, d, f, p, m) {
+	let h = r, g = n, _ = t;
+	return c(), a(_, {
+		ref: "dialog",
+		visible: d.visible,
+		title: d.title,
+		width: d.width,
+		height: d.height,
+		embed: "",
+		"flex-column": "",
+		onClose: m.close
+	}, {
+		default: u(() => [l(e.$slots, "search-form"), s(h, {
+			ref: "pageableTable",
+			"highlight-current-row": "",
+			"hide-on-single-page": "",
+			style: { height: "60vh" },
+			model: d.model,
+			columns: d.columns,
+			api: d.api,
+			"row-class-name": "pointer",
+			multiple: d.multiple,
+			onSelectionChange: m.selectionChange,
+			onRowClick: m.toggleRowSelection,
+			onCurrentChange: m.currentChange
+		}, {
+			default: u(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"model",
+			"columns",
+			"api",
+			"multiple",
+			"onSelectionChange",
+			"onRowClick",
+			"onCurrentChange"
+		])]),
+		footer: u(() => [s(g, {
+			type: "primary",
+			onClick: m.confirm
+		}, {
+			default: u(() => [...i[0] || (i[0] = [o("确 定", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), s(g, { onClick: m.close }, {
+			default: u(() => [...i[1] || (i[1] = [o("关 闭", -1)])]),
+			_: 1
+		}, 8, ["onClick"])]),
+		_: 3
+	}, 8, [
+		"visible",
+		"title",
+		"width",
+		"height",
+		"onClose"
+	]);
+}
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };