@web-utils/component 4.0.16 → 5.0.0-beta01

package/picker-table-view/index.mjs

@@ -1,118 +1,225 @@
-import { ref as l, onMounted as S } from "vue";
-import N from "element-ui/lib/message";
-import { isPlainObject as y, isFunction as P } from "@web-utils/core";
-import { cloneDeep as T } from "@web-utils/integrations/lodash";
-import { g as B } from "../chunks/index.B2TRddqf.mjs";
-import { n as O } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const E = {
-  name: "PickerTableView"
-}, R = /* @__PURE__ */ Object.assign(E, {
-  props: {
-    title: String,
-    treeTitle: String,
-    useTree: Boolean,
-    expandFirstNode: Boolean,
-    nodeKey: {
-      type: String,
-      default: "id"
-    },
-    width: {
-      type: String,
-      default: "80%"
-    },
-    height: {
-      type: String,
-      default: "90vh"
-    },
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
-    descs: {
-      type: Array,
-      default: () => []
-    },
-    model: Object,
-    tableApi: Function,
-    treeApi: Function,
-    onNodeClick: Function,
-    treeProps: Object,
-    rowKey: {
-      type: String,
-      default: "id"
-    },
-    customRootNode: [Object, Function],
-    expandOnClickNode: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["cancel", "confirm", "update:visible"],
-  setup(f, { expose: e, emit: n }) {
-    const t = f, a = l([]), s = l(null), i = l([]), m = l([]), g = l(null), h = l(null), v = l(null), _ = l(null), b = (o) => {
-      a.value = o;
-    }, x = (o) => {
-      s.value = o;
-    }, d = () => {
-      g.value.reload();
-    }, k = () => {
-      h.value.resetFields(), d();
-    }, u = () => {
-      v.value.hide();
-    }, w = () => {
-      n("cancel"), u();
-    }, C = () => {
-      var p;
-      let o;
-      if (t.multiple ? (p = a.value) != null && p.length && (o = a.value) : s.value && (o = [s.value]), !o.length) {
-        B(N).warning("请选择！");
-        return;
-      }
-      n("confirm", o), u();
-    }, F = (o) => {
-      n("update:visible", o);
-    };
-    return S(async () => {
-      var o;
-      if (t.useTree) {
-        const c = (await t.treeApi()).data.data;
-        if (y(t.customRootNode)) {
-          const r = T(t.customRootNode);
-          r[t.treeProps.children || "children"] = c, i.value = [r];
-        } else if (P(t.customRootNode)) {
-          const r = t.customRootNode(c);
-          r[t.treeProps.children || "children"] = c, i.value = y(r) ? [r] : r;
-        } else
-          i.value = c;
-        t.expandFirstNode && (m.value = [(o = i.value[0]) == null ? void 0 : o.id]);
-      }
-    }), e({
-      search: d
-    }), { __sfc: !0, props: t, emits: n, rows: a, current: s, treeData: i, expandedKeys: m, table: g, form: h, dialog: v, tree: _, handleChange: b, handleCurrentChange: x, search: d, clear: k, closeDialog: u, onCancel: w, confirm: C, updateVisible: F };
-  }
+import "../chunks/install.yLcn5MLL.mjs";
+import { t as e } from "../chunks/message.BCmee5N0.mjs";
+import { l as t } from "../chunks/util.B3sjVZoZ.mjs";
+import { createBlock as n, createElementVNode as r, createSlots as i, createTextVNode as a, createVNode as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p, withModifiers as m } from "vue";
+import { isFunction as h, isPlainObject as g } from "@web-utils/core";
+import { cloneDeep as _ } from "@web-utils/integrations/lodash";
+//#region src/components/form/PickerTableView.vue
+var v = { style: {
+	padding: "10px 0",
+	"font-size": "16px",
+	"border-bottom": "1px solid #eee"
+} }, y = /* @__PURE__ */ Object.assign({ name: "PickerTableView" }, {
+	props: {
+		title: String,
+		treeTitle: String,
+		useTree: Boolean,
+		expandFirstNode: Boolean,
+		nodeKey: {
+			type: String,
+			default: "id"
+		},
+		width: {
+			type: String,
+			default: "80%"
+		},
+		height: {
+			type: String,
+			default: "90vh"
+		},
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		descs: {
+			type: Array,
+			default: () => []
+		},
+		model: Object,
+		tableApi: Function,
+		treeApi: Function,
+		onNodeClick: Function,
+		treeProps: Object,
+		rowKey: {
+			type: String,
+			default: "id"
+		},
+		customRootNode: [Object, Function],
+		expandOnClickNode: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"cancel",
+		"confirm",
+		"update:visible"
+	],
+	setup(y, { expose: b, emit: x }) {
+		let S = y, C = x, w = l([]), T = l(null), E = l([]), D = l([]), O = l(null), k = l(null), A = l(null), j = l(null), M = (e) => {
+			w.value = e;
+		}, N = (e) => {
+			T.value = e;
+		}, P = () => {
+			O.value.reload();
+		}, F = () => {
+			k.value.resetFields(), P();
+		}, I = () => {
+			A.value.hide();
+		}, L = () => {
+			C("cancel"), I();
+		}, R = () => {
+			let n;
+			if (S.multiple) {
+				var r;
+				(r = w.value) != null && r.length && (n = w.value);
+			} else T.value && (n = [T.value]);
+			if (!n.length) {
+				t(e).warning("请选择！");
+				return;
+			}
+			C("confirm", n), I();
+		}, z = (e) => {
+			C("update:visible", e);
+		};
+		return s(async () => {
+			if (S.useTree) {
+				let t = (await S.treeApi()).data.data;
+				if (g(S.customRootNode)) {
+					let e = _(S.customRootNode);
+					e[S.treeProps.children || "children"] = t, E.value = [e];
+				} else if (h(S.customRootNode)) {
+					let e = S.customRootNode(t);
+					e[S.treeProps.children || "children"] = t, E.value = g(e) ? [e] : e;
+				} else E.value = t;
+				if (S.expandFirstNode) {
+					var e;
+					D.value = [(e = E.value[0]) == null ? void 0 : e.id];
+				}
+			}
+		}), b({ search: P }), (e, t) => {
+			let s = d("ElTree"), l = d("ElButton"), h = d("FormItem"), g = d("ElRow"), _ = d("FormItemConfigProvider"), b = d("FormHolder"), x = d("PageableTable"), S = d("SkeletonPanel"), C = d("ElementDialog");
+			return c(), n(C, {
+				ref_key: "dialog",
+				ref: A,
+				visible: y.visible,
+				height: y.height,
+				width: y.width,
+				"body-padding": !1,
+				"show-full-screen": "",
+				title: y.title,
+				"onUpdate:visible": z
+			}, {
+				footer: p(() => [o(l, {
+					size: "mini",
+					type: "primary",
+					onClick: R
+				}, {
+					default: p(() => [...t[2] || (t[2] = [a("确定", -1)])]),
+					_: 1
+				}), o(l, {
+					size: "mini",
+					onClick: L
+				}, {
+					default: p(() => [...t[3] || (t[3] = [a("取消", -1)])]),
+					_: 1
+				})]),
+				default: p(() => [o(S, {
+					"flex-column": "",
+					"use-tab": !1,
+					"hide-left": !y.useTree
+				}, i({
+					default: p(() => [o(b, {
+						ref_key: "form",
+						ref: k,
+						model: y.model,
+						style: { padding: "10px" },
+						"not-table-form": "",
+						onSubmit: m(P, ["prevent"])
+					}, {
+						default: p(() => [o(_, { reactive: "" }, {
+							default: p(() => [o(g, { gutter: 0 }, {
+								default: p(() => [u(e.$slots, "search-form"), o(h, {
+									"hide-label": "",
+									span: 24,
+									style: { "text-align": "right" }
+								}, {
+									default: p(() => [o(l, {
+										type: "primary",
+										"native-type": "submit"
+									}, {
+										default: p(() => [...t[0] || (t[0] = [a("搜索", -1)])]),
+										_: 1
+									}), o(l, { onClick: F }, {
+										default: p(() => [...t[1] || (t[1] = [a("清空", -1)])]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 3
+							})]),
+							_: 3
+						})]),
+						_: 3
+					}, 8, ["model"]), o(x, {
+						ref_key: "table",
+						ref: O,
+						"highlight-current-row": "",
+						"hide-on-single-page": "",
+						"click-row-select": "",
+						"row-key": y.rowKey,
+						descs: y.descs,
+						"payload-style": "body",
+						api: y.tableApi,
+						model: y.model,
+						multiple: y.multiple,
+						onCurrentChange: N,
+						onSelectionChange: M
+					}, {
+						default: p(() => [u(e.$slots, "columns")]),
+						_: 3
+					}, 8, [
+						"row-key",
+						"descs",
+						"api",
+						"model",
+						"multiple"
+					])]),
+					_: 2
+				}, [y.useTree ? {
+					name: "left",
+					fn: p(() => [r("div", v, f(y.treeTitle), 1), o(s, {
+						ref_key: "tree",
+						ref: j,
+						"node-key": y.nodeKey,
+						data: E.value,
+						"default-expanded-keys": D.value,
+						props: y.treeProps,
+						"expand-on-click-node": y.expandOnClickNode,
+						onNodeClick: y.onNodeClick
+					}, null, 8, [
+						"node-key",
+						"data",
+						"default-expanded-keys",
+						"props",
+						"expand-on-click-node",
+						"onNodeClick"
+					])]),
+					key: "0"
+				} : void 0]), 1032, ["hide-left"])]),
+				_: 3
+			}, 8, [
+				"visible",
+				"height",
+				"width",
+				"title"
+			]);
+		};
+	}
 });
-var D = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("ElementDialog", { ref: "dialog", attrs: { visible: e.visible, height: e.height, width: e.width, "body-padding": !1, "show-full-screen": "", title: e.title }, on: { "update:visible": t.updateVisible }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [n("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: t.confirm } }, [e._v("确定")]), n("ElButton", { attrs: { size: "mini" }, on: { click: t.onCancel } }, [e._v("取消")])];
-  }, proxy: !0 }]) }, [n("SkeletonPanel", { attrs: { "flex-column": "", "use-tab": !1, "hide-left": !e.useTree }, scopedSlots: e._u([e.useTree ? { key: "left", fn: function() {
-    return [n("div", { staticStyle: { padding: "10px 0", "font-size": "16px", "border-bottom": "1px solid #eee" } }, [e._v(e._s(e.treeTitle))]), n("ElTree", { ref: "tree", attrs: { "node-key": e.nodeKey, data: t.treeData, "default-expanded-keys": t.expandedKeys, props: e.treeProps, "expand-on-click-node": e.expandOnClickNode }, on: { "node-click": e.onNodeClick } })];
-  }, proxy: !0 } : null], null, !0) }, [n("FormHolder", { ref: "form", staticStyle: { padding: "10px" }, attrs: { model: e.model, "not-table-form": "" }, nativeOn: { submit: function(a) {
-    return a.preventDefault(), t.search.apply(null, arguments);
-  } } }, [n("FormItemConfigProvider", { attrs: { reactive: "" } }, [n("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form"), n("FormItem", { staticStyle: { "text-align": "right" }, attrs: { "hide-label": "", span: 24 } }, [n("ElButton", { attrs: { type: "primary", "native-type": "submit" } }, [e._v("搜索")]), n("ElButton", { on: { click: t.clear } }, [e._v("清空")])], 1)], 2)], 1)], 1), n("PageableTable", { ref: "table", attrs: { "highlight-current-row": "", "hide-on-single-page": "", "click-row-select": "", "row-key": e.rowKey, descs: e.descs, "payload-style": "body", api: e.tableApi, model: e.model, multiple: e.multiple }, on: { "current-change": t.handleCurrentChange, "selection-change": t.handleChange } }, [e._t("columns")], 2)], 1)], 1);
-}, K = [], j = /* @__PURE__ */ O(
-  R,
-  D,
-  K,
-  !1,
-  null,
-  null
-);
-const q = j.exports;
-export {
-  q as default
-};
+//#endregion
+export { y as default };