@web-utils/form-ui 1.0.0-beta86 → 1.0.0-beta87

package/fy-input-table/index.d.ts

@@ -0,0 +1,248 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    formatter: FunctionConstructor;
+    onLoad: FunctionConstructor;
+    dialogWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {
+    object: {};
+    active: {};
+    search: {};
+    page: {};
+    loading: boolean;
+    box: boolean;
+    created: boolean;
+    data: never[];
+}, {
+    title(): "查看" | "选择";
+    labelShow(): any;
+    option(): any;
+}, {
+    handleClear(): void;
+    handleShow(): void;
+    setVal(): void;
+    handleCurrentRowChange(val: any): void;
+    handleSearchChange(form: any, done: any): void;
+    onList(): void;
+}, {
+    mixins: {
+        methods: {
+            getSlotName(item: any | undefined, type: string | undefined, slot: string): any;
+            getSlotList(list: never[] | undefined, slot: string, propList: Array<any>): string[];
+        };
+    }[];
+    data(): {
+        stringMode: boolean;
+        name: string;
+        text: undefined;
+        propsHttpDefault: {
+            name: string;
+            url: string;
+            fileName: string;
+            res: string;
+        };
+        propsDefault: {
+            rowKey: string;
+            rowParentKey: string;
+            nodeKey: string;
+            label: string;
+            value: string;
+            desc: string;
+            groups: string;
+            title: string;
+            leaf: string;
+            children: string;
+            hasChildren: string;
+            labelText: string;
+            disabled: string;
+        };
+    };
+    props: {
+        blur: FunctionConstructor;
+        focus: FunctionConstructor;
+        change: FunctionConstructor;
+        click: FunctionConstructor;
+        typeformat: FunctionConstructor;
+        control: FunctionConstructor;
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+        params: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        listType: {
+            type: StringConstructor;
+        };
+        tableData: {
+            type: ObjectConstructor;
+        };
+        modelValue: {};
+        column: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: StringConstructor;
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataType: {
+            type: StringConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        dicUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        dicMethod: {
+            type: StringConstructor;
+            default: string;
+        };
+        dicFormatter: FunctionConstructor;
+        dicQuery: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        dic: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        rules: {
+            type: ArrayConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        button: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        group: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        row: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prop: {
+            type: StringConstructor;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popperClass: {
+            type: StringConstructor;
+        };
+        propsHttp: {
+            type: ObjectConstructor;
+            default: () => {
+                name: string;
+                url: string;
+                fileName: string;
+                res: string;
+            };
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {
+                rowKey: string;
+                rowParentKey: string;
+                nodeKey: string;
+                label: string;
+                value: string;
+                desc: string;
+                groups: string;
+                title: string;
+                leaf: string;
+                children: string;
+                hasChildren: string;
+                labelText: string;
+                disabled: string;
+            };
+        };
+    };
+    watch: {
+        text: {
+            handler(this: any, n: any): void;
+        };
+        modelValue: {
+            handler(this: any): void;
+        };
+    };
+    computed: {
+        clearableVal(this: any): any;
+        componentName(this: any): string;
+        required(this: any): boolean;
+        isArray(this: any): boolean;
+        isString(this: any): boolean;
+        isNumber(this: any): boolean;
+        nameKey(this: any): any;
+        urlKey(this: any): any;
+        resKey(this: any): any;
+        groupsKey(this: any): any;
+        valueKey(this: any): any;
+        descKey(this: any): any;
+        leafKey(this: any): any;
+        labelKey(this: any): any;
+        childrenKey(this: any): any;
+        disabledKey(this: any): any;
+        idKey(this: any): any;
+    };
+    created(this: any): void;
+} | {
+    methods: {
+        bindEvent(this: any, name: any, params: any): void;
+        initVal(this: any): void;
+        getLabelText(this: any, item: any): any;
+        handleFocus(this: any, event: any): void;
+        handleBlur(this: any, event: any): void;
+        handleClick(this: any, event: any): void;
+        handleChange(this: any, value: any): void;
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    formatter: FunctionConstructor;
+    onLoad: FunctionConstructor;
+    dialogWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    dialogWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/fy-input-table/index.mjs

@@ -0,0 +1,167 @@
+import "../chunks/B2vpUK0j.mjs";
+import "../chunks/cvUTkWmm.mjs";
+import { t as e } from "../chunks/DA1LVvTS.mjs";
+import { r as t } from "../chunks/DsSXjU752.mjs";
+import { t as n } from "../chunks/Bs8cIxmy.mjs";
+import "../chunks/CNcSX5f1.mjs";
+import { t as r } from "../chunks/hFCEXdXW.mjs";
+import { t as i } from "../chunks/_wUx1zSH2.mjs";
+import { n as a, t as o } from "../chunks/BsBVCVnp2.mjs";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, openBlock as f, withCtx as p } from "vue";
+import { isBlank as m } from "@web-utils/core";
+//#region src/components/avue/fy-from/input-table/FyInputTable.vue
+var h = {
+	name: "FyInputTable",
+	mixins: [a, o],
+	props: {
+		formatter: Function,
+		onLoad: Function,
+		dialogWidth: {
+			type: String,
+			default: "80%"
+		}
+	},
+	data() {
+		return {
+			object: {},
+			active: {},
+			search: {},
+			page: {},
+			loading: !1,
+			box: !1,
+			created: !1,
+			data: []
+		};
+	},
+	computed: {
+		title() {
+			return this.disabled || this.readonly ? "查看" : "选择";
+		},
+		labelShow() {
+			return typeof this.formatter == "function" ? this.formatter(this.object) : this.object[this.labelKey] || "";
+		},
+		option() {
+			return {
+				menu: !1,
+				header: !1,
+				size: this.size,
+				headerAlign: "center",
+				align: "center",
+				highlightCurrentRow: !0,
+				...this.column.children
+			};
+		}
+	},
+	watch: {
+		value(e) {
+			m(e) && (this.active = {}, this.object = {});
+		},
+		text(e) {
+			this.created || m(e) || typeof this.onLoad == "function" && this.onLoad({ value: this.text }, (e) => {
+				this.active = e, this.object = e, this.created = !0;
+			});
+		}
+	},
+	methods: {
+		handleClear() {
+			this.active = {}, this.setVal();
+		},
+		handleShow() {
+			this.$refs.main.blur(), !(this.disabled || this.readonly) && (this.page = {
+				currentPage: 1,
+				total: 0
+			}, this.data = [], this.box = !0);
+		},
+		setVal() {
+			this.object = this.active, this.text = this.active[this.valueKey] || "", this.handleChange(this.active), this.box = !1;
+		},
+		handleCurrentRowChange(e) {
+			this.active = e;
+		},
+		handleSearchChange(e, t) {
+			this.page.page = 1, this.onList(), t == null || t();
+		},
+		onList() {
+			this.loading = !0, typeof this.onLoad == "function" && this.onLoad({
+				page: this.page,
+				data: this.search
+			}, (e) => {
+				this.page.total = e.total, this.data = e.data, this.loading = !1;
+				let t = this.data.find((e) => e[this.valueKey] === this.object[this.valueKey]);
+				setTimeout(() => this.$refs.crud.setCurrentRow(t));
+			});
+		}
+	}
+}, g = { class: "avue-input-table" }, _ = { key: 0 };
+function v(r, a, o, m, h, v) {
+	let y = e, b = t, x = i, S = n;
+	return f(), l("div", g, [d(y, {
+		ref: "main",
+		size: r.size,
+		value: v.labelShow,
+		clearable: r.clearableVal,
+		placeholder: r.placeholder,
+		disabled: r.disabled,
+		onClear: v.handleClear,
+		onFocus: v.handleShow,
+		onClick: r.handleClick
+	}, null, 8, [
+		"size",
+		"value",
+		"clearable",
+		"placeholder",
+		"disabled",
+		"onClear",
+		"onFocus",
+		"onClick"
+	]), h.box ? (f(), l("div", _, [d(S, {
+		modelValue: h.box,
+		"onUpdate:modelValue": a[2] || (a[2] = (e) => h.box = e),
+		width: o.dialogWidth,
+		title: r.placeholder
+	}, {
+		footer: p(() => [d(x, {
+			type: "primary",
+			size: r.size,
+			icon: "el-icon-check",
+			onClick: v.setVal
+		}, {
+			default: p(() => [...a[3] || (a[3] = [u("确 定", -1)])]),
+			_: 1
+		}, 8, ["size", "onClick"])]),
+		default: p(() => [h.box ? (f(), s(b, {
+			key: 0,
+			ref: "crud",
+			search: h.search,
+			"onUpdate:search": a[0] || (a[0] = (e) => h.search = e),
+			page: h.page,
+			"onUpdate:page": a[1] || (a[1] = (e) => h.page = e),
+			class: "avue-input-table__crud",
+			option: v.option,
+			data: h.data,
+			"table-loading": h.loading,
+			onOnLoad: v.onList,
+			onSearchChange: v.handleSearchChange,
+			onSearchReset: v.handleSearchChange,
+			onCurrentRowChange: v.handleCurrentRowChange
+		}, null, 8, [
+			"search",
+			"page",
+			"option",
+			"data",
+			"table-loading",
+			"onOnLoad",
+			"onSearchChange",
+			"onSearchReset",
+			"onCurrentRowChange"
+		])) : c("v-if", !0)]),
+		_: 1
+	}, 8, [
+		"modelValue",
+		"width",
+		"title"
+	])])) : c("v-if", !0)]);
+}
+var y = /* @__PURE__ */ r(h, [["render", v]]);
+//#endregion
+export { y as default };

package/fy-input-table/style.css

@@ -0,0 +1 @@
+.avue-input-table__crud .avue-crud__pagination{margin:0;padding:10px 0 2px 10px}