zzz-pc-view 0.0.52 → 0.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",

package/src/decorators/CurdKey/CurdApi.d.ts

@@ -183,6 +183,13 @@ export declare class CurdApi<T extends object = object, P extends PaginationResp
      * @returns {Promise<any>} - 返回一个包含导出结果的Promise。
      */
     export(query?: T | Reactive<T>): httpRequest.HttpRequestPromise<void>;
+    /**
+     * 生成 API 请求的完整路径。
+     * 该方法会将基础路径和可选的子路径拼接起来，形成一个完整的 API 请求路径。
+     * @param {string} [subpath=''] - 可选的子路径，默认为空字符串。
+     * @returns {string} - 返回拼接后的完整 API 请求路径。
+     */
+    protected getApiPath(subpath?: string): string;
     /**
      * 获取数据对象的ID。
      * @param {T} data - 包含ID的数据对象。

package/src/index.es.js

@@ -2389,7 +2389,30 @@ const setRoutes = (option) => {
   });
 };
 const navTreeRef = shallowRef(list$1);
-const navChildrenMapRef = shallowRef(object);
+const navWithoutButtonsComputed = computed(() => toFlat(navTreeRef.value, "children"));
+const navWithoutButtonsMapComputed = computed(
+  () => toKeyValue(navWithoutButtonsComputed.value, "id")
+);
+const navFoldersComputed = computed(
+  () => navWithoutButtonsComputed.value.filter(
+    (nav) => nav.type === 1
+    /* FOLDER */
+  )
+);
+const navMenusComputed = computed(
+  () => navWithoutButtonsComputed.value.filter(
+    (nav) => nav.type === 2
+    /* MENU */
+  )
+);
+const navButtonsRef = shallowRef([]);
+const navMenuButtonMapComputed = computed(() => toKeyValues(navButtonsRef.value, "parentId"));
+const navsComputed = computed(() => [...navWithoutButtonsComputed.value, ...navButtonsRef.value]);
+const navMapComputed = computed(() => toKeyValue(navsComputed.value, "id"));
+const setMenuButtons = (navButtons) => {
+  const navWithoutButtonsMap = navWithoutButtonsMapComputed.value;
+  navButtonsRef.value = navButtons.filter((navButton) => navWithoutButtonsMap[navButton.parentId]);
+};
 const setNavTree = (navFolders, navMenus, navLinks) => {
   const buildList = navMenus.filter((navMenu) => !navMenu.isHide);
   buildList.push(...navLinks);
@@ -2417,23 +2440,6 @@ const setNavTree = (navFolders, navMenus, navLinks) => {
     childrenMap[key2] = sort(childrenMap[key2], "orderNo");
   }
   navTreeRef.value = sort(roots, "orderNo");
-  navChildrenMapRef.value = childrenMap;
-};
-const menuButtonMapRef = shallowRef({});
-const setMenuButtonMap = (navButtons) => {
-  menuButtonMapRef.value = toKeyValues(navButtons, "parentId");
-};
-const navsRef = shallowRef(list$1);
-const navMapComputed = computed(() => toKeyValue(navsRef.value, "id"));
-const navFoldersRef = shallowRef(list$1);
-const navMenusRef = shallowRef(list$1);
-const navButtonsRef = shallowRef(list$1);
-const setNavsCategory = (navsCategory) => {
-  const { navFolders, navMenus, navLinks, navButtons } = navsCategory;
-  navsRef.value = [...navFolders, ...navMenus, ...navLinks, ...navButtons];
-  navFoldersRef.value = navFolders;
-  navMenusRef.value = [...navMenus, ...navLinks];
-  navButtonsRef.value = navButtons;
 };
 const setNavs = (option) => {
   const pageViewMap = getComponentViewMap(option.pageViewMap);
@@ -2441,33 +2447,25 @@ const setNavs = (option) => {
   const { navMenus, navButtons } = navsCategory;
   setRoutes({
     RootPageView: option.RootPageView,
-    // 根页面视图
     navMenus,
-    // 导航菜单
     pageViewMap,
-    // 页面视图映射
     navButtons,
-    // 导航按钮
     NotFoundPageView: option.NotFoundPageView
-    // 404页面视图
   });
   setNavTree(navsCategory.navFolders, navsCategory.navMenus, navsCategory.navLinks);
-  setMenuButtonMap(navButtons);
-  setNavsCategory(navsCategory);
+  setMenuButtons(navButtons);
 };
 const clear = (option) => {
   navTreeRef.value = list$1;
-  navsRef.value = list$1;
-  navFoldersRef.value = list$1;
-  navMenusRef.value = list$1;
   navButtonsRef.value = list$1;
-  menuButtonMapRef.value = object;
-  navChildrenMapRef.value = object;
   if (option) {
     const { path } = option;
     router.addRoute({
+      // 根路由的名称
       name: ROOT_ROUTE_NAME,
+      // 根路由的路径
       path,
+      // 根路由对应的组件
       component: option.PageView
     });
     router.replace(path).then(() => {
@@ -2536,61 +2534,52 @@ const response = {
     return navTreeRef.value;
   },
   /**
-   * 获取所有导航项的 getter 方法。
-   * 返回一个包含所有导航项的数组，这些导航项存储在 navsRef 引用中。
-   * @returns {ZNav[]} - 所有导航项的数组
+   * 获取包含所有导航项的数组的 getter 方法。
+   * 该方法返回 `navsComputed` 计算属性的值，包含所有的导航项，方便统一处理导航项。
+   * @returns {ZNav[]} - 包含所有导航项的数组。
    */
   get navs() {
-    return navsRef.value;
+    return navsComputed.value;
   },
   /**
    * 获取导航项 ID 到导航项对象的映射的 getter 方法。
-   * 该方法返回 `navMapComputed` 计算属性的值，此值是一个映射，
-   * 可以通过导航项的 ID 快速查找对应的导航项对象。
-   * @returns {Record<ZNav['id'], ZNav>} - 导航项 ID 到导航项对象的映射
+   * 该方法返回 `navMapComputed` 计算属性的值，键为导航项的 ID，值为对应的导航项对象，方便通过 ID 快速查找导航项。
+   * @returns {Record<ZNav['id'], ZNav>} - 导航项 ID 到导航项对象的映射。
    */
   get navMap() {
     return navMapComputed.value;
   },
   /**
-   * 获取导航目录项的 getter 方法。
-   * 返回一个包含所有导航目录项的数组，这些导航目录项存储在 navFoldersRef 引用中。
-   * @returns {ZNavFolder[]} - 导航目录项的数组
+   * 获取导航目录项数组的 getter 方法。
+   * 该方法返回 `navFoldersComputed` 计算属性的值，包含所有的导航目录项。
+   * @returns {ZNavFolder[]} - 导航目录项数组。
    */
   get navFolders() {
-    return navFoldersRef.value;
+    return navFoldersComputed.value;
   },
   /**
-   * 获取导航菜单和导航链接项的 getter 方法。
-   * 返回一个包含所有导航菜单和导航链接项的数组，这些项存储在 navMenusRef 引用中。
-   * @returns {(ZNavMenu | ZNavLink)[]} - 导航菜单和导航链接项的数组
+   * 获取导航菜单项数组的 getter 方法。
+   * 该方法返回 `navMenusComputed` 计算属性的值，包含所有的导航菜单项。
+   * @returns {ZNavMenu[]} - 导航菜单项数组。
    */
   get navMenus() {
-    return navMenusRef.value;
+    return navMenusComputed.value;
   },
   /**
-   * 获取导航按钮项的 getter 方法。
-   * 返回一个包含所有导航按钮项的数组，这些导航按钮项存储在 navButtonsRef 引用中。
-   * @returns {ZNavButton[]} - 导航按钮项的数组
+   * 获取导航按钮项数组的 getter 方法。
+   * 该方法返回 `navButtonsRef` 浅引用的值，包含所有的导航按钮项。
+   * @returns {ZNavButton[]} - 导航按钮项数组。
    */
   get navButtons() {
     return navButtonsRef.value;
   },
   /**
-   * 获取菜单按钮映射的 getter 方法。
-   * 返回一个包含所有菜单按钮的映射对象，其中键为父级导航项的 ID，值为该父级导航项下的按钮数组。
-   * @returns {Record<ZBaseNav['id'], ZNavButton[]>} - 菜单按钮映射对象
+   * 获取父级导航项 ID 到导航按钮项数组的映射的 getter 方法。
+   * 该方法返回 `navMenuButtonMapComputed` 计算属性的值，键为父级导航项的 ID，值为该父级导航项下的导航按钮项数组，方便通过父级导航项 ID 快速查找对应的导航按钮项。
+   * @returns {Record<ZNavButton['parentId'], ZNavButton[]>} - 父级导航项 ID 到导航按钮项数组的映射。
    */
-  get menuButtonMap() {
-    return menuButtonMapRef.value;
-  },
-  /**
-   * 获取导航目录的子导航项映射的 getter 方法。
-   * @type {Function}
-   * @returns {Record<ZNavFolder['id'], ZNavWithoutButton[]>} - 导航目录的子导航项映射。
-   */
-  get navChildrenMap() {
-    return navChildrenMapRef.value;
+  get navMenuButtonMap() {
+    return navMenuButtonMapComputed.value;
   },
   /**
    * 获取当前路由对应的根导航目录的 getter 方法。
@@ -3553,7 +3542,7 @@ class CurdApi {
       // 发起GET请求，获取列表数据
       api({
         // 构建请求URL，包括基础路径和查询参数
-        url: `${this.basePath}/list${stringify(query)}`,
+        url: `${this.getApiPath("/list")}${stringify(query)}`,
         // 设置请求方法为GET
         method: "GET"
       }),
@@ -3588,7 +3577,7 @@ class CurdApi {
     return bindThenAjaxSource(
       api({
         // 构造请求 URL，包含基础路径
-        url: `${this.basePath}/page`,
+        url: this.getApiPath("/page"),
         // 设置请求方法为 POST
         method: "POST",
         // 合并分页参数和查询参数
@@ -3608,7 +3597,7 @@ class CurdApi {
     return bindThenAjaxSource(
       // 使用 api 函数创建一个API请求配置对象，设置请求的URL和方法
       api({
-        url: `${this.basePath}/${this.getId(data)}`,
+        url: `${this.getApiPath()}/${this.getId(data)}`,
         method: "GET"
       }),
       // 在请求成功后，将返回的数据绑定到目标类，并返回绑定后的对象
@@ -3637,7 +3626,7 @@ class CurdApi {
     }
     return api({
       // 构造请求 URL，包含基础路径
-      url: `${this.basePath}`,
+      url: this.getApiPath(),
       // 设置请求方法为根据 saveTypeId 获取的方法
       method: editTypeMap[saveTypeId].method,
       // 扩展请求参数
@@ -3652,7 +3641,7 @@ class CurdApi {
   delete(data) {
     return api({
       // 构造请求 URL，包含基础路径和数据的 ID
-      url: `${this.basePath}/${this.getId(data)}`,
+      url: `${this.getApiPath()}/${this.getId(data)}`,
       // 设置请求方法为 DELETE
       method: "DELETE"
     });
@@ -3666,7 +3655,7 @@ class CurdApi {
   changeState(data, state) {
     return api({
       // 构造请求 URL，包含基础路径和状态路径
-      url: `${this.basePath}/state`,
+      url: this.getApiPath("/state"),
       // 设置请求方法为 PUT
       method: "PUT",
       // 设置请求数据，包含数据的 ID 和新的状态值
@@ -3688,7 +3677,7 @@ class CurdApi {
     return bindThenAjaxSource(
       // 使用api方法发送一个POST请求到指定的URL，请求体为查询参数，响应类型为blob
       api({
-        url: `${this.basePath}/export`,
+        url: this.getApiPath("/export"),
         method: "POST",
         data: query,
         responseType: "blob"
@@ -3700,6 +3689,15 @@ class CurdApi {
       }
     );
   }
+  /**
+   * 生成 API 请求的完整路径。
+   * 该方法会将基础路径和可选的子路径拼接起来，形成一个完整的 API 请求路径。
+   * @param {string} [subpath=''] - 可选的子路径，默认为空字符串。
+   * @returns {string} - 返回拼接后的完整 API 请求路径。
+   */
+  getApiPath(subpath = "") {
+    return `${this.basePath}${subpath}`;
+  }
   /**
    * 获取数据对象的ID。
    * @param {T} data - 包含ID的数据对象。
@@ -11022,6 +11020,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CurdFormOperatorView",
   props: {
     operatorComponents: {},
+    size: {},
     viewHandler: {}
   },
   setup(__props) {
@@ -11039,6 +11038,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex === 0,
             type: "info",
             icon: "ArrowLeft",
+            size: _ctx.size,
             plain: "",
             onClick: _cache[0] || (_cache[0] = ($event) => onStepBtnClick(-1))
           }, {
@@ -11046,10 +11046,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               createTextVNode("上一步")
             ])),
             _: 1
-          }, 8, ["disabled"]),
+          }, 8, ["disabled", "size"]),
           createVNode(_component_el_button, {
             disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex === _ctx.viewHandler.displayStepFormItemsGroup.length - 1,
             type: "info",
+            size: _ctx.size,
             plain: "",
             onClick: _cache[1] || (_cache[1] = ($event) => onStepBtnClick(1))
           }, {
@@ -11063,7 +11064,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          }, 8, ["disabled"])
+          }, 8, ["disabled", "size"])
         ], 64)) : createCommentVNode("", true),
         Array.isArray(_ctx.operatorComponents) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.operatorComponents, (operatorComponent, index2) => {
           return openBlock(), createBlock(resolveDynamicComponent(operatorComponent), {
@@ -11075,6 +11076,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           key: 2,
           disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex !== _ctx.viewHandler.displayStepFormItemsGroup.length - 1,
           icon: "SaveSvg",
+          size: _ctx.size,
           type: "primary",
           onClick: _ctx.viewHandler.onSaveBtnClick
         }, {
@@ -11082,11 +11084,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             createTextVNode("保存")
           ])),
           _: 1
-        }, 8, ["disabled", "onClick"])) : createCommentVNode("", true),
+        }, 8, ["disabled", "size", "onClick"])) : createCommentVNode("", true),
         _ctx.viewHandler.editType.id === unref(ZDecorators).CurdKey.EditTypeEnum.CREATE ? (openBlock(), createBlock(_component_el_button, {
           key: 3,
           disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex !== _ctx.viewHandler.displayStepFormItemsGroup.length - 1,
           icon: "SaveContinueSvg",
+          size: _ctx.size,
           type: "success",
           plain: "",
           onClick: _ctx.viewHandler.onSaveContinueBtnClick
@@ -11095,7 +11098,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             createTextVNode("保存并继续")
           ])),
           _: 1
-        }, 8, ["disabled", "onClick"])) : createCommentVNode("", true),
+        }, 8, ["disabled", "size", "onClick"])) : createCommentVNode("", true),
         createVNode(_component_el_button, {
           disabled: _ctx.viewHandler.saveEditorDataLoadStatus,
           icon: "Close",
@@ -11377,6 +11380,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         footer: withCtx(() => [
           createVNode(_sfc_main$f, {
             "view-handler": _ctx.viewHandler,
+            size: "large",
             class: "align-left"
           }, null, 8, ["view-handler"])
         ]),