@pubinfo/module-rbac 2.0.0-beta.9 → 2.0.0-rc.2

package/dist/createAndEditDataPermission-Bd3tlIEE.js

@@ -0,0 +1,443 @@
+import { O as e, OrgSelector as t, R as n, S as r, ai as i, am as a } from "./index.js";
+import { b as o } from "./_plugin-vue_export-helper-Bvl99pNT.js";
+import { c as s } from "./enum-CUMv4gQ2.js";
+import { b as c } from "./enum-DUjQrWbG.js";
+import { b as l } from "./useAppAndResource-BgnrL15l.js";
+import { b as u } from "./ResourceSelector-CxZ1ae30.js";
+import { c as d, e as f } from "./enum-B-lkiBy0.js";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, isRef as S, mergeModels as C, openBlock as w, ref as T, renderList as E, resolveComponent as D, toDisplayString as O, unref as k, useModel as ee, withCtx as A } from "vue";
+import { message as j } from "ant-design-vue";
+import { Button as te, CheckboxGroup as M, Drawer as N, Form as P, FormItem as F, Input as I, Modal as ne, Select as L, Space as re, TabPane as R, Tabs as ie, Tag as ae, Tooltip as oe } from "ant-design-vue/es";
+import './createAndEditDataPermission.css';const se = { class: "h-340px border-1px border-solid flex flex-row border_color" }, z = { class: "w-360px" }, B = { class: "flex-1 flex flex-col border-solid border-0px border-l-1px border_color" }, V = { class: "flex-1 p-10px overflow-auto" };
+var H = /* @__PURE__ */ x({
+	name: "GroupSelector",
+	__name: "index",
+	props: {
+		open: { type: Boolean },
+		openModifiers: {}
+	},
+	emits: /* @__PURE__ */ C(["select"], ["update:open"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = n, o = T("OrgGroup"), c = m(() => o.value === "OrgGroup"), l = T([]), u = T([]), d = T([]), f = T([]), g = m(() => {
+			let e = c.value ? l : u, t = c.value ? d : f;
+			return e.value.filter((e) => t.value.includes(e.value));
+		}), x = ee(e, "open"), C = a(x);
+		D();
+		function D() {
+			j(s.ORG), j(s.PER);
+		}
+		function j(e) {
+			i({ type: e }).then((t) => {
+				if (t && t.data && t.data.length) {
+					let n = t.data.map((e) => {
+						let { name: t = "", id: n = "" } = e, r = t.length > 20 ? `${t.substring(0, 20)}...` : t;
+						return {
+							label: r,
+							value: n,
+							name: t,
+							id: n
+						};
+					});
+					e === s.ORG ? l.value = n : u.value = n;
+				}
+			});
+		}
+		function N(e) {
+			if (e && e.length) {
+				let t = e.map((e) => e.value);
+				c.value ? d.value = t : f.value = t;
+			} else d.value = [], f.value = [];
+			C(!0);
+		}
+		function P() {
+			c.value ? F() : I();
+		}
+		function F() {
+			d.value = [];
+		}
+		function I() {
+			f.value = [];
+		}
+		function L(e) {
+			let t = c.value ? d : f, n = t.value.findIndex((t) => t === e);
+			n !== -1 && t.value.splice(n, 1);
+		}
+		function re() {
+			r("select", g.value), C(!1);
+		}
+		return t({ open: N }), (e, t) => {
+			let n = M, r = R, i = ie, a = ae, s = oe, c = te, m = ne;
+			return w(), h(m, {
+				open: x.value,
+				"onUpdate:open": t[4] ||= (e) => x.value = e,
+				class: "group-modal",
+				title: "编辑群组",
+				"mask-closable": !1,
+				width: 750
+			}, {
+				footer: A(() => [b(c, { onClick: t[3] ||= (e) => k(C)(!1) }, {
+					default: A(() => t[6] ||= [y(" 取消 ")]),
+					_: 1,
+					__: [6]
+				}), b(c, {
+					type: "primary",
+					onClick: re
+				}, {
+					default: A(() => t[7] ||= [y(" 确定 ")]),
+					_: 1,
+					__: [7]
+				})]),
+				default: A(() => [v("div", se, [v("div", z, [b(i, {
+					"active-key": k(o),
+					"onUpdate:activeKey": t[2] ||= (e) => S(o) ? o.value = e : null,
+					class: "h-full overflow-hidden"
+				}, {
+					default: A(() => [b(r, {
+						key: "OrgGroup",
+						tab: "组织群组"
+					}, {
+						default: A(() => [b(n, {
+							value: k(d),
+							"onUpdate:value": t[0] ||= (e) => S(d) ? d.value = e : null,
+							options: k(l)
+						}, null, 8, ["value", "options"])]),
+						_: 1
+					}), b(r, {
+						key: "UserGroup",
+						tab: "用户群组",
+						"force-render": ""
+					}, {
+						default: A(() => [b(n, {
+							value: k(f),
+							"onUpdate:value": t[1] ||= (e) => S(f) ? f.value = e : null,
+							options: k(u)
+						}, null, 8, ["value", "options"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["active-key"])]), v("div", B, [v("div", { class: "w-full h-38px bg-[rgb(245,245,245)] flex px-15px items-center justify-between text-[#1D2129] dark:bg-[#000] dark:text-[#F2F3F5]" }, [t[5] ||= v("div", { class: "" }, " 已选群组 ", -1), v("div", {
+					class: "cursor-pointer text-[#165DFF]",
+					onClick: P
+				}, " 清空 ")]), v("div", V, [(w(!0), _(p, null, E(k(g), (e) => (w(), _("div", {
+					key: e.value,
+					class: "inline-block mb-6px max-w-300px"
+				}, [e.name && e.name.length > 20 ? (w(), h(s, {
+					key: 0,
+					title: e.name
+				}, {
+					default: A(() => [b(a, {
+						class: "custom_tag bg-[#e8f3ff] dark:bg-[#141414]",
+						closable: "",
+						onClose: (t) => L(e.value)
+					}, {
+						default: A(() => [y(O(e.label), 1)]),
+						_: 2
+					}, 1032, ["onClose"])]),
+					_: 2
+				}, 1032, ["title"])) : (w(), h(a, {
+					key: 1,
+					class: "custom_tag bg-[#e8f3ff] dark:bg-[#141414]",
+					closable: "",
+					onClose: (t) => L(e.value)
+				}, {
+					default: A(() => [y(O(e.label), 1)]),
+					_: 2
+				}, 1032, ["onClose"]))]))), 128))])])])]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), ce = /* @__PURE__ */ o(H, [["__scopeId", "data-v-2ec81ba8"]]);
+const le = { class: "pt-10px" }, ue = { class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]" }, de = {
+	key: 1,
+	class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]"
+}, fe = { class: "pt-10px" }, pe = { class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]" }, me = {
+	key: 1,
+	class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]"
+}, he = { class: "pt-10px" }, ge = { class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]" }, _e = {
+	key: 1,
+	class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]"
+};
+var U = /* @__PURE__ */ x({
+	name: "CreateAndEditDataPermission",
+	__name: "createAndEditDataPermission",
+	emits: ["submit"],
+	setup(i, { expose: o, emit: s }) {
+		let x = s, C = c.DATA_PERMISSION, { appList: D, resourceModelRef: ee, selectedResources: M, getAppList: ne, updateTreeDataAndResourceMap: R, setSelectedResources: ie, updateSelectedResources: ae, clearSelectedResources: se, openResourceModel: z } = l(C), B = T(""), V = {
+			name: "",
+			type: "",
+			appId: "",
+			orgIds: [],
+			resourceIds: []
+		}, H = T(), U = {
+			name: [{
+				required: !0,
+				message: "请输入数据权限名称",
+				trigger: ["blur", "change"]
+			}],
+			type: [{
+				required: !0,
+				message: "请选择数据权限规则",
+				trigger: ["blur", "change"]
+			}],
+			appId: [{
+				required: !0,
+				message: "请选择所属应用",
+				trigger: ["blur", "change"]
+			}],
+			resourceIds: [{
+				type: "array",
+				required: !0,
+				message: "请选择资源",
+				trigger: ["blur", "change"]
+			}],
+			orgIds: [{
+				type: "array",
+				required: !0,
+				message: "请选择部门",
+				trigger: ["blur", "change"]
+			}],
+			groupIds: [{
+				type: "array",
+				required: !0,
+				message: "请选择群组",
+				trigger: ["blur", "change"]
+			}]
+		}, W = T({ ...V }), G = m(() => W.value.type === d.CUSTOM_DEPT_AND_SUB || W.value.type === d.CUSTOM_DEPT_ONLY), K = m(() => W.value.type === d.CUSTOM_GROUP), q = T(!1), [J, Y] = a(!1), X = T(), Z = T([]), Q = T(), $ = T([]);
+		ne();
+		async function ve(t, n) {
+			if (B.value = t, q.value = !1, W.value = { ...V }, se(), we(), Te(), n) {
+				q.value = !0;
+				let t = await e({ id: n?.id });
+				if (t.success && t.data) {
+					let { id: e, type: n, name: r, appId: i, orgs: a, resources: o, groups: s } = t.data;
+					W.value = {
+						id: e,
+						type: n,
+						appId: i,
+						name: r || "",
+						orgIds: a?.map((e) => e.id || ""),
+						resourceIds: o?.map((e) => e.id || ""),
+						groupIds: s?.map((e) => e.id || "")
+					}, a && a.length && (Z.value = a.map((e) => ({
+						orgId: e.id,
+						orgName: e.name
+					}))), s && s.length && ($.value = s.map((e) => ({
+						id: e.id,
+						name: e.name,
+						value: e.id,
+						label: e.name && e.name.length > 20 ? e.name.slice(0, 20) : e.name
+					}))), await R(W.value.appId), W.value.resourceIds && ae(W.value.resourceIds);
+				}
+			}
+			Y(!0);
+		}
+		function ye(e) {
+			W.value.resourceIds = [], M.value = [], e && R(e);
+		}
+		function be() {
+			H.value?.validateFields(["appId"]).then(() => {
+				W.value.appId && W.value.resourceIds && z(W.value.resourceIds);
+			}).catch(() => {});
+		}
+		function xe(e) {
+			ie(e), e && e.length ? (W.value.resourceIds = e.map((e) => e.id), H.value?.clearValidate(["resourceIds"])) : W.value.resourceIds = [];
+		}
+		function Se() {
+			X.value && X.value.open();
+		}
+		function Ce() {
+			Q.value && Q.value.open($.value);
+		}
+		function we() {
+			Z.value = [];
+		}
+		function Te() {
+			$.value = [];
+		}
+		function Ee(e) {
+			Z.value = e, e.length ? (W.value.orgIds = e.map((e) => e.orgId || ""), H.value?.clearValidate(["orgIds"])) : W.value.orgIds = [];
+		}
+		function De(e) {
+			$.value = e, e.length ? (W.value.groupIds = e.map((e) => e.id || ""), H.value?.clearValidate(["groupIds"])) : W.value.groupIds = [];
+		}
+		let [Oe, ke] = a(!1);
+		function Ae() {
+			H.value?.validate().then(() => {
+				ke(!0);
+				let e = q.value ? r : n, t = { ...W.value };
+				G.value || delete t.orgIds, K.value || delete t.groupIds, e(t).then((e) => {
+					e.success && (j.success(`${B.value}成功！`), Y(!1), x("submit"));
+				}).finally(() => ke(!1));
+			});
+		}
+		function je() {
+			Y(!1);
+		}
+		return o({ open: ve }), (e, n) => {
+			let r = I, i = F, a = L, o = te, s = oe, c = P, l = re, d = N;
+			return w(), h(d, {
+				open: k(J),
+				"onUpdate:open": n[4] ||= (e) => S(J) ? J.value = e : null,
+				title: `${k(B)}数据权限`,
+				placement: "right",
+				width: 600,
+				"destroy-on-close": "",
+				"footer-style": { textAlign: "right" },
+				onClose: je
+			}, {
+				footer: A(() => [b(l, null, {
+					default: A(() => [b(o, { onClick: je }, {
+						default: A(() => n[8] ||= [y(" 取消 ")]),
+						_: 1,
+						__: [8]
+					}), b(o, {
+						type: "primary",
+						loading: k(Oe),
+						onClick: n[3] ||= (e) => Ae()
+					}, {
+						default: A(() => n[9] ||= [y(" 提交 ")]),
+						_: 1,
+						__: [9]
+					}, 8, ["loading"])]),
+					_: 1
+				})]),
+				default: A(() => [
+					b(c, {
+						ref_key: "formRef",
+						ref: H,
+						model: k(W),
+						rules: U,
+						"label-col": { span: 6 }
+					}, {
+						default: A(() => [
+							b(i, {
+								label: "数据权限名称",
+								name: "name"
+							}, {
+								default: A(() => [b(r, {
+									value: k(W).name,
+									"onUpdate:value": n[0] ||= (e) => k(W).name = e,
+									maxlength: 20
+								}, null, 8, ["value"])]),
+								_: 1
+							}),
+							b(i, {
+								label: "数据权限规则",
+								name: "type"
+							}, {
+								default: A(() => [b(a, {
+									value: k(W).type,
+									"onUpdate:value": n[1] ||= (e) => k(W).type = e,
+									options: k(f),
+									placeholder: "请选择"
+								}, null, 8, ["value", "options"])]),
+								_: 1
+							}),
+							b(i, {
+								label: "所属应用",
+								name: "appId"
+							}, {
+								default: A(() => [b(a, {
+									value: k(W).appId,
+									"onUpdate:value": n[2] ||= (e) => k(W).appId = e,
+									disabled: k(q),
+									options: k(D),
+									onChange: ye
+								}, null, 8, [
+									"value",
+									"disabled",
+									"options"
+								])]),
+								_: 1
+							}),
+							b(i, {
+								label: "所属资源",
+								name: "resourceIds"
+							}, {
+								default: A(() => [b(o, {
+									type: "primary",
+									onClick: be
+								}, {
+									default: A(() => n[5] ||= [y(" 编辑资源 ")]),
+									_: 1,
+									__: [5]
+								}), v("div", le, [(w(!0), _(p, null, E(k(M), (e) => (w(), _(p, { key: e }, [e.name.length > 20 ? (w(), h(s, {
+									key: 0,
+									title: e.name
+								}, {
+									default: A(() => [v("span", ue, O(`${e.name.slice(0, 20)}...`), 1)]),
+									_: 2
+								}, 1032, ["title"])) : (w(), _("span", de, O(e.name), 1))], 64))), 128))])]),
+								_: 1
+							}),
+							k(G) ? (w(), h(i, {
+								key: 0,
+								label: "所属部门",
+								name: "orgIds"
+							}, {
+								default: A(() => [b(o, {
+									type: "primary",
+									onClick: Se
+								}, {
+									default: A(() => n[6] ||= [y(" 编辑部门 ")]),
+									_: 1,
+									__: [6]
+								}), v("div", fe, [(w(!0), _(p, null, E(k(Z), (e) => (w(), _(p, { key: e }, [e.orgName && e.orgName.length > 20 ? (w(), h(s, {
+									key: 0,
+									title: e.orgName
+								}, {
+									default: A(() => [v("span", pe, O(`${e.orgName?.slice(0, 20)}...`), 1)]),
+									_: 2
+								}, 1032, ["title"])) : (w(), _("span", me, O(e.orgName), 1))], 64))), 128))])]),
+								_: 1
+							})) : g("v-if", !0),
+							k(K) ? (w(), h(i, {
+								key: 1,
+								label: "所属群组",
+								name: "groupIds"
+							}, {
+								default: A(() => [b(o, {
+									type: "primary",
+									onClick: Ce
+								}, {
+									default: A(() => n[7] ||= [y(" 编辑群组 ")]),
+									_: 1,
+									__: [7]
+								}), v("div", he, [(w(!0), _(p, null, E(k($), (e) => (w(), _(p, { key: e }, [e.name && e.name.length > 20 ? (w(), h(s, {
+									key: 0,
+									title: e.name
+								}, {
+									default: A(() => [v("span", ge, O(`${e.name?.slice(0, 20)}...`), 1)]),
+									_: 2
+								}, 1032, ["title"])) : (w(), _("span", _e, O(e.name), 1))], 64))), 128))])]),
+								_: 1
+							})) : g("v-if", !0)
+						]),
+						_: 1
+					}, 8, ["model"]),
+					b(t, {
+						ref_key: "orgRef",
+						ref: X,
+						"model-value": k(Z),
+						multiple: "",
+						onSubmit: Ee
+					}, null, 8, ["model-value"]),
+					b(u, {
+						ref_key: "resourceModelRef",
+						ref: ee,
+						mode: k(C),
+						onSelect: xe
+					}, null, 8, ["mode"]),
+					b(ce, {
+						ref_key: "groupRef",
+						ref: Q,
+						onSelect: De
+					}, null, 512)
+				]),
+				_: 1
+			}, 8, ["open", "title"]);
+		};
+	}
+}), W = U;
+export { W as b };

package/dist/createAndEditDataPermission.css

@@ -0,0 +1 @@
+.group-modal .ant-tabs-content-holder{padding:0 1rem .5rem;overflow:auto}.group-modal .ant-tabs-nav:before{display:none}.group-modal .ant-tabs-nav-wrap{background:#f5f5f5;height:38px}.group-modal .ant-tabs-tab{margin:0;padding:0 .75rem}.group-modal .ant-tabs-tab+.ant-tabs-tab{margin-left:0!important}.group-modal .ant-tabs-tab-active{background:#fff}.group-modal .ant-checkbox-group{display:block}.group-modal .ant-checkbox-wrapper{margin-bottom:.5rem;display:flex}.group-modal .ant-tabs-ink-bar{display:none}.dark .group-modal .ant-tabs-nav-wrap{--un-text-opacity:1;color:rgb(242 243 245/var(--un-text-opacity));background:#000}.dark .group-modal .ant-tabs-tab-active{background:#141414}.group-modal[data-v-2ec81ba8] .ant-modal-content{border-radius:0;padding:0}.group-modal[data-v-2ec81ba8] .ant-modal-header{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-width:1px;border-bottom-color:rgb(229 230 235/var(--un-border-bottom-opacity));border-style:solid;margin-bottom:0;padding:.75rem 1rem}.group-modal[data-v-2ec81ba8] .ant-modal-title{--un-text-opacity:1;color:rgb(29 33 41/var(--un-text-opacity));font-size:1rem;font-weight:500;line-height:1}.group-modal[data-v-2ec81ba8] .ant-modal-body{padding:1rem}.group-modal[data-v-2ec81ba8] .ant-modal-footer{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-width:1px;border-top-color:rgb(229 230 235/var(--un-border-top-opacity));border-style:solid;padding:1rem}.group-modal[data-v-2ec81ba8] .ant-modal-footer .ant-btn{border-radius:.125rem}[data-v-2ec81ba8] .ant-tree-checkbox{margin-block-start:0;margin-inline-end:2px}[data-v-2ec81ba8] .ant-tree-checkbox+span .ant-tree-iconEle{margin-right:.25rem}.custom_tag[data-v-2ec81ba8]{border-width:0;border-radius:.125rem;padding:3px .5rem}.custom_tag[data-v-2ec81ba8] .ant-tag-close-icon{--un-text-opacity:.6;color:rgb(22 93 255/var(--un-text-opacity))}.custom_tag[data-v-2ec81ba8] .ant-tag-close-icon:hover{--un-text-opacity:1;color:rgb(22 93 255/var(--un-text-opacity))}.border_color[data-v-2ec81ba8]{--un-border-opacity:1;border-color:rgb(229 230 235/var(--un-border-opacity))}[data-theme=dark] .border_color[data-v-2ec81ba8]{--un-border-opacity:.12;border-color:rgb(253 253 253/var(--un-border-opacity))}.border_c[data-v-2ec81ba8]{--un-border-opacity:1;border-width:1px;border-color:rgb(204 204 204/var(--un-border-opacity));border-style:dashed;border-radius:10px}[data-v-2ec81ba8] .ant-dropdown-link{--un-scale-x:.7;--un-scale-y:.7;transform:translateX(var(--un-translate-x))translateY(var(--un-translate-y))translateZ(var(--un-translate-z))rotate(var(--un-rotate))rotateX(var(--un-rotate-x))rotateY(var(--un-rotate-y))rotateZ(var(--un-rotate-z))skewX(var(--un-skew-x))skewY(var(--un-skew-y))scaleX(var(--un-scale-x))scaleY(var(--un-scale-y))scaleZ(var(--un-scale-z));border-radius:.125rem;padding:.25rem .375rem;font-size:.75rem;line-height:1rem}

package/dist/data-permission-Db1Lu9KO.js

@@ -0,0 +1,156 @@
+import { M as e, Q as t, am as n } from "./index.js";
+import { b as r } from "./_plugin-vue_export-helper-Bvl99pNT.js";
+import "./enum-CUMv4gQ2.js";
+import { b as i } from "./createAndEditDataPermission-Bd3tlIEE.js";
+import "./enum-DUjQrWbG.js";
+import "./useAppAndResource-BgnrL15l.js";
+import "./ResourceSelector-CxZ1ae30.js";
+import { b as a, e as o, f as s } from "./enum-B-lkiBy0.js";
+import { PubinfoIcon as c } from "pubinfo";
+import { createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, openBlock as g, ref as _, resolveDirective as v, toDisplayString as y, unref as b, withCtx as x, withDirectives as S } from "vue";
+import { PlusCircleOutlined as C } from "@ant-design/icons-vue";
+import { Modal as w, message as T } from "ant-design-vue";
+import { Button as E, Space as D } from "ant-design-vue/es";
+import { ProTable as O } from "@pubinfo/pro-components";
+import './data-permission.css';const k = {
+	"w-full": "",
+	"h-full": "",
+	"py-10px": "",
+	"px-10px": "",
+	flex: "",
+	"flex-col": "",
+	class: "page-data-permission"
+}, A = { key: 0 }, j = ["onClick"], M = { class: "ml-4px" }, N = ["onClick"], P = { class: "ml-4px" };
+var F = /* @__PURE__ */ h({
+	name: "DataPermission",
+	__name: "index",
+	setup(r) {
+		let h = _(), F = _(), I = [
+			{
+				valueType: "a-input",
+				title: "数据权限名称",
+				dataIndex: "name",
+				fieldProps: {
+					placeholder: "请输入",
+					allowClear: !0
+				}
+			},
+			{
+				valueType: "a-select",
+				title: "数据权限规则",
+				dataIndex: "type",
+				fieldProps: {
+					placeholder: "请选择",
+					allowClear: !0,
+					options: o
+				},
+				ellipsis: !0
+			},
+			{
+				hideInSearch: !0,
+				title: "创建时间",
+				dataIndex: "createTime",
+				ellipsis: !0
+			},
+			{
+				hideInSearch: !0,
+				title: "更新时间",
+				dataIndex: "updateTime",
+				ellipsis: !0
+			},
+			{
+				hideInSearch: !0,
+				title: "操作",
+				dataIndex: "action",
+				width: 200,
+				fixed: "right"
+			}
+		];
+		async function L(e) {
+			let { current: n, pageSize: r, type: i, name: a } = e, o = {
+				pageSize: r,
+				currentPage: n,
+				doSearchTotal: !0,
+				type: i,
+				name: a
+			}, s = await t(o);
+			return {
+				success: s.success,
+				data: s.data?.records ?? [],
+				total: s.data?.total ?? 0
+			};
+		}
+		function R() {
+			h.value.reload();
+		}
+		let [z, B] = n(!1);
+		function V(t, n) {
+			if (!z.value) switch (t) {
+				case a.ADD:
+					F.value.open(t);
+					break;
+				case a.EDIT:
+					F.value.open(t, n);
+					break;
+				case a.REMOVE:
+					w.confirm({
+						title: "删除",
+						content: "确定要删除该权限吗？",
+						async onOk() {
+							B(!0), e({ id: n?.id }).then((e) => {
+								e.success && (T.success("删除成功"), R());
+							}).finally(() => B(!1));
+						}
+					});
+					break;
+			}
+		}
+		return (e, t) => {
+			let n = C, r = E, o = c, _ = D, w = v("auth");
+			return g(), d("div", k, [m(b(O), {
+				ref_key: "tableRef",
+				ref: h,
+				"row-key": "id",
+				request: L,
+				columns: I,
+				"auto-height": "",
+				scroll: { x: 1e3 }
+			}, {
+				toolbar: x(() => [S((g(), l(r, {
+					type: "primary",
+					onClick: t[0] ||= (e) => V(b(a).ADD)
+				}, {
+					default: x(() => [m(n), p(" " + y(b(a).ADD), 1)]),
+					_: 1
+				})), [[w, "data_permission_create"]])]),
+				bodyCell: x(({ column: e, record: t }) => [e.dataIndex === "type" ? (g(), d("span", A, y(b(s)[t.type]), 1)) : u("v-if", !0), e.dataIndex === "action" ? (g(), l(_, { key: 1 }, {
+					default: x(() => [S((g(), d("a", {
+						class: "flex items-center hover:opacity-80",
+						onClick: (e) => V(b(a).EDIT, t)
+					}, [m(o, {
+						name: "edit",
+						class: "text-base"
+					}), f("span", M, y(b(a).EDIT), 1)], 8, j)), [[w, "data_permission_edit"]]), S((g(), d("span", {
+						flex: "",
+						"items-center": "",
+						"text-red-500": "",
+						"hover:cursor-pointer": "",
+						"hover:text-red-500": "",
+						"hover:opacity-80": "",
+						onClick: (e) => V(b(a).REMOVE, t)
+					}, [m(o, {
+						name: "remove",
+						class: "text-base"
+					}), f("span", P, y(b(a).REMOVE), 1)], 8, N)), [[w, "data_permission_delete"]])]),
+					_: 2
+				}, 1024)) : u("v-if", !0)]),
+				_: 1
+			}, 512), m(i, {
+				ref_key: "drawerRef",
+				ref: F,
+				onSubmit: R
+			}, null, 512)]);
+		};
+	}
+}), I = /* @__PURE__ */ r(F, [["__scopeId", "data-v-b32ad41d"]]);
+export { I as default };

package/dist/data-permission.css

@@ -0,0 +1 @@
+.page-data-permission[data-v-b32ad41d] .ant-card.pro-table{border-top-left-radius:0;border-top-right-radius:0}.page-data-permission[data-v-b32ad41d] .ant-form-item-label{width:102px!important}