@web-utils/component 4.0.16 → 5.0.0-beta02

package/fy-input-table/index.mjs

@@ -1,105 +1,160 @@
-import { p as n, e as r } from "../chunks/event.9aDS6jcw.mjs";
-import { isBlank as s } from "@web-utils/core";
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  name: "FyInputTable",
-  mixins: [n, r],
-  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(t) {
-      s(t) && (this.active = {}, this.object = {});
-    },
-    text(t) {
-      this.created || s(t) || 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(t) {
-      this.active = t;
-    },
-    handleSearchChange(t, e) {
-      this.page.page = 1, this.onList(), e == null || e();
-    },
-    onList() {
-      this.loading = !0, typeof this.onLoad == "function" && this.onLoad({ page: this.page, data: this.search }, (t) => {
-        this.page.total = t.total, this.data = t.data, this.loading = !1;
-        const e = this.data.find((a) => a[this.valueKey] === this.object[this.valueKey]);
-        setTimeout(() => this.$refs.crud.setCurrentRow(e));
-      });
-    }
-  }
-};
-var h = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "avue-input-table" }, [a("ElInput", { ref: "main", attrs: { size: e.size, value: e.labelShow, clearable: e.clearableVal, placeholder: e.placeholder, disabled: e.disabled }, on: { clear: e.handleClear, focus: e.handleShow }, nativeOn: { click: function(i) {
-    return e.handleClick.apply(null, arguments);
-  } } }), e.box ? a("div", [a("ElementDialog", { attrs: { width: e.dialogWidth, title: e.placeholder, visible: e.box }, on: { "update:visible": function(i) {
-    e.box = i;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [a("ElButton", { attrs: { type: "primary", size: e.size, icon: "el-icon-check" }, on: { click: e.setVal } }, [e._v(" 确 定 ")])];
-  }, proxy: !0 }], null, !1, 2921262159) }, [e.box ? a("FyCurd", { ref: "crud", staticClass: "avue-input-table__crud", attrs: { option: e.option, data: e.data, "table-loading": e.loading, search: e.search, page: e.page }, on: { "update:search": function(i) {
-    e.search = i;
-  }, "update:page": function(i) {
-    e.page = i;
-  }, "on-load": e.onList, "search-change": e.handleSearchChange, "search-reset": e.handleSearchChange, "current-row-change": e.handleCurrentRowChange } }) : e._e()], 1)], 1) : e._e()], 1);
-}, c = [], d = /* @__PURE__ */ o(
-  l,
-  h,
-  c,
-  !1,
-  null,
-  null
-);
-const g = d.exports;
-export {
-  g as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as t, t as n } from "../chunks/event.Dv4XTu8B.mjs";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, openBlock as c, resolveComponent as l, withCtx as u } from "vue";
+import { isBlank as d } from "@web-utils/core";
+//#region src/components/fy-from/input-table/FyInputTable.vue
+var f = {
+	name: "FyInputTable",
+	mixins: [t, n],
+	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) {
+			d(e) && (this.active = {}, this.object = {});
+		},
+		text(e) {
+			this.created || d(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));
+			});
+		}
+	}
+}, p = { class: "avue-input-table" }, m = { key: 0 };
+function h(e, t, n, d, f, h) {
+	let g = l("ElInput"), _ = l("FyCurd"), v = l("ElButton"), y = l("ElementDialog");
+	return c(), a("div", p, [s(g, {
+		ref: "main",
+		size: e.size,
+		value: h.labelShow,
+		clearable: e.clearableVal,
+		placeholder: e.placeholder,
+		disabled: e.disabled,
+		onClear: h.handleClear,
+		onFocus: h.handleShow,
+		onClick: e.handleClick
+	}, null, 8, [
+		"size",
+		"value",
+		"clearable",
+		"placeholder",
+		"disabled",
+		"onClear",
+		"onFocus",
+		"onClick"
+	]), f.box ? (c(), a("div", m, [s(y, {
+		visible: f.box,
+		"onUpdate:visible": t[2] || (t[2] = (e) => f.box = e),
+		width: n.dialogWidth,
+		title: e.placeholder
+	}, {
+		footer: u(() => [s(v, {
+			type: "primary",
+			size: e.size,
+			icon: "el-icon-check",
+			onClick: h.setVal
+		}, {
+			default: u(() => [...t[3] || (t[3] = [o(" 确 定 ", -1)])]),
+			_: 1
+		}, 8, ["size", "onClick"])]),
+		default: u(() => [f.box ? (c(), r(_, {
+			key: 0,
+			ref: "crud",
+			search: f.search,
+			"onUpdate:search": t[0] || (t[0] = (e) => f.search = e),
+			page: f.page,
+			"onUpdate:page": t[1] || (t[1] = (e) => f.page = e),
+			class: "avue-input-table__crud",
+			option: h.option,
+			data: f.data,
+			"table-loading": f.loading,
+			onOnLoad: h.onList,
+			onSearchChange: h.handleSearchChange,
+			onSearchReset: h.handleSearchChange,
+			onCurrentRowChange: h.handleCurrentRowChange
+		}, null, 8, [
+			"search",
+			"page",
+			"option",
+			"data",
+			"table-loading",
+			"onOnLoad",
+			"onSearchChange",
+			"onSearchReset",
+			"onCurrentRowChange"
+		])) : i("v-if", !0)]),
+		_: 1
+	}, 8, [
+		"visible",
+		"width",
+		"title"
+	])])) : i("v-if", !0)]);
+}
+var g = /* @__PURE__ */ e(f, [["render", h]]);
+//#endregion
+export { g as default };