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

package/address-input/index.d.ts

@@ -0,0 +1,53 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;

package/address-input/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/D7p2ei_L.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,50 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 滚动元素
+     */
+    target: StringConstructor;
+    /**
+     * 指定滚动到顶部多少时固定
+     * 666667
+     */
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 指定滚动到底部多少时固定,当指定该值时,`offsetTop`失效
+     */
+    offsetBottom: NumberConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-change": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 滚动元素
+     */
+    target: StringConstructor;
+    /**
+     * 指定滚动到顶部多少时固定
+     * 666667
+     */
+    offsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 指定滚动到底部多少时固定,当指定该值时,`offsetTop`失效
+     */
+    offsetBottom: NumberConstructor;
+}>> & Readonly<{
+    "onOn-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    offsetTop: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/affix/index.mjs

@@ -0,0 +1,49 @@
+import { c as e, l as t } from "../chunks/ClVh1Lek.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";
+import "./style.css";
+//#region src/components/Affix.vue
+var y = /* @__PURE__ */ Object.assign({ name: "Affix" }, {
+	__name: "Affix",
+	props: {
+		target: String,
+		offsetTop: {
+			type: Number,
+			default: 0
+		},
+		offsetBottom: Number
+	},
+	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 内容插槽\r\n      @param affix {boolean} 是否固定\r\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/api/index.d.ts

@@ -0,0 +1,70 @@
+export interface DictItem {
+    id: string;
+    dictId: string;
+    /**
+     * 字典 label
+     */
+    label: string;
+    dictType: string;
+    description: string;
+    sortOrder: number;
+    createBy: string;
+    updateBy: string;
+    createTime: string;
+    updateTime: string;
+    remarks: null;
+    delFlag: string;
+    /**
+     * 字典值
+     */
+    value: string;
+}
+export interface ConfigOptions {
+    privilege?: {
+        processButtons?: (buttons: Array<string | Record<string, string>>) => Array<string | Record<string, boolean>>;
+        hasAuthority?: (privilege: string) => boolean;
+    };
+    dict?: {
+        getDictTreeByType?: (type: string, options: {
+            idAsValue?: boolean;
+            labelAsValue?: boolean;
+        }) => Promise<{
+            data: {
+                data: DictItem[];
+            };
+        }>;
+        remote?: (type: string) => Promise<{
+            data: {
+                data: DictItem[];
+            };
+        }>;
+    };
+    tableView?: {
+        reload?: () => void;
+    };
+    toolbar?: {
+        goBack?: (path: string) => void;
+    };
+    defaultAvatar?: string;
+    logo?: string;
+}
+export declare const getDefaultAvatar: () => string | undefined;
+export declare const getLogo: () => string | undefined;
+export declare const processButtons: (buttons: Array<string | Record<string, string>>) => (string | Record<string, boolean>)[] | undefined;
+export declare const hasAuthority: (str: string) => boolean | undefined;
+export declare const goBack: (path: string) => void | undefined;
+export declare const reloadTable: () => void | undefined;
+export declare const getDictTreeByType: (type: string, options: {
+    idAsValue?: boolean;
+    labelAsValue?: boolean;
+}) => Promise<{
+    data: {
+        data: DictItem[];
+    };
+}> | undefined;
+export declare const remote: (type: string) => Promise<{
+    data: {
+        data: DictItem[];
+    };
+}> | undefined;
+export declare const config: (options: ConfigOptions) => void;

package/api/index.mjs

@@ -0,0 +1,42 @@
+import { isObject as e, isString as t } from "@web-utils/core";
+import { mergeWith as n } from "@web-utils/integrations/lodash";
+//#region src/api/index.ts
+var r = { privilege: {
+	processButtons(n) {
+		return n.map((n) => {
+			if (e(n)) {
+				let e = n, r = {};
+				for (let n in e) t(e[n]) && (r[n] = s(e[n]) ?? !0);
+				return r;
+			}
+			return n;
+		});
+	},
+	hasAuthority(e) {
+		return !0;
+	}
+} }, i = () => r.defaultAvatar, a = () => r.logo, o = (e) => {
+	var t, n;
+	return (t = r.privilege) == null || (n = t.processButtons) == null ? void 0 : n.call(t, e);
+}, s = (e) => {
+	var t, n;
+	return (t = r.privilege) == null || (n = t.hasAuthority) == null ? void 0 : n.call(t, e);
+}, c = (e) => {
+	var t, n;
+	return (t = r.toolbar) == null || (n = t.goBack) == null ? void 0 : n.call(t, e);
+}, l = () => {
+	var e, t;
+	return (e = r.tableView) == null || (t = e.reload) == null ? void 0 : t.call(e);
+}, u = (e, t) => {
+	var n, i;
+	return (n = r.dict) == null || (i = n.getDictTreeByType) == null ? void 0 : i.call(n, e, t);
+}, d = (e) => {
+	var t, n;
+	return (t = r.dict) == null || (n = t.remote) == null ? void 0 : n.call(t, e);
+}, f = (e) => {
+	n(r, e, (e, t) => {
+		if (typeof t == "function") return t;
+	});
+};
+//#endregion
+export { f as config, i as getDefaultAvatar, u as getDictTreeByType, a as getLogo, c as goBack, s as hasAuthority, o as processButtons, l as reloadTable, d as remote };

package/awesome-button/index.d.ts

@@ -0,0 +1,61 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    plain: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    plain: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    type: string;
+    icon: string;
+    plain: boolean;
+    loading: boolean;
+    autofocus: boolean;
+    round: boolean;
+    nativeType: string;
+    text: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/awesome-button/index.mjs

@@ -0,0 +1,49 @@
+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",
+	inheritAttrs: !1,
+	props: {
+		type: {
+			type: String,
+			default: "primary"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		text: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(i, { attrs: a, slots: o }) {
+		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 () => e(s, {
+			...d,
+			...l,
+			disabled: f.value,
+			onClick: p
+		}, { default: o.default || (() => c) });
+	}
+};
+//#endregion
+export { i as default };

package/base.css

@@ -1 +1 @@
-:root{--el-disabled-text-color:#606266}
+: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/basic-container/index.d.ts

@@ -0,0 +1,16 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    block: BooleanConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    block: BooleanConstructor;
+}>> & Readonly<{}>, {
+    block: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/basic-container/index.mjs

@@ -0,0 +1,21 @@
+import { ElCard as e } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createElementBlock as t, createVNode as n, normalizeClass as r, openBlock as i, renderSlot as a, withCtx as o } from "vue";
+import "element-plus/es/components/card/style/css";
+import "./style.css";
+//#region src/components/BasicContainer.vue
+var s = /* @__PURE__ */ Object.assign({ name: "BasicContainer" }, {
+	__name: "BasicContainer",
+	props: { block: Boolean },
+	setup(s) {
+		return (c, l) => {
+			let u = e;
+			return i(), t("div", { class: r([{ "basic-container--block": s.block }, "basic-container"]) }, [n(u, null, {
+				default: o(() => [a(c.$slots, "default")]),
+				_: 3
+			})], 2);
+		};
+	}
+});
+//#endregion
+export { s as default };

package/basic-container/style.css

@@ -0,0 +1 @@
+.basic-container{box-sizing:border-box;border-radius:10px;height:100%;padding:8px 10px;overflow:auto}.basic-container .el-card{width:100%}.basic-container--block .el-card,.basic-container--block .el-card__body{height:100%}

package/biz-loading-view/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<{
+    backdrop: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    backdrop: BooleanConstructor;
+    tips: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    backdrop: boolean;
+    tips: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/biz-loading-view/index.mjs

@@ -0,0 +1,27 @@
+import { getLogo as e } from "../api/index.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeStyle as r, openBlock as i, toDisplayString as a, unref as o } from "vue";
+import "./style.css";
+//#region src/components/BizLoadingView.vue
+var s = { class: "cu-load load-modal" }, c = ["src"], l = { class: "gray-text" }, u = {
+	__name: "BizLoadingView",
+	props: {
+		backdrop: Boolean,
+		tips: {
+			type: String,
+			default: "加载中..."
+		}
+	},
+	setup(u) {
+		let d = e();
+		return (e, f) => (i(), t("div", {
+			class: "loading",
+			style: r({ backgroundColor: u.backdrop ? "rgba(0, 0, 0, 0.2)" : "#eff2f7" })
+		}, [n("div", s, [n("img", {
+			class: "image",
+			src: o(d),
+			alt: ""
+		}, null, 8, c), n("div", l, a(u.tips), 1)])], 4));
+	}
+};
+//#endregion
+export { u as default };

package/biz-loading-view/style.css

@@ -0,0 +1 @@
+.loading{z-index:100;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes cuIcon-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.cu-load{text-align:center;line-height:3em;display:block}.cu-load:before{margin-right:6rpx;font-family:cuIcon,serif;display:inline-block}.cu-load.loading:before{content:"";animation:2s linear infinite cuIcon-spin}.cu-load.loading:after{content:"加载中..."}.cu-load.over:before{content:""}.cu-load.over:after{content:"没有更多了"}.cu-load.erro:before{content:""}.cu-load.erro:after{content:"加载失败"}.cu-load.load-icon:before{font-size:32rpx}.cu-load.load-icon:after,.cu-load.load-icon.over{display:none}.cu-load.load-modal{z-index:9999;background-color:#fff;border-radius:.3125rem;flex-direction:column;justify-content:center;align-items:center;width:8.125rem;height:8.125rem;margin:auto;font-size:.875rem;line-height:2.4em;display:flex;bottom:4.375rem}.cu-load.load-modal [class*=cuIcon-]{font-size:60rpx}.cu-load.load-modal .image{width:2.1875rem;height:2.1875rem}.cu-load.load-modal:after{z-index:-1;content:"";background-color:#fff;border:.1875rem solid #0000000d;border-left-color:#f37b1d;border-radius:50%;width:6.25rem;height:6.25rem;font-size:.625rem;animation:1s linear infinite cuIcon-spin;position:absolute}.load-progress{z-index:2000;pointer-events:none;width:100%;position:fixed;top:0;left:0}.load-progress.hide{display:none}.load-progress .load-progress-bar{width:100%;height:4rpx;transition:all .2s;position:relative;overflow:hidden}.load-progress .load-progress-spinner{top:10rpx;right:10rpx;z-index:2000;display:block;position:absolute}.load-progress .load-progress-spinner:after{box-sizing:border-box;width:24rpx;height:24rpx;border:solid 4rpx transparent;border-top-color:inherit;border-left-color:inherit;content:"";border-radius:50%;animation:.4s linear infinite load-progress-spinner;display:block}@keyframes load-progress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/capsule-tab/index.d.ts

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+interface Tab {
+    label: string;
+    value: string;
+    [key: string]: any;
+}
+declare const __VLS_export: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    tabs: {
+        type: PropType<Tab[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<string>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    tabs: {
+        type: PropType<Tab[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<string>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    tabs: Tab[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/capsule-tab/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/C7vVbJ2c.mjs";
+export { e 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,42 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;

package/card/index.mjs

@@ -0,0 +1,91 @@
+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, 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";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import "./style.css";
+//#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(e, m, h, T, E, D) {
+	let O = t, k = n;
+	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, (t, n) => (l(), i(O, {
+			key: n,
+			span: D.span
+		}, {
+			default: p(() => [s("div", {
+				class: "avue-card__item",
+				onClick: (e) => D.rowClick(t, n)
+			}, [s("div", v, [s("div", y, [s("img", {
+				src: t[D.imgKey],
+				alt: ""
+			}, null, 8, b)]), s("div", x, [s("div", S, f(t[D.titleKey]), 1), s("div", C, f(t[D.infoKey]), 1)])]), s("div", w, [d(e.$slots, "menu", {
+				index: n,
+				row: t
+			})])], 8, _)]),
+			_: 2
+		}, 1032, ["span"]))), 128))]),
+		_: 3
+	}, 8, ["gutter"])]);
+}
+var E = /* @__PURE__ */ e(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}