@web-utils/form-ui 1.0.0-beta57 → 1.0.0-beta59

package/address-input/index.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {
+            address: never[];
+            detailAddress: string;
+        };
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+    labelAsValue: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {
+            address: never[];
+            detailAddress: string;
+        };
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+    labelAsValue: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    props: Record<string, any>;
+    labelAsValue: boolean;
+    disabled: boolean;
+    options: unknown[];
+    modelValue: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/address-input/index.mjs

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

package/address-input/style.css

@@ -0,0 +1 @@
+.address-input-wrapper{width:100%}.address-input-item-wrapper{width:300px;padding-right:5px}.address-input-item-wrapper .el-cascader,.address-input-item-wrapper .el-input{width:100%}

package/affix/index.d.ts

@@ -0,0 +1,32 @@
+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<{}, {
+    $emit: (event: "on-change", ...args: any[]) => void;
+    offsetTop: number;
+    target?: string | undefined;
+    offsetBottom?: number | undefined;
+    aa?: Function | undefined;
+    $props: {
+        readonly offsetTop?: number | undefined;
+        readonly target?: string | undefined;
+        readonly offsetBottom?: number | undefined;
+        readonly aa?: Function | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    el: HTMLDivElement;
+    point: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        el: HTMLDivElement;
+        point: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};

package/affix/index.mjs

@@ -0,0 +1,49 @@
+import { c as e, l as t } from "../chunks/D-hj62se2.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, unref as p, useTemplateRef as m, vShow as h, withDirectives as g } from "vue";
+import { off as _, on as v } from "@web-utils/core";
+//#region src/components/Affix.vue
+var y = /* @__PURE__ */ Object.assign({ name: "Affix" }, {
+	__name: "Affix",
+	props: {
+		target: String,
+		offsetTop: {
+			type: Number,
+			default: 0
+		},
+		offsetBottom: Number,
+		aa: Function
+	},
+	emits: { "on-change": null },
+	setup(y, { emit: b }) {
+		let x = y, S = b, C, w = d(!1), T = d(!1), E = d({}), D = d({}), O = m("point"), k = m("el"), A = n(() => x.offsetBottom >= 0 ? "bottom" : "top"), j = () => {
+			let n = t(C, !0), r = e(C, k.value), i = C.innerHeight, a = k.value.getElementsByTagName("div")[0].offsetHeight;
+			r.top - x.offsetTop < n && A.value === "top" && !w.value ? (w.value = !0, D.value = {
+				width: `${O.value.clientWidth}px`,
+				height: `${O.value.clientHeight}px`
+			}, T.value = !0, E.value = {
+				top: `${x.offsetTop}px`,
+				left: `${r.left}px`,
+				width: `${k.value.offsetWidth}px`
+			}, S("on-change", !0)) : r.top - x.offsetTop > n && A.value === "top" && w.value && (T.value = !1, D.value = {}, w.value = !1, E.value = null, S("on-change", !1)), r.top + x.offsetBottom + a > n + i && A.value === "bottom" && !w.value ? (w.value = !0, E.value = {
+				bottom: `${x.offsetBottom}px`,
+				left: `${r.left}px`,
+				width: `${k.value.offsetWidth}px`
+			}, S("on-change", !0)) : r.top + x.offsetBottom + a < n + i && A.value === "bottom" && w.value && (w.value = !1, E.value = null, S("on-change", !1));
+		};
+		return l(() => {
+			C = x.target ? document.querySelector(x.target) : document, v(C, "scroll", j, !1), v(C, "resize", j, !1);
+		}), c(() => {
+			_(C, "scroll", j, !1), _(C, "resize", j, !1);
+		}), (e, t) => (u(), i("div", {
+			ref_key: "el",
+			ref: k
+		}, [a("div", {
+			ref_key: "point",
+			ref: O,
+			class: o([{ affix: p(w) }]),
+			style: s(p(E))
+		}, [r(" @slot 内容插槽\n      @param affix {boolean} 是否固定\n      @param affix1 {boolean|string} 是否固定"), f(e.$slots, "default")], 6), g(a("div", { style: s(p(D)) }, null, 4), [[h, p(T)]])], 512));
+	}
+});
+//#endregion
+export { y as default };

package/affix/style.css

@@ -0,0 +1 @@
+.affix{z-index:10;position:fixed}

package/awesome-button/index.d.ts

@@ -47,13 +47,13 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: string;
     };
 }>> & Readonly<{}>, {
-    loading: boolean;
     disabled: boolean;
+    type: string;
+    icon: string;
     plain: boolean;
+    loading: boolean;
     autofocus: boolean;
     round: boolean;
-    type: string;
-    icon: string;
     nativeType: string;
     text: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/awesome-button/index.mjs

@@ -1,5 +1,5 @@
-import { isFunction as e } from "@web-utils/core";
-import { h as t, ref as n, resolveComponent as r } from "vue";
+import { h as e, ref as t, resolveComponent as n } from "vue";
+import { isFunction as r } from "@web-utils/core";
 //#region src/components/button/AwesomeButton.vue
 var i = {
 	name: "AwesomeButton",
@@ -29,15 +29,15 @@ var i = {
 		}
 	},
 	setup(i, { attrs: a, slots: o }) {
-		let s = r("ElButton"), { text: c, ...l } = i, { onClick: u, ...d } = a, f = n(!1), p = async (t) => {
-			if (f.value = !0, e(u)) try {
-				await u(t);
+		let s = n("ElButton"), { text: c, ...l } = i, { onClick: u, ...d } = a, f = t(!1), p = async (e) => {
+			if (f.value = !0, r(u)) try {
+				await u(e);
 			} catch (e) {
 				console.error(e);
 			}
 			f.value = !1;
 		};
-		return () => t(s, {
+		return () => e(s, {
 			...d,
 			...l,
 			disabled: f.value,

package/base.css

@@ -1 +1 @@
-:root{--el-disabled-text-color:#606266;--border-color:#d7dae0}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}
+:root{--el-disabled-text-color:#606266;--border-color:#d7dae0}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}.flow-background-image{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgMTBoNDBNMTAgMHY0ME0wIDIwaDQwTTIwIDB2NDBNMCAzMGg0ME0zMCAwdjQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGUwZTAiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);background-repeat:repeat}

package/capsule-tab/index.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    tabs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    tabs: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    tabs: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/capsule-tab/index.mjs

@@ -0,0 +1,27 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { Fragment as t, createElementBlock as n, normalizeClass as r, openBlock as i, renderList as a, toDisplayString as o } from "vue";
+//#region src/components/CapsuleTab.vue
+var s = {
+	name: "CapsuleTab",
+	props: {
+		tabs: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: { type: String }
+	},
+	emits: ["update:modelValue"]
+}, c = { class: "capsule-tab" }, l = ["onClick"];
+function u(e, s, u, d, f, p) {
+	return i(), n("ul", c, [(i(!0), n(t, null, a(u.tabs, (t) => (i(), n("li", {
+		key: t.value,
+		class: r(["tab-item", {
+			active: u.modelValue === t.value,
+			single: u.tabs.length === 1
+		}]),
+		onClick: (n) => e.$emit("update:modelValue", t.value)
+	}, o(t.label), 11, l))), 128))]);
+}
+var d = /* @__PURE__ */ e(s, [["render", u]]);
+//#endregion
+export { d as default };

package/capsule-tab/style.css

@@ -0,0 +1 @@
+.capsule-tab{margin-right:10px;display:inline}.capsule-tab .tab-item{cursor:pointer;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;padding:2px 14px;display:inline}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}

package/card/index.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>, {}, {
+    propsDefault: {
+        img: string;
+        title: string;
+        info: string;
+    };
+}, {
+    imgKey(): any;
+    titleKey(): any;
+    infoKey(): any;
+    span(): any;
+    gutter(): any;
+}, {
+    rowAdd(): void;
+    rowClick(row: any, index: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("row-add" | "row-click")[], "row-add" | "row-click", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onRow-add"?: ((...args: any[]) => any) | undefined;
+    "onRow-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    data: unknown[];
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/card/index.mjs

@@ -0,0 +1,89 @@
+import "../chunks/CjjJimnU.mjs";
+import { t as e } from "../chunks/FeuisuNY2.mjs";
+import { t } from "../chunks/DLgn1tQG2.mjs";
+import { t as n } from "../chunks/BwYEpK-u.mjs";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/Card.vue
+var m = {
+	img: "img",
+	title: "title",
+	info: "info"
+}, h = {
+	name: "Card",
+	props: {
+		option: {
+			type: Object,
+			default: () => ({})
+		},
+		data: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["row-add", "row-click"],
+	data() {
+		return { propsDefault: m };
+	},
+	computed: {
+		imgKey() {
+			return this.option.props.img || this.propsDefault.img;
+		},
+		titleKey() {
+			return this.option.props.title || this.propsDefault.title;
+		},
+		infoKey() {
+			return this.option.props.info || this.propsDefault.info;
+		},
+		span() {
+			return this.option.span || 8;
+		},
+		gutter() {
+			return this.option.gutter || 20;
+		}
+	},
+	methods: {
+		rowAdd() {
+			this.$emit("row-add");
+		},
+		rowClick(e, t) {
+			this.$emit("row-click", e, t);
+		}
+	}
+}, g = { class: "avue-card" }, _ = ["onClick"], v = { class: "avue-card__body" }, y = { class: "avue-card__avatar" }, b = ["src"], x = { class: "avue-card__detail" }, S = { class: "avue-card__title" }, C = { class: "avue-card__info" }, w = { class: "avue-card__menu" };
+function T(n, m, h, T, E, D) {
+	let O = e, k = t;
+	return l(), o("div", g, [c(k, {
+		span: 24,
+		gutter: D.gutter
+	}, {
+		default: p(() => [h.option.addBtn ? (l(), i(O, {
+			key: 0,
+			span: D.span
+		}, {
+			default: p(() => [s("div", {
+				class: "avue-card__item avue-card__item--add",
+				onClick: m[0] || (m[0] = (e) => D.rowAdd())
+			}, [...m[1] || (m[1] = [s("i", { class: "el-icon-plus" }, null, -1), s("span", null, "添加", -1)])])]),
+			_: 1
+		}, 8, ["span"])) : a("v-if", !0), (l(!0), o(r, null, u(h.data, (e, t) => (l(), i(O, {
+			key: t,
+			span: D.span
+		}, {
+			default: p(() => [s("div", {
+				class: "avue-card__item",
+				onClick: (n) => D.rowClick(e, t)
+			}, [s("div", v, [s("div", y, [s("img", {
+				src: e[D.imgKey],
+				alt: ""
+			}, null, 8, b)]), s("div", x, [s("div", S, f(e[D.titleKey]), 1), s("div", C, f(e[D.infoKey]), 1)])]), s("div", w, [d(n.$slots, "menu", {
+				index: t,
+				row: e
+			})])], 8, _)]),
+			_: 2
+		}, 1032, ["span"]))), 128))]),
+		_: 3
+	}, 8, ["gutter"])]);
+}
+var E = /* @__PURE__ */ n(h, [["render", T]]);
+//#endregion
+export { E as default };

package/card/style.css

@@ -0,0 +1 @@
+.avue-card__item{box-sizing:border-box;color:#000000a6;font-variant:tabular-nums;cursor:pointer;font-feature-settings:"tnum";background-color:#fff;border:1px solid #e8e8e8;height:200px;margin-bottom:16px;font-size:14px;line-height:1.5;list-style:none}.avue-card__item:hover{border-color:#00000017;box-shadow:0 2px 8px #00000017}.avue-card__item--add{color:#00000073;background-color:#fff;border:1px dashed #d9d9d9;border-radius:2px;justify-content:center;align-items:center;width:100%;font-size:16px;display:flex}.avue-card__item--add i{margin-right:10px}.avue-card__item--add:hover{color:#40a9ff;background-color:#fff;border-color:#40a9ff}.avue-card__body{padding:24px;display:flex}.avue-card__detail{flex:1}.avue-card__avatar{border-radius:48px;width:48px;height:48px;margin-right:12px;overflow:hidden}.avue-card__avatar img{width:100%;height:100%}.avue-card__title{color:#000000d9;margin-bottom:12px;font-size:16px}.avue-card__title:hover{color:#1890ff}.avue-card__info{color:#00000073;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:64px;display:flex;overflow:hidden}.avue-card__menu{color:#00000073;text-align:center;background:#f7f9fa;justify-content:space-around;height:50px;line-height:50px;display:flex}.avue-card__menu:hover{color:#1890ff}