@rzyuan/hrbac-share 0.1.1 → 0.1.4

package/dist/index.js

@@ -1,608 +1,769 @@
-import { defineComponent as Se, ref as n, computed as T, watch as Z, resolveComponent as y, resolveDirective as Ce, openBlock as s, createBlock as j, withCtx as o, withDirectives as Ne, createElementBlock as h, createCommentVNode as C, createElementVNode as c, toDisplayString as _, createVNode as b, Fragment as D, renderList as A, createTextVNode as E, unref as ee } from "vue";
-import { ElMessage as g } from "element-plus";
-import { Plus as ke, Search as Pe } from "@element-plus/icons-vue";
-const ae = {
+import { defineComponent as Ue, ref as n, computed as g, watch as ue, resolveComponent as h, resolveDirective as We, openBlock as i, createBlock as j, withCtx as r, withDirectives as Me, createElementBlock as E, createCommentVNode as G, createElementVNode as s, toDisplayString as f, createVNode as d, Fragment as P, renderList as U, createTextVNode as m, normalizeClass as ce, unref as J } from "vue";
+import { ElMessage as R } from "element-plus";
+import { Search as Le, Close as ae } from "@element-plus/icons-vue";
+const ve = {
   USER: 1,
   LINE: 2,
   SPACE: 3
 };
-function le(t) {
+function Y(t) {
   return `${t.subjectType}:${t.subjectId}`;
 }
-function re(t, f) {
-  const r = new Set(f.map(le));
-  return t.filter((i) => !r.has(le(i)));
+function xe(t, y) {
+  const l = new Set(y.map(Y));
+  return t.filter((p) => !l.has(Y(p)));
 }
-function te(t) {
-  return [...t].sort((f, r) => {
-    if (f.role === "OWNER" && r.role !== "OWNER") return -1;
-    if (f.role !== "OWNER" && r.role === "OWNER") return 1;
-    const i = ae[f.subjectType] - ae[r.subjectType];
-    return i !== 0 ? i : f.subjectName.localeCompare(r.subjectName, "zh-CN");
+function _e(t) {
+  return [...t].sort((y, l) => {
+    if (y.role === "OWNER" && l.role !== "OWNER") return -1;
+    if (y.role !== "OWNER" && l.role === "OWNER") return 1;
+    const p = ve[y.subjectType] - ve[l.subjectType];
+    return p !== 0 ? p : y.subjectName.localeCompare(l.subjectName, "zh-CN");
   });
 }
-const Ue = { class: "hrbac-share-drawer__header" }, xe = { class: "hrbac-share-drawer__title" }, We = { class: "hrbac-share-drawer__subtitle" }, De = { class: "hrbac-share-drawer__body" }, Ae = { class: "hrbac-share-drawer__section" }, Le = { class: "hrbac-share-drawer__section-head" }, Be = { class: "hrbac-share-drawer__section-title" }, $e = { class: "hrbac-share-drawer__add-row" }, ze = { class: "hrbac-share-drawer__candidate-option" }, Me = {
+const ze = { class: "code-repository-share__header" }, $e = { class: "code-repository-share__header-main" }, Be = { class: "code-repository-share__header-title" }, Ge = { class: "code-repository-share__header-subtitle" }, Ke = { class: "code-repository-share" }, He = { class: "code-repository-share__section" }, Fe = { class: "code-repository-share__section-head" }, Je = { class: "code-repository-share__section-label" }, Ye = { class: "code-repository-share__add-row" }, qe = { class: "code-repository-share__compound-field" }, Qe = { class: "code-repository-share__compound-left" }, Xe = { class: "code-repository-share__empty" }, Ze = { class: "code-repository-share__candidate-name" }, ea = {
   key: 0,
-  class: "hrbac-share-drawer__candidate-desc"
-}, Ge = { class: "hrbac-share-drawer__section hrbac-share-drawer__section--list" }, He = { class: "hrbac-share-drawer__section-head" }, Ke = { class: "hrbac-share-drawer__section-title" }, Fe = {
-  key: 0,
-  class: "hrbac-share-drawer__list"
-}, Je = { class: "hrbac-share-drawer__row-main" }, Ye = { class: "hrbac-share-drawer__row-name" }, qe = {
-  key: 0,
-  class: "hrbac-share-drawer__row-desc"
-}, Qe = { class: "hrbac-share-drawer__dialog-text" }, Xe = {
-  key: 0,
-  class: "hrbac-share-drawer__dialog-target"
-}, Ze = { class: "hrbac-share-drawer__dialog-text" }, ea = {
-  key: 0,
-  class: "hrbac-share-drawer__dialog-target"
-}, aa = "__remove__", la = "__transfer__", ra = /* @__PURE__ */ Se({
+  class: "code-repository-share__candidate-status"
+}, aa = { class: "code-repository-share__compound-right" }, oa = { class: "code-repository-share__collaborator-section" }, la = { class: "code-repository-share__collaborator-title" }, sa = { class: "code-repository-share__collaborator-list" }, ra = { class: "code-repository-share__collaborator-list-inner" }, ta = { class: "code-repository-share__collaborator-info" }, da = { class: "code-repository-share__collaborator-name-line" }, na = { class: "code-repository-share__collaborator-name" }, ia = {
+  key: 1,
+  class: "code-repository-share__empty-state"
+}, ua = { class: "code-repository-share__dialog-header" }, ca = { class: "code-repository-share__dialog-header-main" }, va = { class: "code-repository-share__dialog-title" }, _a = { class: "code-repository-share__dialog-description" }, pa = { class: "code-repository-share__dialog-footer" }, ya = { class: "code-repository-share__dialog-header" }, fa = { class: "code-repository-share__dialog-header-main" }, ba = { class: "code-repository-share__dialog-title" }, ha = { class: "code-repository-share__dialog-description" }, ma = { class: "code-repository-share__dialog-description-target" }, ga = { class: "code-repository-share__transfer-content" }, wa = { class: "code-repository-share__transfer-option" }, Ea = { class: "code-repository-share__transfer-option" }, ja = { class: "code-repository-share__dialog-footer" }, Ra = "__remove__", Ta = "__transfer__", Ia = "__divider__", Oa = /* @__PURE__ */ Ue({
   __name: "HrbacShareDrawer",
   props: {
     modelValue: { type: Boolean },
     resource: {},
     adapter: {},
     readonly: { type: Boolean, default: !1 },
-    drawerSize: { default: 560 },
+    drawerSize: { default: "760px" },
     labels: {},
     subjectTypeOptions: {},
     roleOptions: {},
     allowTransferOwner: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "saved"],
-  setup(t, { emit: f }) {
-    const r = t, i = f, O = {
+  setup(t, { emit: y }) {
+    const l = t, p = y, S = {
       title: "分享设置",
-      addSectionTitle: "添加协作者",
-      collaboratorTitle: "协作者",
+      addSectionTitle: "添加方式",
+      collaboratorTitle: "管理协作者",
       readonlyTip: "当前仅可查看协作者，暂无修改分享设置权限",
       emptyCollaborators: "暂无协作者",
       removeTitle: "确认移除协作者？",
       removeDescription: "移除后，该对象将无法继续访问资源：",
       transferTitle: "转移所有权",
       transferDescription: "转移后，新的所有者为："
-    }, N = [
+    }, A = [
       { label: "按用户", value: "USER" },
       { label: "按条线", value: "LINE" },
       { label: "按空间", value: "SPACE" }
-    ], M = [
+    ], W = [
       { label: "可管理", value: "MANAGER" },
       { label: "可编辑", value: "EDITOR" },
       { label: "可查看", value: "VIEWER" }
-    ], I = n(!1), u = n(!1), L = n(!1), m = n("USER"), p = n([]), V = n("VIEWER"), B = n([]), G = n([]), $ = n(""), S = n(!1), v = n(!1), d = n(null), K = n("MANAGER"), R = T(() => ({ ...O, ...r.labels })), F = T(() => {
-      var e;
-      return (e = r.subjectTypeOptions) != null && e.length ? r.subjectTypeOptions : N;
-    }), J = T(() => {
-      var e;
-      return (e = r.roleOptions) != null && e.length ? r.roleOptions : M;
-    }), Y = T(() => J.value.filter((e) => e.value !== "OWNER")), q = T(() => te(B.value)), se = T(() => re(G.value, B.value)), oe = T(() => m.value === "USER" ? "搜索用户" : m.value === "LINE" ? "搜索条线" : "搜索空间"), Q = T(() => {
-      const e = $.value.trim().toLowerCase();
-      return e ? q.value.filter((a) => {
-        var w;
-        return a.subjectName.toLowerCase().includes(e) || a.subjectId.toLowerCase().includes(e) || ((w = a.description) == null ? void 0 : w.toLowerCase().includes(e));
-      }) : q.value;
-    });
-    Z(() => r.modelValue, (e) => {
-      e && (k(), P(""));
-    }), Z(F, (e) => {
+    ], T = n(!1), u = n(!1), M = n(!1), w = n("USER"), b = n([]), V = n("VIEWER"), L = n([]), K = n([]), x = n(""), I = n(!1), _ = n(!1), v = n(null), H = n("MANAGER"), z = n("KEEP"), N = g(() => ({ ...S, ...l.labels })), q = g(() => {
       var a;
-      e.some((w) => w.value === m.value) || (m.value = ((a = e[0]) == null ? void 0 : a.value) || "USER");
+      return (a = l.subjectTypeOptions) != null && a.length ? l.subjectTypeOptions : A;
+    }), oe = g(() => {
+      var a;
+      return (a = l.roleOptions) != null && a.length ? l.roleOptions.map((e) => ({
+        ...e,
+        label: e.label || X(e.value)
+      })) : W;
+    }), le = g(() => oe.value.filter((a) => a.value !== "OWNER")), pe = g(() => {
+      const a = [...le.value];
+      return a.some((e) => e.value === "MANAGER") || a.unshift({ label: X("MANAGER"), value: "MANAGER" }), a;
+    }), se = g(() => _e(L.value)), ye = g(() => new Set(L.value.map(Y))), fe = g(() => K.value.map((a) => ({
+      ...a,
+      disabled: a.disabled || ye.value.has(Y(a))
+    }))), be = g(() => w.value === "USER" ? "搜索用户" : w.value === "LINE" ? "搜索条线" : "搜索空间"), Q = g(() => {
+      const a = x.value.trim().toLowerCase();
+      return a ? se.value.filter((e) => {
+        var c;
+        return e.subjectName.toLowerCase().includes(a) || e.subjectId.toLowerCase().includes(a) || ((c = e.description) == null ? void 0 : c.toLowerCase().includes(a));
+      }) : se.value;
+    });
+    ue(() => l.modelValue, (a) => {
+      a && ($(), B(""));
+    }, { immediate: !0 }), ue(q, (a) => {
+      var e;
+      a.some((c) => c.value === w.value) || (w.value = ((e = a[0]) == null ? void 0 : e.value) || "USER");
     }, { immediate: !0 });
-    function ne(e) {
-      i("update:modelValue", e);
-    }
-    function ue() {
-      k(), P("");
+    function re() {
+      p("update:modelValue", !1);
     }
-    async function k() {
-      I.value = !0;
+    async function $() {
+      T.value = !0;
       try {
-        B.value = await r.adapter.listPermissions(r.resource.id);
-      } catch (e) {
-        g.error(U(e, "协作者加载失败"));
+        L.value = await l.adapter.listPermissions(l.resource.id);
+      } catch (a) {
+        R.error(D(a, "协作者加载失败"));
       } finally {
-        I.value = !1;
+        T.value = !1;
       }
     }
-    async function P(e) {
-      L.value = !0;
+    async function B(a) {
+      M.value = !0;
       try {
-        G.value = await r.adapter.searchSubjects({
-          subjectType: m.value,
-          keyword: e,
-          resourceId: r.resource.id
+        K.value = await l.adapter.searchSubjects({
+          subjectType: w.value,
+          keyword: a,
+          resourceId: l.resource.id
         });
-      } catch (a) {
-        g.error(U(a, "候选对象加载失败"));
+      } catch (e) {
+        R.error(D(e, "候选对象加载失败"));
       } finally {
-        L.value = !1;
+        M.value = !1;
       }
     }
-    function de() {
-      p.value = [], P("");
+    function he() {
+      b.value = [], B("");
     }
-    async function ce() {
-      if (p.value.length) {
+    async function me() {
+      if (b.value.length) {
         u.value = !0;
         try {
-          await Promise.all(p.value.map((e) => r.adapter.grantPermission({
-            resourceId: r.resource.id,
-            subjectType: m.value,
-            subjectId: e,
+          await Promise.all(b.value.map((a) => l.adapter.grantPermission({
+            resourceId: l.resource.id,
+            subjectType: w.value,
+            subjectId: a,
             role: V.value
-          }))), p.value = [], g.success("协作者已添加"), i("saved"), await k(), await P("");
-        } catch (e) {
-          g.error(U(e, "协作者添加失败"));
+          }))), b.value = [], R.success("协作者已添加"), p("saved"), await $(), await B("");
+        } catch (a) {
+          R.error(D(a, "协作者添加失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    async function ie(e, a) {
-      if (a === aa) {
-        d.value = e, S.value = !0;
+    async function ge(a, e) {
+      if (e === Ra) {
+        v.value = a, I.value = !0;
         return;
       }
-      if (a === la) {
-        d.value = e, v.value = !0;
+      if (e === Ta) {
+        v.value = a, z.value = "KEEP", H.value = "MANAGER", _.value = !0;
         return;
       }
-      if (!(a === "OWNER" || a === e.role)) {
+      if (e !== Ia && !(e === "OWNER" || e === a.role)) {
         u.value = !0;
         try {
-          await r.adapter.updatePermissionRole({
-            resourceId: r.resource.id,
-            subjectType: e.subjectType,
-            subjectId: e.subjectId,
-            role: a
-          }), g.success("权限已更新"), i("saved"), await k();
-        } catch (w) {
-          g.error(U(w, "权限更新失败"));
+          await l.adapter.updatePermissionRole({
+            resourceId: l.resource.id,
+            subjectType: a.subjectType,
+            subjectId: a.subjectId,
+            role: e
+          }), R.success("权限已更新"), p("saved"), await $();
+        } catch (c) {
+          R.error(D(c, "权限更新失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    function ve(e, a) {
-      typeof a == "string" && ie(e, a);
+    function we(a, e) {
+      typeof e == "string" && ge(a, e);
     }
-    async function be() {
-      if (d.value) {
+    async function Ee() {
+      if (v.value) {
         u.value = !0;
         try {
-          await r.adapter.revokePermission({
-            resourceId: r.resource.id,
-            subjectType: d.value.subjectType,
-            subjectId: d.value.subjectId
-          }), S.value = !1, d.value = null, g.success("协作者已移除"), i("saved"), await k(), await P("");
-        } catch (e) {
-          g.error(U(e, "协作者移除失败"));
+          await l.adapter.revokePermission({
+            resourceId: l.resource.id,
+            subjectType: v.value.subjectType,
+            subjectId: v.value.subjectId
+          }), I.value = !1, v.value = null, R.success("协作者已移除"), p("saved"), await $(), await B("");
+        } catch (a) {
+          R.error(D(a, "协作者移除失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    async function fe() {
-      if (!(!d.value || !r.adapter.transferOwner)) {
+    async function je() {
+      if (!(!v.value || !l.adapter.transferOwner)) {
         u.value = !0;
         try {
-          await r.adapter.transferOwner({
-            resourceId: r.resource.id,
-            subjectType: d.value.subjectType,
-            subjectId: d.value.subjectId,
-            previousOwnerRole: K.value
-          }), v.value = !1, d.value = null, g.success("所有权已转移"), i("saved"), await k();
-        } catch (e) {
-          g.error(U(e, "所有权转移失败"));
+          await l.adapter.transferOwner({
+            resourceId: l.resource.id,
+            subjectType: v.value.subjectType,
+            subjectId: v.value.subjectId,
+            previousOwnerRole: z.value === "REMOVE" ? void 0 : H.value
+          }), _.value = !1, v.value = null, R.success("所有权已转移"), p("saved"), await $();
+        } catch (a) {
+          R.error(D(a, "所有权转移失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    function _e(e) {
-      var a;
-      return ((a = F.value.find((w) => w.value === e)) == null ? void 0 : a.label.replace(/^按/, "")) || e;
+    function te(a) {
+      var e;
+      return ((e = q.value.find((c) => c.value === a)) == null ? void 0 : e.label.replace(/^按/, "")) || a;
+    }
+    function Re(a) {
+      if (a.role === "OWNER") return [{ label: "所有者", value: "OWNER", disabled: !0 }];
+      const e = oe.value.filter((c) => c.value !== "OWNER");
+      return e.some((c) => c.value === a.role) ? e : [
+        { label: X(a.role), value: a.role },
+        ...e
+      ];
+    }
+    function X(a) {
+      var e;
+      return ((e = W.find((c) => c.value === a)) == null ? void 0 : e.label) || a;
+    }
+    function Te(a) {
+      return l.readonly || u.value || a.readonly === !0 || a.role === "OWNER";
     }
-    function pe(e) {
-      return e.role === "OWNER" ? [{ label: "所有者", value: "OWNER", disabled: !0 }] : J.value.filter((a) => a.value !== "OWNER");
+    function Ie(a) {
+      return Te(a) && !Z(a) && !ee(a);
     }
-    function ye(e) {
-      return r.readonly || u.value || e.readonly === !0 || e.role === "OWNER";
+    function Z(a) {
+      return !l.readonly && !a.readonly && a.role !== "OWNER";
     }
-    function he(e) {
-      return !r.readonly && !e.readonly && e.role !== "OWNER";
+    function ee(a) {
+      return l.allowTransferOwner && !!l.adapter.transferOwner && !l.readonly && !a.readonly && a.subjectType === "USER" && a.role !== "OWNER";
     }
-    function me(e) {
-      return r.allowTransferOwner && !!r.adapter.transferOwner && !r.readonly && !e.readonly && e.subjectType === "USER" && e.role !== "OWNER";
+    function Oe(a) {
+      return Z(a) || ee(a);
     }
-    function U(e, a) {
-      return e instanceof Error && e.message ? e.message : a;
+    function Ce(a) {
+      return a === "USER" ? "code-repository-share__type-tag--user" : a === "SPACE" ? "code-repository-share__type-tag--space" : "code-repository-share__type-tag--line";
     }
-    return (e, a) => {
-      const w = y("el-alert"), we = y("el-radio-button"), je = y("el-radio-group"), x = y("el-option"), H = y("el-select"), z = y("el-button"), ge = y("el-input"), Te = y("el-tag"), Re = y("el-empty"), X = y("el-dialog"), Ee = y("el-form-item"), Ie = y("el-form"), Oe = y("el-drawer"), Ve = Ce("loading");
-      return s(), j(Oe, {
+    function D(a, e) {
+      return a instanceof Error && a.message ? a.message : e;
+    }
+    return (a, e) => {
+      const c = h("el-icon"), O = h("el-button"), Se = h("el-alert"), Ve = h("el-radio-button"), de = h("el-radio-group"), Ne = h("el-tooltip"), k = h("el-option"), F = h("el-select"), ke = h("el-input"), Pe = h("el-empty"), ne = h("el-dialog"), ie = h("el-radio"), Ae = h("el-drawer"), De = We("loading");
+      return i(), j(Ae, {
         "model-value": t.modelValue,
         size: t.drawerSize,
-        "close-on-click-modal": !1,
-        class: "hrbac-share-drawer",
-        "onUpdate:modelValue": ne,
-        onOpen: ue
+        class: "code-repository-share-drawer",
+        "destroy-on-close": "",
+        "show-close": !1,
+        onClose: re
       }, {
-        header: o(() => [
-          c("div", Ue, [
-            c("div", null, [
-              c("div", xe, _(R.value.title), 1),
-              c("div", We, _(t.resource.name), 1)
-            ])
+        header: r(() => [
+          s("div", ze, [
+            s("div", $e, [
+              s("div", Be, f(N.value.title), 1),
+              s("div", Ge, [
+                e[12] || (e[12] = m(" 正在分享：", -1)),
+                s("span", null, f(t.resource.name || "--"), 1)
+              ])
+            ]),
+            d(O, {
+              link: "",
+              class: "code-repository-share__close-button",
+              "aria-label": "关闭分享抽屉",
+              onClick: re
+            }, {
+              default: r(() => [
+                d(c, { size: 16 }, {
+                  default: r(() => [
+                    d(J(ae))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
           ])
         ]),
-        default: o(() => [
-          Ne((s(), h("div", De, [
-            t.readonly ? (s(), j(w, {
+        default: r(() => [
+          Me((i(), E("div", Ke, [
+            t.readonly ? (i(), j(Se, {
               key: 0,
-              title: R.value.readonlyTip,
+              title: N.value.readonlyTip,
               type: "info",
               "show-icon": "",
               closable: !1,
-              class: "hrbac-share-drawer__alert"
-            }, null, 8, ["title"])) : C("", !0),
-            c("section", Ae, [
-              c("div", Le, [
-                c("span", Be, _(R.value.addSectionTitle), 1),
-                b(je, {
-                  modelValue: m.value,
-                  "onUpdate:modelValue": a[0] || (a[0] = (l) => m.value = l),
-                  size: "small",
+              class: "code-repository-share__alert"
+            }, null, 8, ["title"])) : G("", !0),
+            s("section", He, [
+              s("div", Fe, [
+                s("span", Je, f(N.value.addSectionTitle), 1),
+                d(de, {
+                  modelValue: w.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (o) => w.value = o),
+                  class: "code-repository-share__method-radio",
                   disabled: t.readonly || u.value,
-                  onChange: de
+                  onChange: he
                 }, {
-                  default: o(() => [
-                    (s(!0), h(D, null, A(F.value, (l) => (s(), j(we, {
-                      key: l.value,
-                      label: l.value
+                  default: r(() => [
+                    (i(!0), E(P, null, U(q.value, (o) => (i(), j(Ve, {
+                      key: o.value,
+                      value: o.value
                     }, {
-                      default: o(() => [
-                        E(_(l.label), 1)
+                      default: r(() => [
+                        m(f(o.label), 1)
                       ]),
                       _: 2
-                    }, 1032, ["label"]))), 128))
+                    }, 1032, ["value"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue", "disabled"])
               ]),
-              c("div", $e, [
-                b(H, {
-                  modelValue: p.value,
-                  "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
-                  multiple: "",
-                  filterable: "",
-                  remote: "",
-                  "reserve-keyword": "",
-                  "remote-method": P,
-                  loading: L.value,
-                  disabled: t.readonly || u.value,
-                  placeholder: oe.value,
-                  class: "hrbac-share-drawer__candidate-select"
-                }, {
-                  default: o(() => [
-                    (s(!0), h(D, null, A(se.value, (l) => (s(), j(x, {
-                      key: `${l.subjectType}:${l.subjectId}`,
-                      label: l.subjectName,
-                      value: l.subjectId,
-                      disabled: l.disabled
+              s("div", Ye, [
+                s("div", qe, [
+                  s("div", Qe, [
+                    d(F, {
+                      modelValue: b.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (o) => b.value = o),
+                      multiple: "",
+                      filterable: "",
+                      remote: "",
+                      clearable: "",
+                      "collapse-tags": "",
+                      "collapse-tags-tooltip": "",
+                      "remote-method": B,
+                      loading: M.value,
+                      disabled: t.readonly || u.value,
+                      placeholder: be.value,
+                      "reserve-keyword": !1,
+                      class: "code-repository-share__candidate-select"
                     }, {
-                      default: o(() => [
-                        c("div", ze, [
-                          c("span", null, _(l.subjectName), 1),
-                          l.description ? (s(), h("span", Me, _(l.description), 1)) : C("", !0)
-                        ])
+                      empty: r(() => [
+                        s("div", Xe, "暂无匹配" + f(te(w.value)), 1)
                       ]),
-                      _: 2
-                    }, 1032, ["label", "value", "disabled"]))), 128))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "loading", "disabled", "placeholder"]),
-                b(H, {
-                  modelValue: V.value,
-                  "onUpdate:modelValue": a[2] || (a[2] = (l) => V.value = l),
-                  disabled: t.readonly || u.value,
-                  class: "hrbac-share-drawer__role-select"
-                }, {
-                  default: o(() => [
-                    (s(!0), h(D, null, A(Y.value, (l) => (s(), j(x, {
-                      key: l.value,
-                      label: l.label,
-                      value: l.value,
-                      disabled: l.disabled
-                    }, null, 8, ["label", "value", "disabled"]))), 128))
+                      default: r(() => [
+                        (i(!0), E(P, null, U(fe.value, (o) => (i(), j(k, {
+                          key: `${o.subjectType}:${o.subjectId}`,
+                          label: o.subjectName,
+                          value: o.subjectId,
+                          disabled: o.disabled
+                        }, {
+                          default: r(() => [
+                            d(Ne, {
+                              disabled: !o.disabled,
+                              content: "已添加为协作者",
+                              placement: "right"
+                            }, {
+                              default: r(() => [
+                                s("div", {
+                                  class: ce(["code-repository-share__candidate-option", { "is-added": o.disabled }])
+                                }, [
+                                  s("span", Ze, f(o.subjectName), 1),
+                                  o.disabled ? (i(), E("span", ea, " 已添加 ")) : G("", !0)
+                                ], 2)
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled"])
+                          ]),
+                          _: 2
+                        }, 1032, ["label", "value", "disabled"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "loading", "disabled", "placeholder"])
                   ]),
-                  _: 1
-                }, 8, ["modelValue", "disabled"]),
-                b(z, {
+                  s("div", aa, [
+                    d(F, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": e[2] || (e[2] = (o) => V.value = o),
+                      disabled: t.readonly || u.value,
+                      class: "code-repository-share__add-role-select"
+                    }, {
+                      default: r(() => [
+                        (i(!0), E(P, null, U(le.value, (o) => (i(), j(k, {
+                          key: o.value,
+                          label: o.label,
+                          value: o.value,
+                          disabled: o.disabled
+                        }, null, 8, ["label", "value", "disabled"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "disabled"])
+                  ])
+                ]),
+                d(O, {
                   type: "primary",
-                  icon: ee(ke),
+                  class: "code-repository-share__add-button",
                   loading: u.value,
-                  disabled: t.readonly || !p.value.length,
-                  onClick: ce
+                  disabled: t.readonly || !b.value.length,
+                  onClick: me
                 }, {
-                  default: o(() => [...a[9] || (a[9] = [
-                    E(" 添加 ", -1)
+                  default: r(() => [...e[13] || (e[13] = [
+                    m(" 添加 ", -1)
                   ])]),
                   _: 1
-                }, 8, ["icon", "loading", "disabled"])
+                }, 8, ["loading", "disabled"])
               ])
             ]),
-            c("section", Ge, [
-              c("div", He, [
-                c("span", Ke, _(R.value.collaboratorTitle), 1),
-                b(ge, {
-                  modelValue: $.value,
-                  "onUpdate:modelValue": a[3] || (a[3] = (l) => $.value = l),
-                  "prefix-icon": ee(Pe),
-                  clearable: "",
-                  placeholder: "搜索协作者",
-                  class: "hrbac-share-drawer__search"
-                }, null, 8, ["modelValue", "prefix-icon"])
+            s("section", oa, [
+              s("div", la, [
+                m(f(N.value.collaboratorTitle) + " ", 1),
+                s("span", null, "(" + f(Q.value.length) + ")", 1)
               ]),
-              Q.value.length ? (s(), h("div", Fe, [
-                (s(!0), h(D, null, A(Q.value, (l) => (s(), h("div", {
-                  key: `${l.subjectType}:${l.subjectId}`,
-                  class: "hrbac-share-drawer__row"
-                }, [
-                  c("div", Je, [
-                    b(Te, {
-                      size: "small",
-                      effect: "plain"
-                    }, {
-                      default: o(() => [
-                        E(_(_e(l.subjectType)), 1)
+              d(ke, {
+                modelValue: x.value,
+                "onUpdate:modelValue": e[3] || (e[3] = (o) => x.value = o),
+                modelModifiers: { trim: !0 },
+                clearable: "",
+                class: "code-repository-share__collaborator-search",
+                placeholder: "搜索空间名称、条线名称、用户姓名或账号"
+              }, {
+                prefix: r(() => [
+                  d(c, null, {
+                    default: r(() => [
+                      d(J(Le))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              s("div", sa, [
+                Q.value.length ? (i(), E(P, { key: 0 }, [
+                  s("div", ra, [
+                    (i(!0), E(P, null, U(Q.value, (o) => (i(), E("div", {
+                      key: `${o.subjectType}:${o.subjectId}`,
+                      class: "code-repository-share__collaborator-row"
+                    }, [
+                      s("div", ta, [
+                        s("div", da, [
+                          s("span", {
+                            class: ce(["code-repository-share__type-tag", Ce(o.subjectType)])
+                          }, f(te(o.subjectType) || "--"), 3),
+                          s("span", na, f(o.subjectName || "--"), 1)
+                        ])
                       ]),
-                      _: 2
-                    }, 1024),
-                    c("div", null, [
-                      c("div", Ye, _(l.subjectName), 1),
-                      l.description ? (s(), h("div", qe, _(l.description), 1)) : C("", !0)
-                    ])
+                      d(F, {
+                        "model-value": o.role,
+                        size: "small",
+                        class: "code-repository-share__row-role-select",
+                        "popper-class": "code-repository-share__role-dropdown",
+                        disabled: Ie(o),
+                        onChange: (C) => we(o, C)
+                      }, {
+                        default: r(() => [
+                          (i(!0), E(P, null, U(Re(o), (C) => (i(), j(k, {
+                            key: C.value,
+                            label: C.label,
+                            value: C.value,
+                            disabled: C.disabled
+                          }, null, 8, ["label", "value", "disabled"]))), 128)),
+                          Oe(o) ? (i(), j(k, {
+                            key: 0,
+                            disabled: "",
+                            value: "__divider__"
+                          }, {
+                            default: r(() => [...e[14] || (e[14] = [
+                              s("div", { class: "code-repository-share__role-divider" }, null, -1)
+                            ])]),
+                            _: 1
+                          })) : G("", !0),
+                          ee(o) ? (i(), j(k, {
+                            key: 1,
+                            label: "转移所有权",
+                            value: "__transfer__"
+                          })) : G("", !0),
+                          Z(o) ? (i(), j(k, {
+                            key: 2,
+                            label: "移除",
+                            value: "__remove__"
+                          }, {
+                            default: r(() => [...e[15] || (e[15] = [
+                              s("span", { class: "code-repository-share__danger-option" }, "移除", -1)
+                            ])]),
+                            _: 1
+                          })) : G("", !0)
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value", "disabled", "onChange"])
+                    ]))), 128))
                   ]),
-                  b(H, {
-                    "model-value": l.role,
-                    disabled: ye(l),
-                    class: "hrbac-share-drawer__row-role",
-                    onChange: (W) => ve(l, W)
-                  }, {
-                    default: o(() => [
-                      (s(!0), h(D, null, A(pe(l), (W) => (s(), j(x, {
-                        key: W.value,
-                        label: W.label,
-                        value: W.value,
-                        disabled: W.disabled
-                      }, null, 8, ["label", "value", "disabled"]))), 128)),
-                      me(l) ? (s(), j(x, {
-                        key: 0,
-                        label: "转移所有权",
-                        value: "__transfer__"
-                      })) : C("", !0),
-                      he(l) ? (s(), j(x, {
-                        key: 1,
-                        label: "移除",
-                        value: "__remove__"
-                      })) : C("", !0)
-                    ]),
-                    _: 2
-                  }, 1032, ["model-value", "disabled", "onChange"])
-                ]))), 128))
-              ])) : (s(), j(Re, {
-                key: 1,
-                description: R.value.emptyCollaborators,
-                class: "hrbac-share-drawer__empty"
-              }, null, 8, ["description"]))
+                  e[16] || (e[16] = s("div", { class: "code-repository-share__collaborator-footer" }, "已显示全部协作者", -1))
+                ], 64)) : (i(), E("div", ia, [
+                  d(Pe, {
+                    description: N.value.emptyCollaborators,
+                    "image-size": 72
+                  }, null, 8, ["description"])
+                ]))
+              ])
             ])
           ])), [
-            [Ve, I.value]
+            [De, T.value]
           ]),
-          b(X, {
-            modelValue: S.value,
-            "onUpdate:modelValue": a[5] || (a[5] = (l) => S.value = l),
-            title: R.value.removeTitle,
-            width: "420px",
+          d(ne, {
+            modelValue: I.value,
+            "onUpdate:modelValue": e[6] || (e[6] = (o) => I.value = o),
+            width: "460px",
+            class: "code-repository-share__remove-dialog",
+            "destroy-on-close": "",
+            "show-close": !1,
             "append-to-body": ""
           }, {
-            footer: o(() => [
-              b(z, {
-                onClick: a[4] || (a[4] = (l) => S.value = !1)
-              }, {
-                default: o(() => [...a[10] || (a[10] = [
-                  E("取消", -1)
-                ])]),
-                _: 1
-              }),
-              b(z, {
-                type: "danger",
-                loading: u.value,
-                onClick: be
-              }, {
-                default: o(() => [...a[11] || (a[11] = [
-                  E("移除", -1)
-                ])]),
-                _: 1
-              }, 8, ["loading"])
-            ]),
-            default: o(() => [
-              c("p", Qe, [
-                E(_(R.value.removeDescription) + " ", 1),
-                d.value ? (s(), h("span", Xe, _(d.value.subjectName), 1)) : C("", !0)
+            header: r(() => {
+              var o;
+              return [
+                s("div", ua, [
+                  s("div", ca, [
+                    s("div", va, f(N.value.removeTitle), 1),
+                    s("div", _a, " 移除后，" + f(((o = v.value) == null ? void 0 : o.subjectName) || "--") + " 将失去当前资源的协作权限。 ", 1)
+                  ]),
+                  d(O, {
+                    link: "",
+                    class: "code-repository-share__close-button",
+                    "aria-label": "关闭移除确认",
+                    onClick: e[4] || (e[4] = (C) => I.value = !1)
+                  }, {
+                    default: r(() => [
+                      d(c, { size: 16 }, {
+                        default: r(() => [
+                          d(J(ae))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ];
+            }),
+            footer: r(() => [
+              s("div", pa, [
+                d(O, {
+                  onClick: e[5] || (e[5] = (o) => I.value = !1)
+                }, {
+                  default: r(() => [...e[17] || (e[17] = [
+                    m("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                d(O, {
+                  type: "primary",
+                  class: "code-repository-share__danger-button",
+                  disabled: !v.value,
+                  loading: u.value,
+                  onClick: Ee
+                }, {
+                  default: r(() => [...e[18] || (e[18] = [
+                    m(" 移除 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
               ])
             ]),
             _: 1
-          }, 8, ["modelValue", "title"]),
-          b(X, {
-            modelValue: v.value,
-            "onUpdate:modelValue": a[8] || (a[8] = (l) => v.value = l),
-            title: R.value.transferTitle,
-            width: "460px",
+          }, 8, ["modelValue"]),
+          d(ne, {
+            modelValue: _.value,
+            "onUpdate:modelValue": e[11] || (e[11] = (o) => _.value = o),
+            width: "600px",
+            class: "code-repository-share__transfer-dialog",
+            "destroy-on-close": "",
+            "show-close": !1,
             "append-to-body": ""
           }, {
-            footer: o(() => [
-              b(z, {
-                onClick: a[7] || (a[7] = (l) => v.value = !1)
-              }, {
-                default: o(() => [...a[12] || (a[12] = [
-                  E("取消", -1)
-                ])]),
-                _: 1
-              }),
-              b(z, {
-                type: "primary",
-                loading: u.value,
-                onClick: fe
-              }, {
-                default: o(() => [...a[13] || (a[13] = [
-                  E("确认转移", -1)
-                ])]),
-                _: 1
-              }, 8, ["loading"])
+            header: r(() => {
+              var o;
+              return [
+                s("div", ya, [
+                  s("div", fa, [
+                    s("div", ba, f(N.value.transferTitle), 1),
+                    s("div", ha, [
+                      e[19] || (e[19] = m(" 你将把所有权转移给 ", -1)),
+                      s("span", ma, f(((o = v.value) == null ? void 0 : o.subjectName) || "--"), 1),
+                      e[20] || (e[20] = m(" ，转移后你将不再是此资源的所有者。 ", -1))
+                    ])
+                  ]),
+                  d(O, {
+                    link: "",
+                    class: "code-repository-share__close-button",
+                    "aria-label": "关闭所有权转移确认",
+                    onClick: e[7] || (e[7] = (C) => _.value = !1)
+                  }, {
+                    default: r(() => [
+                      d(c, { size: 16 }, {
+                        default: r(() => [
+                          d(J(ae))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ];
+            }),
+            footer: r(() => [
+              s("div", ja, [
+                d(O, {
+                  onClick: e[10] || (e[10] = (o) => _.value = !1)
+                }, {
+                  default: r(() => [...e[25] || (e[25] = [
+                    m("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                d(O, {
+                  type: "primary",
+                  disabled: !v.value,
+                  loading: u.value,
+                  onClick: je
+                }, {
+                  default: r(() => [...e[26] || (e[26] = [
+                    m(" 转移 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ])
             ]),
-            default: o(() => [
-              c("p", Ze, [
-                E(_(R.value.transferDescription) + " ", 1),
-                d.value ? (s(), h("span", ea, _(d.value.subjectName), 1)) : C("", !0)
-              ]),
-              b(Ie, {
-                "label-position": "left",
-                "label-width": "120px"
-              }, {
-                default: o(() => [
-                  b(Ee, { label: "原所有者角色" }, {
-                    default: o(() => [
-                      b(H, {
-                        modelValue: K.value,
-                        "onUpdate:modelValue": a[6] || (a[6] = (l) => K.value = l)
+            default: r(() => [
+              s("div", ga, [
+                e[24] || (e[24] = s("div", { class: "code-repository-share__transfer-label" }, "转移后", -1)),
+                d(de, {
+                  modelValue: z.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (o) => z.value = o),
+                  class: "code-repository-share__transfer-group"
+                }, {
+                  default: r(() => [
+                    s("label", wa, [
+                      d(ie, { value: "KEEP" }, {
+                        default: r(() => [...e[21] || (e[21] = [
+                          m("保留我的", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      d(F, {
+                        modelValue: H.value,
+                        "onUpdate:modelValue": e[8] || (e[8] = (o) => H.value = o),
+                        class: "code-repository-share__transfer-select",
+                        disabled: z.value !== "KEEP"
                       }, {
-                        default: o(() => [
-                          (s(!0), h(D, null, A(Y.value, (l) => (s(), j(x, {
-                            key: l.value,
-                            label: l.label,
-                            value: l.value,
-                            disabled: l.disabled
+                        default: r(() => [
+                          (i(!0), E(P, null, U(pe.value, (o) => (i(), j(k, {
+                            key: o.value,
+                            label: o.label,
+                            value: o.value,
+                            disabled: o.disabled
                           }, null, 8, ["label", "value", "disabled"]))), 128))
                         ]),
                         _: 1
-                      }, 8, ["modelValue"])
+                      }, 8, ["modelValue", "disabled"]),
+                      e[22] || (e[22] = s("span", null, "权限", -1))
                     ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
+                    s("label", Ea, [
+                      d(ie, { value: "REMOVE" }, {
+                        default: r(() => [...e[23] || (e[23] = [
+                          m("不保留我的协作权限", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
             ]),
             _: 1
-          }, 8, ["modelValue", "title"])
+          }, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["model-value", "size"]);
     };
   }
-}), ta = (t, f) => {
-  const r = t.__vccOpts || t;
-  for (const [i, O] of f)
-    r[i] = O;
-  return r;
-}, ua = /* @__PURE__ */ ta(ra, [["__scopeId", "data-v-cbf40cd5"]]);
-function da(t) {
-  const f = n(!1), r = n(!1), i = n(""), O = n("USER"), N = n([]), M = n("VIEWER"), I = n([]), u = n([]), L = T(() => te(I.value)), m = T(() => re(u.value, I.value));
-  async function p() {
-    f.value = !0;
+}), Ca = (t, y) => {
+  const l = t.__vccOpts || t;
+  for (const [p, S] of y)
+    l[p] = S;
+  return l;
+}, ka = /* @__PURE__ */ Ca(Oa, [["__scopeId", "data-v-29bbe75d"]]);
+function Pa(t) {
+  const y = n(!1), l = n(!1), p = n(""), S = n("USER"), A = n([]), W = n("VIEWER"), T = n([]), u = n([]), M = g(() => _e(T.value)), w = g(() => xe(u.value, T.value));
+  async function b() {
+    y.value = !0;
     try {
-      I.value = await t.adapter.listPermissions(t.resourceId);
+      T.value = await t.adapter.listPermissions(t.resourceId);
     } finally {
-      f.value = !1;
+      y.value = !1;
     }
   }
   async function V() {
     u.value = await t.adapter.searchSubjects({
-      subjectType: O.value,
-      keyword: i.value,
+      subjectType: S.value,
+      keyword: p.value,
       resourceId: t.resourceId
     });
   }
-  async function B() {
-    if (N.value.length) {
-      r.value = !0;
+  async function L() {
+    if (A.value.length) {
+      l.value = !0;
       try {
-        await Promise.all(N.value.map((v) => t.adapter.grantPermission({
+        await Promise.all(A.value.map((_) => t.adapter.grantPermission({
           resourceId: t.resourceId,
-          subjectType: O.value,
-          subjectId: v,
-          role: M.value
-        }))), N.value = [], i.value = "", await p(), await V();
+          subjectType: S.value,
+          subjectId: _,
+          role: W.value
+        }))), A.value = [], p.value = "", await b(), await V();
       } finally {
-        r.value = !1;
+        l.value = !1;
       }
     }
   }
-  async function G(v, d) {
-    r.value = !0;
+  async function K(_, v) {
+    l.value = !0;
     try {
       await t.adapter.updatePermissionRole({
         resourceId: t.resourceId,
-        subjectType: v.subjectType,
-        subjectId: v.subjectId,
-        role: d
-      }), await p();
+        subjectType: _.subjectType,
+        subjectId: _.subjectId,
+        role: v
+      }), await b();
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
   }
-  async function $(v) {
-    r.value = !0;
+  async function x(_) {
+    l.value = !0;
     try {
       await t.adapter.revokePermission({
         resourceId: t.resourceId,
-        subjectType: v.subjectType,
-        subjectId: v.subjectId
-      }), await p(), await V();
+        subjectType: _.subjectType,
+        subjectId: _.subjectId
+      }), await b(), await V();
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
   }
-  async function S(v, d = "MANAGER") {
+  async function I(_, v = "MANAGER") {
     if (t.adapter.transferOwner) {
-      r.value = !0;
+      l.value = !0;
       try {
         await t.adapter.transferOwner({
           resourceId: t.resourceId,
-          subjectType: v.subjectType,
-          subjectId: v.subjectId,
-          previousOwnerRole: d
-        }), await p();
+          subjectType: _.subjectType,
+          subjectId: _.subjectId,
+          previousOwnerRole: v
+        }), await b();
       } finally {
-        r.value = !1;
+        l.value = !1;
       }
     }
   }
   return {
-    loading: f,
-    saving: r,
-    keyword: i,
-    subjectType: O,
-    selectedSubjectIds: N,
-    selectedRole: M,
-    permissions: I,
+    loading: y,
+    saving: l,
+    keyword: p,
+    subjectType: S,
+    selectedSubjectIds: A,
+    selectedRole: W,
+    permissions: T,
     candidates: u,
-    sortedPermissions: L,
-    availableCandidates: m,
-    loadPermissions: p,
+    sortedPermissions: M,
+    availableCandidates: w,
+    loadPermissions: b,
     searchCandidates: V,
-    grantSelected: B,
-    updateRole: G,
-    revoke: $,
-    transferOwner: S
+    grantSelected: L,
+    updateRole: K,
+    revoke: x,
+    transferOwner: I
   };
 }
 export {
-  ua as HrbacShareDrawer,
-  le as buildSubjectKey,
-  re as excludeExistingSubjects,
-  te as sortSharePermissions,
-  da as useHrbacShare
+  ka as HrbacShareDrawer,
+  Y as buildSubjectKey,
+  xe as excludeExistingSubjects,
+  _e as sortSharePermissions,
+  Pa as useHrbacShare
 };