@witlink/usercenter 1.2.82 → 1.2.83

package/dist/usercenter.es.js

@@ -1,4 +1,4 @@
-import './assets/main.4904cb40.css';var __defProp = Object.defineProperty;
+import './assets/main.2404021a.css';var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -13,7 +13,7 @@ import { getUserInfo as getUserInfo$2, hasPermission } from "@witlink/components
 import en_US from "ant-design-vue/es/locale/en_US";
 import zh_CN from "ant-design-vue/es/locale/zh_CN";
 import fr_FR from "ant-design-vue/es/locale/fr_FR";
-import { InputPassword, FormItem, Form, Button as Button$1, Modal, Tooltip, DescriptionsItem, Descriptions, Space, Upload, ConfigProvider as ConfigProvider$1, Textarea, Input, InputGroup, AutoComplete, Alert, Divider, MenuItem, Menu, Dropdown, Table, Col, Row, Checkbox, Cascader, Select, Avatar, Tag, InputNumber, Switch, SelectOption, Radio, RadioGroup, InputSearch, DatePicker } from "ant-design-vue/es";
+import { InputPassword, FormItem, Form, Button as Button$1, Modal, Tooltip, DescriptionsItem, Descriptions, Space, Upload, ConfigProvider as ConfigProvider$1, Textarea, Input, InputGroup, AutoComplete, Alert, Divider, MenuItem, Menu, Dropdown, Table, Col, Row, Spin, Checkbox, Cascader, Select, Avatar, Tag, InputNumber, Switch, SelectOption, Radio, RadioGroup, InputSearch, DatePicker } from "ant-design-vue/es";
 import Icon, { ImportOutlined, RedoOutlined, ExclamationCircleOutlined, DownOutlined, LeftOutlined, UploadOutlined, PlusOutlined, MinusOutlined, EditOutlined, InfoCircleOutlined, DeleteOutlined, DownloadOutlined } from "@ant-design/icons-vue";
 import dayjs from "dayjs";
 import { cloneDeep } from "lodash-es";
@@ -40627,26 +40627,34 @@ const _hoisted_13$2 = {
   key: 2,
   class: "permission-layout"
 };
-const _hoisted_14$2 = { class: "layout-left" };
-const _hoisted_15$2 = { class: "category-nav" };
-const _hoisted_16$2 = ["onClick"];
-const _hoisted_17$2 = { class: "layout-right" };
-const _hoisted_18$2 = { class: "permission-header" };
-const _hoisted_19$2 = { class: "perm-menu-col" };
-const _hoisted_20$2 = { class: "perm-btn-col" };
-const _hoisted_21$2 = { class: "permission-body" };
-const _hoisted_22$2 = ["id"];
-const _hoisted_23$2 = {
+const _hoisted_14$2 = {
+  key: 0,
+  class: "permission-loading-mask"
+};
+const _hoisted_15$2 = { class: "layout-left" };
+const _hoisted_16$2 = { class: "category-nav" };
+const _hoisted_17$2 = ["onClick"];
+const _hoisted_18$2 = { class: "layout-right" };
+const _hoisted_19$2 = { class: "permission-header" };
+const _hoisted_20$2 = { class: "perm-menu-col" };
+const _hoisted_21$2 = { class: "perm-btn-col" };
+const _hoisted_22$2 = { class: "permission-body" };
+const _hoisted_23$2 = ["id"];
+const _hoisted_24$2 = {
   key: 0,
   class: "permission-row"
 };
-const _hoisted_24$2 = { class: "perm-menu-col perm-menu-col--directory" };
-const _hoisted_25$2 = { class: "perm-btn-col" };
-const _hoisted_26$2 = { class: "permission-row" };
-const _hoisted_27$2 = { class: "perm-menu-col perm-menu-col--directory" };
-const _hoisted_28$2 = { class: "perm-menu-col perm-menu-col--page" };
-const _hoisted_29$2 = { class: "perm-btn-col" };
-const _hoisted_30$2 = {
+const _hoisted_25$2 = { class: "perm-menu-col perm-menu-col--directory" };
+const _hoisted_26$2 = { class: "perm-btn-col" };
+const _hoisted_27$2 = { class: "permission-row" };
+const _hoisted_28$2 = { class: "perm-menu-col perm-menu-col--directory" };
+const _hoisted_29$2 = { class: "perm-menu-col perm-menu-col--page" };
+const _hoisted_30$2 = { class: "perm-btn-col" };
+const _hoisted_31$2 = {
+  key: 2,
+  class: "permission-loading-placeholder"
+};
+const _hoisted_32$1 = {
   key: 3,
   class: "no-auth-permission"
 };
@@ -40734,35 +40742,38 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const handleAddRole = async () => {
       showTable.value = false;
       isCreate.value = true;
+      resetPermissionPanelState(true);
       formState.value = {
         name: null,
         remarks: ""
       };
       await getCurrentSysAuth();
-      initAuth();
+      await initAuth();
     };
     const handleEdit = async (record) => {
       showTable.value = false;
       isCreate.value = false;
+      resetPermissionPanelState(true);
       formState.value = {
         name: record.name,
         remarks: record.remarks || ""
       };
       currentRow.value = record;
       await getCurrentSysAuth();
-      initAuth();
+      await initAuth();
     };
     const handleDetail = async (record) => {
       showTable.value = false;
       isDetail.value = true;
       isCreate.value = false;
+      resetPermissionPanelState(true);
       formState.value = {
         name: record.name,
         remarks: record.remarks || "-"
       };
       currentRow.value = record;
       await handleSysMenuDetail(record);
-      initAuth();
+      await initAuth();
     };
     const handleSwitch = async (checked, record) => {
       if (!checked) {
@@ -40827,6 +40838,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       currentRow.value = {};
       sysMenuAuthMap.value = {};
       sysMenuParentMap.value = {};
+      resetPermissionPanelState();
       formState.value = {
         name: null,
         remarks: ""
@@ -40905,9 +40917,30 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const menuAuthList = ref([]);
     const menuModules = ref([]);
     const menuTreeRef = ref(null);
+    const permissionLoading = ref(false);
     const allPermissionsSelected = ref(false);
     const isIndeterminate = ref(false);
     const activeCategoryId = ref("");
+    const showPermissionLayout = computed(
+      () => permissionLoading.value || menuModules.value.length > 0
+    );
+    let permissionRequestId = 0;
+    const resetPermissionPanelState = (keepLoading = false) => {
+      permissionRequestId += 1;
+      permissionLoading.value = keepLoading;
+      parentMenuList.value = [];
+      menuAuthList.value = [];
+      menuModules.value = [];
+      activeCategoryId.value = "";
+      allPermissionsSelected.value = false;
+      isIndeterminate.value = false;
+    };
+    const setCurrentParentMenuList = (sysId, sourceData = []) => {
+      var _a;
+      parentMenuList.value = sourceData || [];
+      sysMenuParentMap.value[sysId] = parentMenuList.value;
+      activeCategoryId.value = ((_a = parentMenuList.value[0]) == null ? void 0 : _a.id) || "";
+    };
     const updateGlobalPermissionState = () => {
       const totalModules = menuModules.value.length;
       let selectedModules = 0;
@@ -41067,33 +41100,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       sysMenuAuthMap.value[sysId] = tempData;
       updateGlobalPermissionState();
     };
-    const getCurrentMenuAuthList = async (sysId, isC = false) => {
-      if (sysMenuAuthMap.value[sysId]) {
-        menuModules.value = sysMenuAuthMap.value[sysId];
-        updateGlobalPermissionState();
-        return;
-      }
-      const { result } = await getMenuAuthList({
-        systemId: sysId,
-        roleId: isC ? void 0 : currentRow.value.id
-      });
-      menuAuthList.value = result || [];
-      initCurrentMenuAuth(menuAuthList.value, sysId);
-    };
-    const getCurrentSysMenuList = async (sysId) => {
-      var _a, _b;
-      if (sysMenuParentMap.value[sysId]) {
-        parentMenuList.value = sysMenuParentMap.value[sysId];
-        activeCategoryId.value = ((_a = parentMenuList.value[0]) == null ? void 0 : _a.id) || "";
-        return;
-      }
-      const { result } = await getMenuParentList({
-        systemId: sysId
-      });
-      parentMenuList.value = result || [];
-      sysMenuParentMap.value[sysId] = parentMenuList.value;
-      activeCategoryId.value = ((_b = parentMenuList.value[0]) == null ? void 0 : _b.id) || "";
-    };
     async function getCurrentSysAuth() {
       var _a;
       const { result } = await getAuthList({});
@@ -41105,29 +41111,90 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       activeAuthId.value = ((_a = tabList.value[0]) == null ? void 0 : _a.systemId) || "";
       return activeAuthId.value;
     }
-    const handleTabClick = (item) => {
-      activeAuthId.value = item.systemId;
-      if (isDetail.value) {
-        handleCurrentSysMenuDetailList(item.systemId);
-      } else {
-        getCurrentSysMenuList(item.systemId);
+    const fetchPermissionParentMenu = async (sysId) => {
+      const cachedParentMenu = sysMenuParentMap.value[sysId];
+      if (cachedParentMenu) {
+        return cachedParentMenu;
       }
       if (isDetail.value) {
-        handleMenuAuthDetail(item.systemId);
-      } else if (isCreate.value) {
-        getCurrentMenuAuthList(item.systemId, true);
-      } else {
-        getCurrentMenuAuthList(item.systemId);
+        const { result: result2 } = await getMenuParentDetialList({
+          systemId: sysId,
+          roleId: currentRow.value.id
+        });
+        return result2 || [];
       }
+      const { result } = await getMenuParentList({
+        systemId: sysId
+      });
+      return result || [];
     };
-    async function handleMenuAuthDetail(sysId) {
-      const { result } = await getMenuAuthDetailList({
+    const fetchPermissionMenuAuth = async (sysId) => {
+      const cachedMenuAuth = sysMenuAuthMap.value[sysId];
+      if (cachedMenuAuth) {
+        return cachedMenuAuth;
+      }
+      if (isDetail.value) {
+        const { result: result2 } = await getMenuAuthDetailList({
+          systemId: sysId,
+          roleId: currentRow.value.id
+        });
+        return result2 || [];
+      }
+      const { result } = await getMenuAuthList({
         systemId: sysId,
-        roleId: currentRow.value.id
+        roleId: isCreate.value ? void 0 : currentRow.value.id
       });
-      menuAuthList.value = result || [];
-      initCurrentMenuAuth(menuAuthList.value, sysId);
-    }
+      return result || [];
+    };
+    const loadPermissionPanel = async (sysId) => {
+      if (!sysId) {
+        resetPermissionPanelState();
+        return;
+      }
+      const currentRequestId = ++permissionRequestId;
+      const cachedParentMenu = sysMenuParentMap.value[sysId];
+      const cachedMenuAuth = sysMenuAuthMap.value[sysId];
+      if (cachedParentMenu) {
+        setCurrentParentMenuList(sysId, cachedParentMenu);
+      } else {
+        parentMenuList.value = [];
+        activeCategoryId.value = "";
+      }
+      if (cachedMenuAuth) {
+        menuModules.value = cachedMenuAuth;
+        updateGlobalPermissionState();
+      } else {
+        menuAuthList.value = [];
+        menuModules.value = [];
+        allPermissionsSelected.value = false;
+        isIndeterminate.value = false;
+      }
+      if (cachedParentMenu && cachedMenuAuth) {
+        permissionLoading.value = false;
+        return;
+      }
+      permissionLoading.value = true;
+      try {
+        const [parentList, authList] = await Promise.all([
+          fetchPermissionParentMenu(sysId),
+          fetchPermissionMenuAuth(sysId)
+        ]);
+        if (currentRequestId !== permissionRequestId) {
+          return;
+        }
+        setCurrentParentMenuList(sysId, parentList || []);
+        menuAuthList.value = authList || [];
+        initCurrentMenuAuth(menuAuthList.value, sysId);
+      } finally {
+        if (currentRequestId === permissionRequestId) {
+          permissionLoading.value = false;
+        }
+      }
+    };
+    const handleTabClick = async (item) => {
+      activeAuthId.value = item.systemId;
+      await loadPermissionPanel(item.systemId);
+    };
     async function handleSysMenuDetail(row) {
       var _a;
       const { result } = await getAuthDetailList({
@@ -41146,35 +41213,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         return activeAuthId.value;
       }
     }
-    async function handleCurrentSysMenuDetailList(sysId) {
-      var _a;
-      const { result } = await getMenuParentDetialList({
-        systemId: sysId,
-        roleId: currentRow.value.id
-      });
-      parentMenuList.value = result || [];
-      sysMenuParentMap.value[sysId] = parentMenuList.value;
-      activeCategoryId.value = ((_a = parentMenuList.value[0]) == null ? void 0 : _a.id) || "";
-    }
     async function initAuth() {
       if (!activeAuthId.value) {
         sysMenuAuthMap.value = {};
         sysMenuParentMap.value = {};
-        menuModules.value = [];
+        resetPermissionPanelState();
         return;
       }
-      if (isDetail.value) {
-        handleCurrentSysMenuDetailList(activeAuthId.value);
-      } else {
-        getCurrentSysMenuList(activeAuthId.value);
-      }
-      if (isDetail.value) {
-        handleMenuAuthDetail(activeAuthId.value);
-      } else if (isCreate.value) {
-        getCurrentMenuAuthList(activeAuthId.value, true);
-      } else {
-        getCurrentMenuAuthList(activeAuthId.value);
-      }
+      await loadPermissionPanel(activeAuthId.value);
     }
     watch(
       () => userStore.userLanguage,
@@ -41185,6 +41231,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           currentRow.value = {};
           sysMenuAuthMap.value = {};
           sysMenuParentMap.value = {};
+          resetPermissionPanelState();
           showTable.value = true;
           formState.value = {
             name: null,
@@ -41207,6 +41254,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       const _component_uc_btn_edit = resolveComponent("uc-btn-edit");
       const _component_a_col = Col;
       const _component_a_row = Row;
+      const _component_a_spin = Spin;
       const _component_a_checkbox = Checkbox;
       const _component_a_config_provider = ConfigProvider$1;
       return openBlock(), createBlock(_component_a_config_provider, {
@@ -41433,98 +41481,61 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ])) : createCommentVNode("v-if", true),
                 unref(systemId) !== 1 ? (openBlock(), createElementBlock("div", _hoisted_12$2, toDisplayString(_ctx.$t("uc_role.permission_config")), 1)) : createCommentVNode("v-if", true),
-                menuModules.value.length ? (openBlock(), createElementBlock("div", _hoisted_13$2, [
-                  createElementVNode("div", _hoisted_14$2, [
-                    createCommentVNode(" \u5DE6\u4FA7\u5206\u7C7B\u5BFC\u822A "),
+                showPermissionLayout.value ? (openBlock(), createElementBlock("div", _hoisted_13$2, [
+                  permissionLoading.value ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
+                    createVNode(_component_a_spin)
+                  ])) : createCommentVNode("v-if", true),
+                  menuModules.value.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createElementVNode("div", _hoisted_15$2, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(parentMenuList.value, (item) => {
-                        return openBlock(), createElementBlock("div", {
-                          class: normalizeClass(["category-item", { active: item.id === activeCategoryId.value }]),
-                          key: item.id,
-                          onClick: ($event) => handleCategoryClick(item)
-                        }, toDisplayString(item.name), 11, _hoisted_16$2);
-                      }), 128))
-                    ])
-                  ]),
-                  createElementVNode("div", _hoisted_17$2, [
-                    createCommentVNode(" \u9876\u90E8\u8868\u5934\u884C "),
+                      createCommentVNode(" \u5DE6\u4FA7\u5206\u7C7B\u5BFC\u822A "),
+                      createElementVNode("div", _hoisted_16$2, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(parentMenuList.value, (item) => {
+                          return openBlock(), createElementBlock("div", {
+                            class: normalizeClass(["category-item", { active: item.id === activeCategoryId.value }]),
+                            key: item.id,
+                            onClick: ($event) => handleCategoryClick(item)
+                          }, toDisplayString(item.name), 11, _hoisted_17$2);
+                        }), 128))
+                      ])
+                    ]),
                     createElementVNode("div", _hoisted_18$2, [
+                      createCommentVNode(" \u9876\u90E8\u8868\u5934\u884C "),
                       createElementVNode("div", _hoisted_19$2, [
-                        createVNode(_component_a_checkbox, {
-                          checked: allPermissionsSelected.value,
-                          "onUpdate:checked": _cache[5] || (_cache[5] = ($event) => allPermissionsSelected.value = $event),
-                          indeterminate: isIndeterminate.value,
-                          onChange: handleGlobalPermissionChange,
-                          disabled: isDetail.value
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(_ctx.$t("uc_role.menu_permission")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["checked", "indeterminate", "disabled"])
+                        createElementVNode("div", _hoisted_20$2, [
+                          createVNode(_component_a_checkbox, {
+                            checked: allPermissionsSelected.value,
+                            "onUpdate:checked": _cache[5] || (_cache[5] = ($event) => allPermissionsSelected.value = $event),
+                            indeterminate: isIndeterminate.value,
+                            onChange: handleGlobalPermissionChange,
+                            disabled: isDetail.value
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(_ctx.$t("uc_role.menu_permission")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["checked", "indeterminate", "disabled"])
+                        ]),
+                        createElementVNode("div", _hoisted_21$2, [
+                          createElementVNode("span", null, toDisplayString(_ctx.$t("uc_role.button_permission")), 1)
+                        ])
                       ]),
-                      createElementVNode("div", _hoisted_20$2, [
-                        createElementVNode("span", null, toDisplayString(_ctx.$t("uc_role.button_permission")), 1)
-                      ])
-                    ]),
-                    createCommentVNode(" \u5185\u5BB9\u533A\uFF1A\u6743\u9650\u884C\u5217\u8868 "),
-                    createElementVNode("div", _hoisted_21$2, [
-                      createCommentVNode(" \u6743\u9650\u884C\u5217\u8868 "),
-                      createElementVNode("div", {
-                        class: "permission-rows",
-                        ref_key: "menuTreeRef",
-                        ref: menuTreeRef
-                      }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(menuModules.value, (directory) => {
-                          return openBlock(), createElementBlock("div", {
-                            key: directory.id,
-                            class: "directory-block",
-                            id: `category-${directory.id}`
-                          }, [
-                            createCommentVNode(" type=1 \u9876\u7EA7\u9875\u9762\uFF1A\u4E00\u884C\uFF0C\u5DE6\u4FA7checkbox + \u53F3\u4FA7\u6309\u94AE "),
-                            directory.type === 1 ? (openBlock(), createElementBlock("div", _hoisted_23$2, [
-                              createElementVNode("div", _hoisted_24$2, [
-                                createVNode(_component_a_checkbox, {
-                                  checked: directory.selected,
-                                  "onUpdate:checked": ($event) => directory.selected = $event,
-                                  indeterminate: directory.indeterminate,
-                                  onChange: (e) => handleDirectoryChange(directory, e),
-                                  disabled: isDetail.value
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(directory.name), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["checked", "onUpdate:checked", "indeterminate", "onChange", "disabled"])
-                              ]),
-                              createElementVNode("div", _hoisted_25$2, [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(directory.actionList, (button) => {
-                                  return openBlock(), createElementBlock("div", {
-                                    key: button.btnId,
-                                    class: "button-item"
-                                  }, [
-                                    createVNode(_component_a_checkbox, {
-                                      checked: button.checked,
-                                      "onUpdate:checked": ($event) => button.checked = $event,
-                                      onChange: () => handleButtonChange(
-                                        directory,
-                                        directory
-                                      ),
-                                      disabled: isDetail.value
-                                    }, {
-                                      default: withCtx(() => [
-                                        createTextVNode(toDisplayString(button.name), 1)
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["checked", "onUpdate:checked", "onChange", "disabled"])
-                                  ]);
-                                }), 128))
-                              ])
-                            ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              createCommentVNode(" type=0 \u76EE\u5F55\uFF1A\u76EE\u5F55\u6807\u9898\u884C\uFF08\u65E0\u6309\u94AE\uFF09+ \u6BCF\u4E2A\u5B50\u9875\u9762\u4E00\u884C "),
-                              createCommentVNode(" \u76EE\u5F55\u6807\u9898\u884C "),
-                              createElementVNode("div", _hoisted_26$2, [
-                                createElementVNode("div", _hoisted_27$2, [
+                      createCommentVNode(" \u5185\u5BB9\u533A\uFF1A\u6743\u9650\u884C\u5217\u8868 "),
+                      createElementVNode("div", _hoisted_22$2, [
+                        createCommentVNode(" \u6743\u9650\u884C\u5217\u8868 "),
+                        createElementVNode("div", {
+                          class: "permission-rows",
+                          ref_key: "menuTreeRef",
+                          ref: menuTreeRef
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(menuModules.value, (directory) => {
+                            return openBlock(), createElementBlock("div", {
+                              key: directory.id,
+                              class: "directory-block",
+                              id: `category-${directory.id}`
+                            }, [
+                              createCommentVNode(" type=1 \u9876\u7EA7\u9875\u9762\uFF1A\u4E00\u884C\uFF0C\u5DE6\u4FA7checkbox + \u53F3\u4FA7\u6309\u94AE "),
+                              directory.type === 1 ? (openBlock(), createElementBlock("div", _hoisted_24$2, [
+                                createElementVNode("div", _hoisted_25$2, [
                                   createVNode(_component_a_checkbox, {
                                     checked: directory.selected,
                                     "onUpdate:checked": ($event) => directory.selected = $event,
@@ -41538,57 +41549,99 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                                     _: 2
                                   }, 1032, ["checked", "onUpdate:checked", "indeterminate", "onChange", "disabled"])
                                 ]),
-                                _cache[6] || (_cache[6] = createElementVNode("div", { class: "perm-btn-col perm-btn-col--empty" }, null, -1))
-                              ]),
-                              createCommentVNode(" \u5B50\u9875\u9762\u884C "),
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(directory.permissionsList, (page) => {
-                                return openBlock(), createElementBlock("div", {
-                                  key: page.id,
-                                  class: "permission-row"
-                                }, [
+                                createElementVNode("div", _hoisted_26$2, [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList(directory.actionList, (button) => {
+                                    return openBlock(), createElementBlock("div", {
+                                      key: button.btnId,
+                                      class: "button-item"
+                                    }, [
+                                      createVNode(_component_a_checkbox, {
+                                        checked: button.checked,
+                                        "onUpdate:checked": ($event) => button.checked = $event,
+                                        onChange: () => handleButtonChange(
+                                          directory,
+                                          directory
+                                        ),
+                                        disabled: isDetail.value
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(toDisplayString(button.name), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["checked", "onUpdate:checked", "onChange", "disabled"])
+                                    ]);
+                                  }), 128))
+                                ])
+                              ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                createCommentVNode(" type=0 \u76EE\u5F55\uFF1A\u76EE\u5F55\u6807\u9898\u884C\uFF08\u65E0\u6309\u94AE\uFF09+ \u6BCF\u4E2A\u5B50\u9875\u9762\u4E00\u884C "),
+                                createCommentVNode(" \u76EE\u5F55\u6807\u9898\u884C "),
+                                createElementVNode("div", _hoisted_27$2, [
                                   createElementVNode("div", _hoisted_28$2, [
                                     createVNode(_component_a_checkbox, {
-                                      checked: page.selected,
-                                      "onUpdate:checked": ($event) => page.selected = $event,
-                                      indeterminate: page.indeterminate,
-                                      onChange: (e) => handlePageChange(directory, page, e),
+                                      checked: directory.selected,
+                                      "onUpdate:checked": ($event) => directory.selected = $event,
+                                      indeterminate: directory.indeterminate,
+                                      onChange: (e) => handleDirectoryChange(directory, e),
                                       disabled: isDetail.value
                                     }, {
                                       default: withCtx(() => [
-                                        createTextVNode(toDisplayString(page.name), 1)
+                                        createTextVNode(toDisplayString(directory.name), 1)
                                       ]),
                                       _: 2
                                     }, 1032, ["checked", "onUpdate:checked", "indeterminate", "onChange", "disabled"])
                                   ]),
-                                  createElementVNode("div", _hoisted_29$2, [
-                                    (openBlock(true), createElementBlock(Fragment, null, renderList(page.actionList, (button) => {
-                                      return openBlock(), createElementBlock("div", {
-                                        key: button.btnId,
-                                        class: "button-item"
-                                      }, [
-                                        createVNode(_component_a_checkbox, {
-                                          checked: button.checked,
-                                          "onUpdate:checked": ($event) => button.checked = $event,
-                                          onChange: () => handleButtonChange(directory, page),
-                                          disabled: isDetail.value
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(button.name), 1)
-                                          ]),
-                                          _: 2
-                                        }, 1032, ["checked", "onUpdate:checked", "onChange", "disabled"])
-                                      ]);
-                                    }), 128))
-                                  ])
-                                ]);
-                              }), 128))
-                            ], 64))
-                          ], 8, _hoisted_22$2);
-                        }), 128))
-                      ], 512)
+                                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "perm-btn-col perm-btn-col--empty" }, null, -1))
+                                ]),
+                                createCommentVNode(" \u5B50\u9875\u9762\u884C "),
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(directory.permissionsList, (page) => {
+                                  return openBlock(), createElementBlock("div", {
+                                    key: page.id,
+                                    class: "permission-row"
+                                  }, [
+                                    createElementVNode("div", _hoisted_29$2, [
+                                      createVNode(_component_a_checkbox, {
+                                        checked: page.selected,
+                                        "onUpdate:checked": ($event) => page.selected = $event,
+                                        indeterminate: page.indeterminate,
+                                        onChange: (e) => handlePageChange(directory, page, e),
+                                        disabled: isDetail.value
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(toDisplayString(page.name), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["checked", "onUpdate:checked", "indeterminate", "onChange", "disabled"])
+                                    ]),
+                                    createElementVNode("div", _hoisted_30$2, [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList(page.actionList, (button) => {
+                                        return openBlock(), createElementBlock("div", {
+                                          key: button.btnId,
+                                          class: "button-item"
+                                        }, [
+                                          createVNode(_component_a_checkbox, {
+                                            checked: button.checked,
+                                            "onUpdate:checked": ($event) => button.checked = $event,
+                                            onChange: () => handleButtonChange(directory, page),
+                                            disabled: isDetail.value
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(button.name), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["checked", "onUpdate:checked", "onChange", "disabled"])
+                                        ]);
+                                      }), 128))
+                                    ])
+                                  ]);
+                                }), 128))
+                              ], 64))
+                            ], 8, _hoisted_23$2);
+                          }), 128))
+                        ], 512)
+                      ])
                     ])
-                  ])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_30$2, toDisplayString(_ctx.$t("uc_role.no_auth_permission")), 1))
+                  ], 64)) : (openBlock(), createElementBlock("div", _hoisted_31$2))
+                ])) : (openBlock(), createElementBlock("div", _hoisted_32$1, toDisplayString(_ctx.$t("uc_role.no_auth_permission")), 1))
               ])
             ])
           ]))