zzz-pc-view 0.0.39 → 0.0.41

package/src/index.es.js

@@ -5,15 +5,16 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
 import CryptoJS from "crypto-js";
 import qs from "qs";
 import axios, { CanceledError } from "axios";
-import "vue-router";
-import { shallowRef, computed, reactive, onBeforeUnmount, defineComponent, openBlock, createElementBlock, createElementVNode, h, resolveComponent, renderSlot, createVNode, withCtx, createBlock, resolveDynamicComponent, unref, createTextVNode, toDisplayString, Fragment, watch, mergeProps, toHandlers, createCommentVNode, renderList, resolveDirective, withDirectives, isRef } from "vue";
+import { openBlock, createElementBlock, createElementVNode, ref, computed, shallowRef, nextTick, watch, onBeforeUnmount, onDeactivated, onActivated, reactive, defineComponent, h, resolveComponent, renderSlot, createVNode, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, unref, createTextVNode, toDisplayString, Fragment, mergeProps, toHandlers, renderList, resolveDirective, withDirectives, withModifiers, isRef, createSlots, withKeys, normalizeStyle, normalizeClass, normalizeProps, guardReactiveProps, Transition, KeepAlive } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import Mock from "mockjs";
-import ElementPlus, { ElNotification, ElMessageBox, ElInput } from "element-plus";
+import ElementPlus, { ElNotification, ElMessageBox } from "element-plus";
+import Sortable from "sortablejs";
 const fn = () => {
 };
 const object = {};
 const list$1 = [];
-const index$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   fn,
   list: list$1,
@@ -1458,7 +1459,7 @@ const create$1 = (option) => {
           formatParams.push(parentTreeNode);
           formatParams.push(parentTreeNode == null ? void 0 : parentTreeNode.data);
         }
-        formatter == null ? void 0 : formatter(...formatParams);
+        formatter(...formatParams);
       }
       const { children } = node;
       if (!Array.isArray(children) || children.length === 0) {
@@ -1572,7 +1573,7 @@ const tree = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   sortTree,
   toFlat
 }, Symbol.toStringTag, { value: "Module" }));
-const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   completeByDate,
   formatValue,
@@ -1654,7 +1655,7 @@ const createDataTimesByLength = (beginTime, length, interval, dateUnit, repeat)
   endDate[setMethodName](endDate[getMethodName]() + length - 1);
   return createDataTimesByRange([new ZDate(beginTime), endDate], interval, dateUnit, repeat);
 };
-const index$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HttpResponse,
   createDataTimesByLength,
@@ -1740,7 +1741,7 @@ const create = (option) => {
     return request;
   };
 };
-const index$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ABORTED_CODE,
   HttpRequestError,
@@ -1817,7 +1818,7 @@ const useHttpRequestInterval = (request, ms) => {
     abort
   };
 };
-const index$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   useHttpRequestInterval,
   useInterval
@@ -1829,17 +1830,85 @@ const ZUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   ZDate,
   combine,
   decrypt,
-  empty: index$g,
+  empty: index$f,
   encrypt,
-  httpRequest: index$d,
-  interval: index$c,
-  mock: index$e,
+  httpRequest: index$c,
+  interval: index$b,
+  mock: index$d,
   parse,
-  reduce: index$f,
+  reduce: index$e,
   stringify,
   toFixed,
   unitConvertor
 }, Symbol.toStringTag, { value: "Module" }));
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key2, val] of props) {
+    target[key2] = val;
+  }
+  return target;
+};
+const _sfc_main$p = {};
+const _hoisted_1$e = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M930.3 899.5h-836c-16.6 0-30 13.4-30 30s13.4 30 30 30h836c16.6 0 30-13.4 30-30s-13.4-30-30-30zM157.3 844.8c1 0 2.1 0 3.1-0.1l212.8-18.9c8.2-0.7 15.8-4.3 21.6-10.1l500.1-500.1c13.7-13.7 13.7-35.8 0-49.5L701 72.1c-6.6-6.6-15.5-10.3-24.8-10.3s-18.2 3.7-24.7 10.3L151.7 571.9l-0.4 0.4c-5.8 5.8-9.4 13.5-10.1 21.7l-18.8 212.8c-0.9 10.3 2.8 20.5 10.1 27.8 6.6 6.5 15.6 10.2 24.8 10.2z m519-698.5l144.4 144.5-83.5 83.5-144.5-144.5 83.6-83.5zM209.8 612.8l333.4-333.4 144.5 144.5-333.4 333.3-158.5 14.1 14-158.5z" }, null, -1)
+  ]));
+}
+const __vite_glob_0_0 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$2]]);
+const _sfc_main$o = {};
+const _hoisted_1$d = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M619.264 278.016A33.216 33.216 0 0 0 650.24 243.2v-35.2a31.168 31.168 0 1 0-61.888 0v35.136a33.536 33.536 0 0 0 30.912 35.2m185.6 307.2a31.232 31.232 0 0 1 23.04 10.624l122.304 138.496a40.256 40.256 0 0 1 0 52.288l-122.56 137.344a29.888 29.888 0 0 1-46.016-0.384 40.576 40.576 0 0 1 0.32-52.224l99.2-110.848-99.2-112a40.768 40.768 0 0 1 0-52.224 29.376 29.376 0 0 1 22.976-11.008z" }, null, -1),
+    createElementVNode("path", { d: "M598.4 730.304h309.056a32.448 32.448 0 0 1 0 64.832H598.4a32.448 32.448 0 0 1 0-64.832" }, null, -1),
+    createElementVNode("path", { d: "M305.28 891.008H194.176a61.376 61.376 0 0 1-61.248-61.248V194.304a61.376 61.376 0 0 1 61.248-61.248H261.12a26.752 26.752 0 0 1 26.88 26.944v130.688a118.464 118.464 0 0 0 118.016 118.144h211.712A118.464 118.464 0 0 0 736 290.688V160a26.816 26.816 0 0 1 45.824-18.816L883.2 242.368a27.264 27.264 0 0 1 7.936 19.2v300.8a26.752 26.752 0 0 0 26.752 26.752h14.912a26.752 26.752 0 0 0 26.752-26.752v-326.4a32.896 32.896 0 0 0-10.24-24.064L811.776 74.368A33.856 33.856 0 0 0 787.712 64H194.176A130.624 130.624 0 0 0 64 194.304v635.52A130.624 130.624 0 0 0 194.176 960h291.136A26.752 26.752 0 0 0 512 933.248v-15.296a26.752 26.752 0 0 0-26.752-26.752H305.472zM383.68 132.992H640a26.752 26.752 0 0 1 26.752 26.752v157.632a22.784 22.784 0 0 1-22.4 22.4H379.584a22.784 22.784 0 0 1-22.4-22.4V160A26.752 26.752 0 0 1 384 133.056z" }, null, -1)
+  ]));
+}
+const __vite_glob_0_1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$1]]);
+const _sfc_main$n = {};
+const _hoisted_1$c = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M579.7 291.4c18.8 0 34.1-15.3 34.1-34.1v-34.1c0-18.8-15.4-34.1-34.1-34.1-18.8 0-34.1 15.3-34.1 34.1v34.1c0 18.7 15.4 34.1 34.1 34.1z" }, null, -1),
+    createElementVNode("path", { d: "M944.7 216.3L808.2 79.9c-6.8-6.8-15.3-10.2-23.9-10.2H170.4c-56.3 0-102.3 46-102.3 102.3v682.1c0 56.3 46 102.3 102.3 102.3h682.1c56.3 0 102.3-46 102.3-102.3V240.2c0.1-8.5-3.3-17-10.1-23.9zM358 137.9h307v182.5c0 11.9-10.2 22.2-22.2 22.2H380.2c-11.9 0-22.2-10.2-22.2-22.2V137.9z m358.1 750.3H306.9V652.9c0-20.5 17.1-37.5 37.5-37.5h334.2c20.5 0 37.5 17 37.5 37.5v235.3z m170.6-34.1c0 18.8-15.3 34.1-34.1 34.1h-66.5V652.9c0-58-47.7-105.7-105.7-105.7h-336c-58 0-105.7 47.7-105.7 105.7v235.3h-68.2c-18.8 0-34.1-15.3-34.1-34.1V172c0-18.8 15.3-34.1 34.1-34.1h119.4v182.5c0 49.5 40.9 90.4 90.4 90.4h262.6c49.5 0 90.4-40.9 90.4-90.4V137.9h37.5l116 116v600.2z" }, null, -1)
+  ]));
+}
+const __vite_glob_0_2 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render]]);
+const getPageViewMap = (pageViewMap, pageViewPathIgnore) => Object.entries(pageViewMap).reduce((map2, [key2, pageCreator]) => {
+  if (pageViewPathIgnore) {
+    key2 = key2.replace(pageViewPathIgnore, "");
+  }
+  const pageViewName = key2.replace(/^\//, "").substring(0, key2.lastIndexOf("/") - 1);
+  map2[pageViewName] = pageCreator;
+  return map2;
+}, {});
+const getComponentViewMap = (componentViewMap) => (
+  // 将对象转换为键值对数组，并使用 reduce 方法遍历数组
+  Object.entries(componentViewMap).reduce((map2, [key2, pageCreator]) => {
+    map2[key2.replace(/\.[^\.]+$/, "").substring(key2.lastIndexOf("/") + 1)] = pageCreator;
+    return map2;
+  }, {})
+);
+const webUtilsIconMap = getComponentViewMap(
+  /* @__PURE__ */ Object.assign({
+    "./EditorSvg.vue": __vite_glob_0_0,
+    "./SaveContinueSvg.vue": __vite_glob_0_1,
+    "./SaveSvg.vue": __vite_glob_0_2
+  })
+);
 function mitt(n) {
   return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
     var i = n.get(t);
@@ -1861,7 +1930,7 @@ const WS_MSG_OPTION_SYMBOL = Symbol("WS_MSG_OPTION_SYMBOL");
 const WS_PARAMS = Symbol("WS_PARAMS");
 const WS_EVENTS = Symbol("WS_EVENTS");
 const WS_CREATE = Symbol("WS_CREATE");
-const WS_REMOVE = Symbol("REMOVE_WS");
+const WS_REMOVE = Symbol("WS_REMOVE");
 const WS_ON_OPEN = Symbol("WS_ON_OPEN");
 const WS_ON_MESSAGE = Symbol("WS_ON_MESSAGE");
 const WS_ON_CLOSE = Symbol("WS_ON_CLOSE");
@@ -2134,14 +2203,6 @@ class ZNavButton extends ZBaseNav {
     __publicField(this, "type", 3);
   }
 }
-const getPageViewMap = (pageViewMap, pageViewPathIgnore) => Object.entries(pageViewMap).reduce((map2, [key2, pageCreator]) => {
-  if (pageViewPathIgnore) {
-    key2 = key2.replace(pageViewPathIgnore, "");
-  }
-  const pageViewName = key2.replace(/^\//, "").substring(0, key2.lastIndexOf("/") - 1);
-  map2[pageViewName] = pageCreator;
-  return map2;
-}, {});
 const getNavsCategory = (navs, pageViewMap) => {
   const navDirs = [];
   const navMenus = [];
@@ -2171,7 +2232,7 @@ const getNavsCategory = (navs, pageViewMap) => {
   }
   return {
     navDirs,
-    navMenus,
+    navMenus: sort(navMenus, "orderNo"),
     navLinks,
     navButtons
   };
@@ -2189,7 +2250,93 @@ const getNavMenuButtonMap = (navButtons) => navButtons.reduce(
   {}
 );
 const ROOT_ROUTE_NAME = "ROOT_ROUTE";
+const NOT_FOUND_ROUTE_NAME = "NOT_FOUND";
+let router;
+const setRouter = (_router) => {
+  if (router === _router) return;
+  router = _router;
+  watchRoute(_router);
+};
+let stopRouteWatch;
+const tabsRef = ref([]);
+const tabMapComputed = computed(
+  () => (
+    // 使用 ZUtils.reduce.toKeyValue 函数将 tabsRef 中的路由对象数组转换为键值对映射
+    toKeyValue(
+      // 从 tabsRef 中获取当前的路由标签页数组
+      tabsRef.value,
+      // 指定使用路由对象的 'name' 属性作为键
+      "id"
+    )
+  )
+);
+const getTab = (route) => {
+  const meta = route.meta;
+  const raw = meta.raw;
+  return {
+    // 使用路由名称作为标签页的 ID
+    id: route.name,
+    // 从原始导航菜单对象中获取图标
+    icon: raw.icon,
+    // 从原始导航菜单对象中获取标题
+    title: raw.title,
+    // 从原始导航菜单对象中获取是否固定的标志
+    isAffix: raw.isAffix,
+    // 从原始导航菜单对象中获取是否保持激活状态的标志
+    keepAliveView: raw.isKeepAlive,
+    // 初始化保持激活状态的计数为 0
+    count: 0
+  };
+};
+const setTabs = (routes) => {
+  tabsRef.value = routes.reduce((tabs, route) => {
+    const meta = route.meta;
+    if (meta) {
+      const { raw } = meta;
+      if (raw == null ? void 0 : raw.isAffix) {
+        tabs.push(getTab(route));
+      }
+    }
+    return tabs;
+  }, []);
+};
+const watchRoute = (router2) => {
+  stopRouteWatch == null ? void 0 : stopRouteWatch();
+  const routeRef = router2.currentRoute;
+  stopRouteWatch = watch(routeRef, (newRoute, oldRoute) => {
+    const routeName = newRoute.name;
+    if (routeName === NOT_FOUND_ROUTE_NAME || routeName === ROOT_ROUTE_NAME) {
+      return;
+    }
+    const meta = newRoute.meta;
+    if (!meta) {
+      return;
+    }
+    const { raw } = meta;
+    if (!raw) {
+      return;
+    }
+    if (raw.type !== 2) {
+      return;
+    }
+    if (tabMapComputed.value[newRoute.name]) {
+      return;
+    }
+    const tabs = tabsRef.value;
+    if (oldRoute) {
+      const oldRouteName = oldRoute.name;
+      const oldRouteTabIndex = tabs.findIndex((tab) => tab.id === oldRouteName);
+      if (oldRouteTabIndex > -1) {
+        console.log(oldRouteName, oldRouteTabIndex + 1);
+        tabs.splice(oldRouteTabIndex + 1, 0, getTab(newRoute));
+        return;
+      }
+    }
+    tabs.push(getTab(newRoute));
+  });
+};
 const setRoutes = (option) => {
+  tabsRef.value = [];
   const navMenuButtonMap = getNavMenuButtonMap(option.navButtons);
   const routes = [];
   const { navMenus, pageViewMap } = option;
@@ -2210,12 +2357,12 @@ const setRoutes = (option) => {
   const { NotFoundPageView } = option;
   if (NotFoundPageView) {
     routes.push({
-      name: "NotFound",
+      name: NOT_FOUND_ROUTE_NAME,
       path: "*",
       component: NotFoundPageView
     });
   }
-  const { router } = option;
+  setTabs(routes);
   router.addRoute({
     name: ROOT_ROUTE_NAME,
     path: "/",
@@ -2274,11 +2421,10 @@ const setNavTree = (navDirs, navMenus, navLinks) => {
   navChildrenMapRef.value = childrenMap;
 };
 const setNavs = (option) => {
-  const pageViewMap = getPageViewMap(option.pageViewMap, option.pageViewPathIgnore);
+  const pageViewMap = getComponentViewMap(option.pageViewMap);
   const navsCategory = getNavsCategory(option.navs, pageViewMap);
   const { navMenus } = navsCategory;
   setRoutes({
-    router: option.router,
     RootPageView: option.RootPageView,
     navMenus,
     pageViewMap,
@@ -2291,29 +2437,178 @@ const clear = (option) => {
   navTreeRef.value = list$1;
   navChildrenMapRef.value = object;
   if (option) {
-    const { router, path } = option;
-    option.router.addRoute({
+    const { path } = option;
+    router.addRoute({
       name: ROOT_ROUTE_NAME,
       path,
       component: option.PageView
     });
     router.replace(path).then(() => {
+      tabsRef.value = [];
     });
   }
 };
 const response = {
+  /**
+   * 根路由名称常量，用于标识根路由。
+   * @type {'ROOT_ROUTE'}
+   */
   ROOT_ROUTE_NAME,
+  /**
+   * 设置 Vue Router 实例的方法。
+   * @type {Function}
+   * @param {Router} _router - 要设置的 Vue Router 实例。
+   */
+  setRouter,
+  /**
+   * 根据传入的选项对象，设置导航项和路由配置的方法。
+   * @type {Function}
+   * @param {Object} option - 包含导航项和路由配置选项的对象。
+   */
   setNavs,
+  /**
+   * 清除导航树和导航子项映射，并根据传入的选项重置路由配置的方法。
+   * @type {Function}
+   * @param {Object} [option] - 可选的选项对象，包含路由实例、路径和页面视图组件。
+   */
   clear,
+  /**
+   * 获取导航树的 getter 方法。
+   * @type {Function}
+   * @returns {ZNavWithoutButton[]} - 导航树的根节点数组。
+   */
   get navTree() {
     return navTreeRef.value;
   },
+  /**
+   * 获取导航目录的子导航项映射的 getter 方法。
+   * @type {Function}
+   * @returns {Record<ZNavDir['id'], ZNavWithoutButton[]>} - 导航目录的子导航项映射。
+   */
   get navChildrenMap() {
     return navChildrenMapRef.value;
+  },
+  /**
+   * 获取当前打开的路由标签页列表的 getter 方法。
+   * @type {Function}
+   * @returns {NavTab[]} - 当前打开的路由标签页列表。
+   */
+  get tabs() {
+    return tabsRef.value;
+  },
+  /**
+   * 获取路由名称到路由标签页对象的映射的 getter 方法。
+   * @type {Function}
+   * @returns {Record<string, NavTab>} - 路由名称到路由标签页对象的映射。
+   */
+  get tabMap() {
+    return tabMapComputed.value;
+  },
+  /**
+   * 移除指定标签页的方法。
+   * 如果移除的是当前激活的标签页，会自动切换到下一个标签页。
+   * @type {Function}
+   * @param {NavTab} tab - 要移除的标签页对象。
+   * @returns {Promise<void>} - 一个 Promise，当标签页移除操作完成时 resolve。
+   */
+  removeTab: async (tab) => {
+    const tabIndex = tabsRef.value.indexOf(tab);
+    if (tabIndex === -1) return;
+    const tabs = tabsRef.value;
+    const tabsLen = tabs.length;
+    if (tab.id === router.currentRoute.value.name) {
+      if (tabsLen > 1) {
+        const nextTabIndex = tabIndex === 0 ? 1 : tabIndex - 1;
+        const nextTab = tabs[nextTabIndex];
+        await router.push({
+          name: nextTab.id
+        });
+      }
+    }
+    tabs.splice(tabIndex, 1);
+  },
+  /**
+   * 刷新指定标签页的方法。
+   * 如果标签页设置了保持激活状态，则会先禁用再启用该状态以实现刷新。
+   * @type {Function}
+   * @param {NavTab} tab - 要刷新的标签页对象。
+   */
+  refreshTab: (tab) => {
+    if (tab.keepAliveView) {
+      tab.keepAliveView = false;
+      nextTick(() => {
+        tab.keepAliveView = true;
+      });
+    }
+    tab.count++;
+  },
+  /**
+   * 根据 DOM 元素的顺序对标签页列表进行排序的方法。
+   * @type {Function}
+   * @param {HTMLElement} sortElContainer - 包含排序元素的容器元素。
+   * @param {string} datasetProp - 用于获取元素数据集中的属性名。
+   */
+  sortTabs: (sortElContainer, datasetProp) => {
+    const { children } = sortElContainer;
+    const childrenLen = children.length;
+    const indexMap = {};
+    for (let i = 0; i < childrenLen; i++) {
+      indexMap[children[i].dataset[datasetProp]] = i;
+    }
+    tabsRef.value.sort((a, b) => indexMap[a.id] - indexMap[b.id]);
   }
 };
 const useNavStore = () => response;
-const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const useSkeletonRow = (skeletonHeight, gap) => {
+  let skeletonContainer = void 0;
+  const rowsRef = shallowRef(0);
+  let setRowTimer = void 0;
+  const setRows = () => {
+    clearTimeout(setRowTimer);
+    setRowTimer = setTimeout(() => {
+      if (skeletonContainer) {
+        const { clientHeight } = skeletonContainer;
+        const height = clientHeight - clientHeight % skeletonHeight;
+        rowsRef.value = Math.floor((height - skeletonHeight) / (skeletonHeight + gap));
+      }
+    }, 0);
+  };
+  const onWindowResize = () => {
+    setRows();
+  };
+  const setSkeletonContainer = (container) => {
+    skeletonContainer = container;
+    if (container) {
+      setRows();
+      window.addEventListener("resize", onWindowResize);
+    } else {
+      window.removeEventListener("resize", onWindowResize);
+    }
+  };
+  const removeWindowResizeEvent = () => {
+    if (skeletonContainer) {
+      window.removeEventListener("resize", onWindowResize);
+    }
+  };
+  onBeforeUnmount(() => {
+    removeWindowResizeEvent();
+  });
+  onDeactivated(() => {
+    removeWindowResizeEvent();
+  });
+  onActivated(() => {
+    if (skeletonContainer) {
+      window.addEventListener("resize", onWindowResize);
+    }
+  });
+  return {
+    setSkeletonContainer,
+    get rows() {
+      return rowsRef.value;
+    }
+  };
+};
+const ZWebUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HttpRequestMethodEnum,
   WebSocketManager,
@@ -2324,8 +2619,10 @@ const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   ZNavLink,
   ZNavMenu,
   ZNavTypeEnum,
+  getComponentViewMap,
   getPageViewMap,
-  useNavStore
+  useNavStore,
+  useSkeletonRow
 }, Symbol.toStringTag, { value: "Module" }));
 const useLoadUtil = () => {
   const loadingCount = shallowRef(0);
@@ -2889,10 +3186,10 @@ class FilterHandler extends ConfigsCreator {
     }
   }
   /**
-   * 定义一个受保护的方法 `search`，用于执行搜索操作。
-   * 该方法首先调用 `validateQuery` 方法来验证查询。
-   * 如果验证成功，则调用 `onValidateQuerySuccess` 方法。
-   * 如果验证失败，则调用 `onValidateQueryFail` 方法，并传递错误对象。
+   * 执行搜索操作，该方法会先验证查询的有效性，然后根据验证结果执行相应的回调函数。
+   * 此方法是过滤器处理程序的核心逻辑之一，用于确保在进行搜索操作之前，查询数据是有效的。
+   *
+   * @returns {void}
    */
   search() {
     this.validateQuery().then(() => {
@@ -2996,7 +3293,7 @@ const index$7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
 var EditTypeEnum = /* @__PURE__ */ ((EditTypeEnum2) => {
   EditTypeEnum2[EditTypeEnum2["CREATE"] = 1] = "CREATE";
   EditTypeEnum2[EditTypeEnum2["DETAIL"] = 2] = "DETAIL";
-  EditTypeEnum2[EditTypeEnum2["UPDATE"] = 6] = "UPDATE";
+  EditTypeEnum2[EditTypeEnum2["UPDATE"] = 3] = "UPDATE";
   return EditTypeEnum2;
 })(EditTypeEnum || {});
 const editTypeMap = {
@@ -3038,10 +3335,10 @@ const editTypeMap = {
    * @property {string} method - 操作的HTTP方法，为'PUT'。
    */
   [
-    6
+    3
     /* UPDATE */
   ]: {
-    id: 6,
+    id: 3,
     label: "修改",
     method: "PUT"
   }
@@ -3342,7 +3639,6 @@ const useCurdMock = (option) => {
   if (listConfig) {
     const requestMethod = (listConfig.method || "get").toLowerCase();
     Mock.mock(new RegExp(`^/api${basePath}/list`), requestMethod, (option2) => {
-      console.log(new HttpResponse("data", getListParam(list2, option2, listFilter).list));
       return new HttpResponse("data", getListParam(list2, option2, listFilter).list);
     });
   }
@@ -3457,6 +3753,13 @@ class CurdHandler extends FilterHandler {
      * @description 它会在组件初始化时被设置，并且在组件的整个生命周期中保持不变。
      */
     __publicField(this, "label");
+    /**
+     * 定义一个只读属性，用于存储权限配置。
+     * 该属性是一个记录类型，键为字符串，值为 ZNavButton 类型。
+     * 它用于存储每个操作对应的导航按钮，以实现权限控制。
+     * 这个属性在组件初始化时被设置，并且在组件的整个生命周期中保持不变。
+     */
+    __publicField(this, "permission");
     /**
      * 创建一个浅引用，用于存储 CURD 操作的配置。
      * 这个引用将用于在组件中存储和更新 CURD 配置。
@@ -3515,6 +3818,7 @@ class CurdHandler extends FilterHandler {
       if (steps.length === 0) {
         steps.push({});
       }
+      const formItemGroupMap = {};
       return this.displayFormItemsComputed.value.reduce(
         (stepFormItemsGroup, formItem) => {
           let stepIndex = formItem.stepIndex || 0;
@@ -3530,11 +3834,18 @@ class CurdHandler extends FilterHandler {
                 label: step.label || "",
                 desc: step.desc || "",
                 index: stepIndex,
-                formItems: []
+                formItemsGroup: []
               }
             );
           }
-          stepFormItems.formItems.push(formItem);
+          const formItemGroupMapKey = `${stepIndex}-${formItem.rowGroup}`;
+          let formItems = formItemGroupMap[formItemGroupMapKey];
+          if (!formItems) {
+            stepFormItems.formItemsGroup.push(
+              formItems = formItemGroupMap[formItemGroupMapKey] = []
+            );
+          }
+          formItems.push(formItem);
           return stepFormItemsGroup;
         },
         /**
@@ -3708,16 +4019,18 @@ class CurdHandler extends FilterHandler {
      */
     __publicField(this, "editorDataRequestUtil");
     /**
-     * 创建一个浅引用，用于存储编辑器数据。
-     * 这个引用将用于在组件中存储和更新编辑器数据。
-     * @type {shallowRef<T>}
-     * @description 这个引用是浅的，意味着它不会递归地观察嵌套对象的变化。
+     * 创建一个响应式引用，用于存储编辑器的数据。
+     * 这个引用将用于在组件中存储和更新编辑器的数据。
+     * @type {Ref<T | undefined>}
+     * @description 这个引用是响应式的，意味着它会在数据发生变化时自动更新。
      * @description 这对于性能优化很重要，因为它避免了不必要的更新。
      */
-    __publicField(this, "editorDataRef", shallowRef());
+    __publicField(this, "editorDataRef", ref());
     __publicField(this, "saveEditorDataRequestUtil");
     this.curdTargetPrototype = curdTargetPrototype;
     this.CurdTarget = CurdTarget;
+    this.label = param.label;
+    this.permission = param.permission;
     CurdTarget[classCurdKey] = this;
     this.api = param.api;
     const { pagination } = param;
@@ -3746,7 +4059,6 @@ class CurdHandler extends FilterHandler {
     if (nameKeyConfig) {
       this.nameKeyConfig = nameKeyConfig;
     }
-    this.label = param.label;
     this.listRequestUtil = useRequestUtil(true);
     this.editorDataRequestUtil = useRequestUtil(true);
     this.saveEditorDataRequestUtil = useRequestUtil(true);
@@ -4055,6 +4367,24 @@ class CurdHandler extends FilterHandler {
     const maxStepIndex = Math.min(minStepIndex, this.displayStepFormItemsGroup.length - 1);
     this.formStepIndexRef.value = maxStepIndex;
   }
+  /**
+   * 更改表单步骤索引。
+   * 根据传入的方向参数（1 或 -1），决定是向前还是向后移动表单步骤。
+   * 如果方向为 1（向前），则先验证编辑器数据，验证通过后将步骤索引加 1。
+   * 如果方向为 -1（向后），则直接将步骤索引减 1。
+   *
+   * @param { -1 | 1 } direction - 方向参数，1 表示向前，-1 表示向后。
+   * @returns { void }
+   */
+  changeFormStepIndex(direction) {
+    if (direction === 1) {
+      this.validEditorData().then(() => {
+        this.formStepIndex++;
+      });
+    } else {
+      this.formStepIndex--;
+    }
+  }
   /**
    * 获取当前编辑类型。
    * 这个方法返回 editTypeRef 引用的值，它表示当前的编辑类型。
@@ -4125,6 +4455,7 @@ class CurdHandler extends FilterHandler {
     this.editTypeRef.value = editTypeMap[editTypeId];
     this.editorVisibleRef.value = true;
     if (editTypeId & EditTypeEnum.DETAIL) {
+      this.editorDataRef.value = void 0;
       data = await this.editorDataRequestUtil.requestData(this.api.getDetail(data));
     }
     this.setEditorData(data);
@@ -4137,6 +4468,14 @@ class CurdHandler extends FilterHandler {
   closeEditor() {
     this.editorVisible = false;
   }
+  /**
+   * 获取保存编辑器数据请求的加载状态。
+   * 该方法返回 `saveEditorDataRequestUtil` 的 `loadStatus` 属性值，用于判断保存编辑器数据的请求是否正在加载。
+   * @returns {boolean} - 保存编辑器数据请求的加载状态，true 表示正在加载，false 表示加载完成。
+   */
+  get saveEditorDataLoadStatus() {
+    return this.saveEditorDataRequestUtil.loadStatus;
+  }
   /**
    * 保存编辑器数据并执行回调函数。
    * 这个方法会验证编辑器数据的有效性，然后将数据发送到服务器进行保存。
@@ -4157,18 +4496,16 @@ class CurdHandler extends FilterHandler {
     });
   }
   /**
-   * 保存编辑器数据并继续创建。
-   * 这个方法会将当前步骤索引重置为0，然后调用saveEditorData方法保存编辑器数据。
-   * 在保存成功后，它会创建一个新的编辑器数据实例，并将其设置为编辑器的数据。
+   * 保存编辑器数据并继续创建新数据。
+   * 此方法会调用 `saveEditorData` 方法保存当前编辑器中的数据，
+   * 当保存成功后，将表单步骤索引重置为 0，并使用新创建的实例重置编辑器数据，以便用户继续创建新数据。
+   *
    * @returns {void}
    */
   editorDataSaveAndContinue() {
-    this.formStepIndex = 0;
     this.saveEditorData(() => {
-      this.setEditorData(new this.CurdTarget(
-        6
-        /* CONTINUE_CREATE */
-      ));
+      this.formStepIndex = 0;
+      this.setEditorData(new this.CurdTarget(6, this.editorData));
     });
   }
   /**
@@ -9892,17 +10229,183 @@ const directiveInstaller = {
   }
 };
 class CurdViewHandler extends CurdHandler {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
+    /**
+     * 用于存储表格组件实例的浅响应式引用。
+     * 该引用指向一个 `ElTable` 组件实例，可用于访问和操作表格的属性和方法。
+     */
     __publicField(this, "tableElRef", shallowRef());
+    /**
+     * 搜索按钮点击事件处理函数。
+     * 当搜索按钮被点击时，调用 `search` 方法执行搜索操作。
+     */
     __publicField(this, "onSearchBtnClick", () => {
       this.search();
     });
+    /**
+     * 编辑器按钮点击事件处理函数。
+     * 当编辑器按钮被点击时，调用 `openEditor` 方法打开编辑器。
+     * 该方法接收与 `ZDecorators.CurdKey.CurdHandler` 类中 `openEditor` 方法相同的参数，
+     * 并将这些参数传递给 `openEditor` 方法。
+     *
+     * @param {...Parameters<ZDecorators.CurdKey.CurdHandler<T>['openEditor']>} args - 传递给 `openEditor` 方法的参数。
+     */
+    __publicField(this, "onEditorBtnClick", (...args) => {
+      this.openEditor(...args);
+    });
+    /**
+     * 表格行点击事件处理函数。
+     * 当表格的某一行被点击时，根据当前用户的权限决定打开编辑模式还是详情查看模式。
+     *
+     * @param {T} model - 当前点击行的数据对象。
+     */
+    __publicField(this, "onTableRowClick", (model) => {
+      const { permission } = this;
+      if (permission.Edit) {
+        this.onEditorBtnClick(EditTypeEnum.UPDATE, model);
+      } else if (permission.Detail) {
+        this.onEditorBtnClick(EditTypeEnum.DETAIL, model);
+      }
+    });
+    /**
+     * 删除按钮点击事件处理函数。
+     * 当删除按钮被点击时，调用 `delete` 方法执行删除操作。
+     * 该方法接收与 `ZDecorators.CurdKey.CurdHandler` 类中 `delete` 方法相同的参数，
+     * 并将这些参数传递给 `delete` 方法。
+     *
+     * @param {...Parameters<ZDecorators.CurdKey.CurdHandler<T>['delete']>} args - 传递给 `delete` 方法的参数。
+     */
+    __publicField(this, "onDeleteBtnClick", (...args) => {
+      this.delete(...args);
+    });
+    /**
+     * 导出按钮点击事件处理函数。
+     * 当导出按钮被点击时，调用 `export` 方法执行导出操作。
+     */
     __publicField(this, "onExportBtnClick", () => {
       this.export();
     });
+    /**
+     * 创建按钮点击事件处理函数。
+     * 当创建按钮被点击时，调用 `openEditor` 方法打开编辑器，进入创建数据的模式。
+     * 此方法会传递编辑类型为创建，并使用 `CurdTarget` 类创建一个新的创建类型实例。
+     */
+    __publicField(this, "onCreateBtnClick", () => {
+      this.openEditor(
+        EditTypeEnum.CREATE,
+        new this.CurdTarget(CreateTypeEnum.CREATE)
+      );
+    });
+    /**
+     * 标记编辑器是否打开的布尔值。
+     * 用于跟踪编辑器的打开状态，true 表示编辑器已打开，false 表示编辑器已关闭。
+     */
+    __publicField(this, "editorOpened", false);
+    /**
+     * 编辑器打开时的回调方法。
+     * 该方法会在编辑器打开时执行，主要完成以下操作：
+     * 1. 将 editorOpened 状态设置为 true
+     * 2. 调用 focusInput 方法自动聚焦到输入框
+     */
+    __publicField(this, "onEditorOpened", () => {
+      this.editorOpened = true;
+      this.focusInput();
+    });
+    /**
+     * 编辑器关闭时的回调方法。
+     * 该方法会在编辑器关闭时执行，将 editorOpened 状态设置为 false，
+     * 用于跟踪编辑器的关闭状态。
+     */
+    __publicField(this, "onEditorClosed", () => {
+      this.editorOpened = false;
+    });
+    /**
+     * 保存按钮点击事件处理函数。
+     * 当保存按钮被点击时，调用 `editorDataSaveAndClose` 方法保存编辑器数据并关闭编辑器。
+     */
+    __publicField(this, "onSaveBtnClick", () => {
+      this.editorDataSaveAndClose();
+    });
+    /**
+     * 保存并继续按钮点击事件处理函数。
+     * 当保存并继续按钮被点击时，调用 `editorDataSaveAndContinue` 方法保存编辑器数据并保持编辑器打开状态，以便继续编辑。
+     */
+    __publicField(this, "onSaveContinueBtnClick", () => {
+      this.editorDataSaveAndContinue();
+    });
+    /**
+     * 关闭编辑器按钮点击事件处理函数。
+     * 当关闭编辑器按钮被点击时，调用 `closeEditor` 方法关闭编辑器。
+     */
+    __publicField(this, "onCloseEditorBtnClick", () => {
+      this.closeEditor();
+    });
+    /**
+     * 计算属性，用于确定表单是否禁用。
+     * 当编辑器数据加载状态或保存编辑器数据加载状态为真时，表单将被禁用。
+     * 该属性是一个只读的计算属性，它会根据 `editorDataLoadStatus` 和 `saveEditorDataLoadStatus` 的值动态更新。
+     */
+    __publicField(this, "formDisabledComputed", computed(
+      // 当编辑器数据正在加载或者保存编辑器数据正在加载时，表单禁用
+      () => this.editorDataLoadStatus || this.saveEditorDataLoadStatus
+    ));
+    /**
+     * 表单输入框按下回车键时的处理函数。
+     * 根据当前表单步骤索引和编辑类型，决定是保存并关闭编辑器，还是切换到下一个表单步骤。
+     */
+    __publicField(this, "onFormKeyEnter", () => {
+      if (this.formStepIndex === this.displayStepFormItemsGroup.length - 1) {
+        if (this.editType.id === EditTypeEnum.DETAIL) {
+          return;
+        }
+        this.editorDataSaveAndClose();
+      } else {
+        this.changeFormStepIndex(1);
+      }
+    });
+    /**
+     * 用于存储表单组件实例的浅响应式引用。
+     * 该引用指向一个 `ElForm` 组件实例，可用于访问和操作表单的属性和方法，
+     * 例如表单验证、重置表单等操作。
+     */
     __publicField(this, "editorFormElRef", shallowRef());
   }
+  /**
+   * 自动聚焦输入框的方法。
+   * 该方法会在编辑器打开时自动聚焦到带有 'auto-focus' 类的输入框。
+   * 仅在有编辑的模式下生效，且需要确保编辑器表单元素和自动聚焦元素存在。
+   */
+  focusInput() {
+    if ((this.editType.id & EditTypeEnum.CREATE) === 0) {
+      return;
+    }
+    const editorFormEl = this.editorFormElRef.value;
+    if (!editorFormEl) {
+      return;
+    }
+    const autoFocusEl = editorFormEl.$el.querySelector("input.auto-focus, .auto-focus input");
+    if (!autoFocusEl) {
+      return;
+    }
+    autoFocusEl.focus();
+  }
+  /**
+   * 获取表单是否禁用的状态。
+   * 该 getter 方法返回 `formDisabledComputed` 计算属性的值，用于确定表单是否应该被禁用。
+   *
+   * @returns {boolean} 表单是否禁用的布尔值。
+   */
+  get formDisabled() {
+    return this.formDisabledComputed.value;
+  }
+  /**
+   * 当查询验证失败时的处理方法。
+   * 该方法会在查询验证失败时被调用，使用 `ElNotification` 组件显示一个错误通知。
+   * 通知的标题为 '错误'，内容为错误对象的消息，位置在右下角。
+   *
+   * @param {Error} error - 验证失败时抛出的错误对象。
+   */
   onValidateQueryFail(error) {
     ElNotification.error({
       title: "错误",
@@ -9910,6 +10413,14 @@ class CurdViewHandler extends CurdHandler {
       position: "bottom-right"
     });
   }
+  /**
+   * 确认删除操作的提示框方法。
+   * 该方法会弹出一个确认对话框，提示用户是否要永久删除指定的数据记录。
+   * 对话框中会显示要删除的数据的名称（如果有），并提供确认和取消按钮。
+   *
+   * @param {T} data - 要删除的数据对象。
+   * @returns {Promise<MessageBoxData>} - 返回一个 Promise，该 Promise 会在用户点击确认或取消按钮后解析，包含用户的选择信息。
+   */
   confirmDelete(data) {
     const vNodes = [h("span", null, "此操作将永久删除")];
     const name = this.getDataName(data);
@@ -9925,6 +10436,11 @@ class CurdViewHandler extends CurdHandler {
       type: "warning"
     });
   }
+  /**
+   * 删除操作成功后的回调方法。
+   * 当删除操作成功完成时，该方法会被调用，使用 `ElNotification` 组件显示一个成功通知。
+   * 通知的标题为 '成功'，内容为 '删除成功'，位置在右下角。
+   */
   onDeleteSuccess() {
     ElNotification.success({
       title: "成功",
@@ -9932,25 +10448,68 @@ class CurdViewHandler extends CurdHandler {
       position: "bottom-right"
     });
   }
+  /**
+   * 编辑器关闭后的回调方法。
+   * 该方法会在编辑器关闭操作完成后被调用，目前为空方法，可根据具体需求在该方法中添加后续处理逻辑，
+   * 例如清理临时数据、重置状态等操作。
+   */
   afterCloseEditor() {
   }
+  /**
+   * 编辑器数据准备好之后的回调方法。
+   * 该方法会在编辑器数据准备好之后被调用，在一个宏任务中执行以下操作：
+   * 1. 清除表单的验证状态
+   * 2. 如果编辑器处于打开状态，则自动聚焦到输入框
+   * 使用 setTimeout 确保这些操作在下一个事件循环中执行，避免与当前渲染周期冲突。
+   */
   afterEditorDataReady() {
+    setTimeout(() => {
+      var _a2;
+      (_a2 = this.editorFormElRef.value) == null ? void 0 : _a2.clearValidate();
+      if (this.editorOpened) {
+        this.focusInput();
+      }
+    });
   }
+  /**
+   * 验证编辑器表单数据的方法。
+   * 该方法调用 `editorFormElRef` 引用的表单实例的 `validate` 方法，对表单数据进行验证。
+   * 并返回验证结果，验证结果的类型为 `FormValidationResult`。
+   *
+   * @returns {FormValidationResult} 表单数据的验证结果。
+   */
   validEditorData() {
     return this.editorFormElRef.value.validate();
   }
+  /**
+   * 保存编辑器数据成功后的回调方法。
+   * 当保存编辑器数据操作成功完成时，该方法会被调用，目前只是简单地将保存成功后的数据打印到控制台。
+   * 可根据具体需求在该方法中添加后续处理逻辑，例如显示成功提示、更新表格数据等操作。
+   *
+   * @param {T} data - 保存成功后的数据对象。
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   onSaveEditorDataSuccess(data) {
-    console.log(data);
   }
+  /**
+   * 初始化 CURD 配置后的回调方法。
+   * 该方法会在 CURD 配置初始化完成后被调用，目前为空方法，可根据具体需求在该方法中添加后续处理逻辑，
+   * 例如根据配置初始化一些数据、设置默认值等操作。
+   */
   afterInitCurdConfigs() {
   }
+  /**
+   * 组件卸载前的钩子函数。
+   * 该方法会在组件实例被卸载之前调用，目前为空方法，可根据具体需求在该方法中添加后续处理逻辑，
+   * 例如清理定时器、取消订阅、释放资源等操作，以避免内存泄漏。
+   */
   onBeforeUnmount() {
   }
 }
-const _hoisted_1$4 = { class: "flex column wrapper data-wrapper" };
-const _hoisted_2$2 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
-const _hoisted_3$1 = { class: "flex gap-10 data-wrapper-footer" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "flex column wrapper data-wrapper" };
+const _hoisted_2$5 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
+const _hoisted_3$4 = { class: "flex gap-10 data-wrapper-footer" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "DataWrapperView",
   props: {
     bodyViewClass: {}
@@ -9958,8 +10517,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_2$5, [
           renderSlot(_ctx.$slots, "header")
         ]),
         createVNode(_component_el_scrollbar, {
@@ -9971,7 +10530,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["view-class"]),
-        createElementVNode("div", _hoisted_3$1, [
+        createElementVNode("div", _hoisted_3$4, [
           renderSlot(_ctx.$slots, "footer")
         ]),
         renderSlot(_ctx.$slots, "extra")
@@ -9979,6 +10538,26 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "CreateBtnView",
+  props: {
+    viewHandler: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      return _ctx.viewHandler.permission.Add ? (openBlock(), createBlock(_component_el_button, {
+        key: 0,
+        title: _ctx.viewHandler.permission.Add.title,
+        type: "success",
+        icon: "Plus",
+        circle: "",
+        plain: "",
+        onClick: _ctx.viewHandler.onCreateBtnClick
+      }, null, 8, ["title", "onClick"])) : createCommentVNode("", true);
+    };
+  }
+});
 const emptyObject = object;
 const useMappingOption = (props, defaultOptionComponent, defaultInputComponent) => computed(() => {
   var _a2;
@@ -9999,8 +10578,8 @@ const useMappingOption = (props, defaultOptionComponent, defaultInputComponent)
         get options() {
           return listRef.value;
         },
-        primaryKeyConfig: getByClass(Target),
-        nameKeyConfig
+        primaryKey: getByClass(Target).propertyKey,
+        nameKey: nameKeyConfig.propertyKey
       }
     };
   } else {
@@ -10018,7 +10597,13 @@ const useModelValueBridgeComputed = (props, emit) => computed({
     emit("change", value);
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const useModelValueBridgeWithoutChangeComputed = (props, emit) => computed({
+  get: () => props.modelValue,
+  set: (value) => {
+    emit("update:modelValue", value);
+  }
+});
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "VSlotView",
   props: {
     component: {},
@@ -10044,7 +10629,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CurdTableView",
   props: {
     viewHandler: {}
@@ -10104,7 +10689,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               ref_for: true
             }, column.colProps || unref(emptyObject2)), {
               default: withCtx(({ row }) => [
-                (openBlock(), createBlock(resolveDynamicComponent(column.component || _sfc_main$a), mergeProps({
+                (openBlock(), createBlock(resolveDynamicComponent(column.component || _sfc_main$k), mergeProps({
                   viewHandler: _ctx.viewHandler,
                   model: row,
                   prop: column.propertyKey,
@@ -10120,8 +10705,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { key: 0 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { key: 0 };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FilterView",
   props: {
     viewHandler: {},
@@ -10145,7 +10730,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           class: itemClassComputed.value,
           ref_for: true
         }, config.itemProps || unref(emptyObject2)), [
-          config.label ? (openBlock(), createElementBlock("label", _hoisted_1$3, toDisplayString(config.label), 1)) : createCommentVNode("", true),
+          config.label ? (openBlock(), createElementBlock("span", _hoisted_1$a, toDisplayString(config.label), 1)) : createCommentVNode("", true),
           (openBlock(), createBlock(resolveDynamicComponent(config.component), mergeProps({
             "view-handler": _ctx.viewHandler,
             model: _ctx.viewHandler.query,
@@ -10158,17 +10743,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "flex gap-layout wrapper" };
-const _hoisted_2$1 = {
+const _hoisted_1$9 = { class: "flex gap-layout wrapper" };
+const _hoisted_2$4 = {
   key: 0,
   class: "curd-list-aside"
 };
-const _hoisted_3 = { class: "flex-1 fit-size curd-list-content" };
-const _hoisted_4 = {
+const _hoisted_3$3 = { class: "flex-1 fit-size curd-list-content" };
+const _hoisted_4$2 = {
   key: 1,
   class: "curd-list-aside"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CurdView",
   props: {
     viewHandler: {}
@@ -10180,21 +10765,22 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const _component_el_card = resolveComponent("el-card");
       const _component_el_pagination = resolveComponent("el-pagination");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$b, null, {
+      return openBlock(), createBlock(_sfc_main$m, null, {
         header: withCtx(() => [
           renderSlot(_ctx.$slots, "header-before"),
-          _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.TOP] ? (openBlock(), createBlock(_sfc_main$8, {
+          _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.TOP] ? (openBlock(), createBlock(_sfc_main$i, {
             key: 0,
             "view-handler": _ctx.viewHandler,
             position: unref(ZDecorators).FilterKey.PositionEnum.TOP,
             disabled: _ctx.viewHandler.listLoadStatus
           }, null, 8, ["view-handler", "position", "disabled"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "header-after")
+          renderSlot(_ctx.$slots, "header-after"),
+          createVNode(_sfc_main$l, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
         ]),
         body: withCtx(() => [
-          createElementVNode("div", _hoisted_1$2, [
-            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-              createVNode(_sfc_main$8, {
+          createElementVNode("div", _hoisted_1$9, [
+            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+              createVNode(_sfc_main$i, {
                 "view-handler": _ctx.viewHandler,
                 position: unref(ZDecorators).FilterKey.PositionEnum.LEFT,
                 disabled: _ctx.viewHandler.listLoadStatus
@@ -10206,9 +10792,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               class: "flex column wrapper"
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_3$3, [
                   renderSlot(_ctx.$slots, "content", {}, () => [
-                    createVNode(_sfc_main$9, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
+                    createVNode(_sfc_main$j, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
                   ])
                 ])
               ]),
@@ -10216,8 +10802,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             })), [
               [_directive_loading, _ctx.viewHandler.listLoadStatus]
             ]),
-            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              createVNode(_sfc_main$8, {
+            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+              createVNode(_sfc_main$i, {
                 "view-handler": _ctx.viewHandler,
                 position: unref(ZDecorators).FilterKey.PositionEnum.RIGHT,
                 disabled: _ctx.viewHandler.listLoadStatus
@@ -10241,22 +10827,161 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             onSizeChange: _ctx.viewHandler.onPageSizeChange
           }, null, 8, ["current-page", "page-size", "total", "disabled", "onCurrentChange", "onSizeChange"])) : createCommentVNode("", true)
         ]),
+        extra: withCtx(() => [
+          renderSlot(_ctx.$slots, "editor"),
+          renderSlot(_ctx.$slots, "extra")
+        ]),
         _: 3
       });
     };
   }
 });
-const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CurdView: _sfc_main$7,
-  CurdViewHandler
-}, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "flex center gap-5 curd-operator" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "CurdTableOperatorView",
+  props: {
+    operatorComponents: {},
+    viewHandler: {},
+    model: {},
+    prop: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_link = resolveComponent("el-link");
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        Array.isArray(_ctx.operatorComponents) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.operatorComponents, (operatorComponent, index2) => {
+          return openBlock(), createBlock(resolveDynamicComponent(operatorComponent), {
+            key: index2,
+            viewHandler: _ctx.viewHandler,
+            model: _ctx.model,
+            prop: _ctx.prop
+          }, null, 8, ["viewHandler", "model", "prop"]);
+        }), 128)) : createCommentVNode("", true),
+        _ctx.viewHandler.permission.Edit ? (openBlock(), createBlock(_component_el_link, {
+          key: 1,
+          title: _ctx.viewHandler.permission.Edit.title,
+          type: "primary",
+          icon: "EditorSvg",
+          underline: false,
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.viewHandler.onEditorBtnClick(unref(ZDecorators).CurdKey.EditTypeEnum.UPDATE, _ctx.model), ["stop"]))
+        }, null, 8, ["title"])) : _ctx.viewHandler.permission.Detail ? (openBlock(), createBlock(_component_el_link, {
+          key: 2,
+          title: _ctx.viewHandler.permission.Detail.title,
+          icon: "InfoFilled",
+          underline: false,
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.viewHandler.onEditorBtnClick(unref(ZDecorators).CurdKey.EditTypeEnum.DETAIL, _ctx.model), ["stop"]))
+        }, null, 8, ["title"])) : createCommentVNode("", true),
+        _ctx.viewHandler.permission.Delete ? (openBlock(), createBlock(_component_el_link, {
+          key: 3,
+          title: _ctx.viewHandler.permission.Delete.title,
+          type: "danger",
+          icon: "Delete",
+          underline: false,
+          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.viewHandler.onDeleteBtnClick(_ctx.model), ["stop"]))
+        }, null, 8, ["title"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$7 = { class: "flex valign-center gap-layout curd-form-operator" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "CurdFormOperatorView",
+  props: {
+    operatorComponents: {},
+    viewHandler: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const onStepBtnClick = (direction) => {
+      props.viewHandler.changeFormStepIndex(direction);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_arrow_right = resolveComponent("arrow-right");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        _ctx.viewHandler.displayStepFormItemsGroup.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createVNode(_component_el_button, {
+            disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex === 0,
+            type: "info",
+            icon: "ArrowLeft",
+            plain: "",
+            onClick: _cache[0] || (_cache[0] = ($event) => onStepBtnClick(-1))
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode("上一步")
+            ])),
+            _: 1
+          }, 8, ["disabled"]),
+          createVNode(_component_el_button, {
+            disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex === _ctx.viewHandler.displayStepFormItemsGroup.length - 1,
+            type: "info",
+            plain: "",
+            onClick: _cache[1] || (_cache[1] = ($event) => onStepBtnClick(1))
+          }, {
+            default: withCtx(() => [
+              _cache[3] || (_cache[3] = createElementVNode("span", null, "下一步", -1)),
+              createVNode(_component_el_icon, null, {
+                default: withCtx(() => [
+                  createVNode(_component_arrow_right)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 64)) : createCommentVNode("", true),
+        Array.isArray(_ctx.operatorComponents) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.operatorComponents, (operatorComponent, index2) => {
+          return openBlock(), createBlock(resolveDynamicComponent(operatorComponent), {
+            key: index2,
+            viewHandler: _ctx.viewHandler
+          }, null, 8, ["viewHandler"]);
+        }), 128)) : createCommentVNode("", true),
+        (_ctx.viewHandler.editType.id & unref(ZDecorators).CurdKey.EditTypeEnum.CREATE) === unref(ZDecorators).CurdKey.EditTypeEnum.CREATE ? (openBlock(), createBlock(_component_el_button, {
+          key: 2,
+          disabled: _ctx.viewHandler.formDisabled || _ctx.viewHandler.formStepIndex !== _ctx.viewHandler.displayStepFormItemsGroup.length - 1,
+          icon: "SaveSvg",
+          type: "primary",
+          onClick: _ctx.viewHandler.onSaveBtnClick
+        }, {
+          default: withCtx(() => _cache[4] || (_cache[4] = [
+            createTextVNode("保存")
+          ])),
+          _: 1
+        }, 8, ["disabled", "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",
+          type: "success",
+          plain: "",
+          onClick: _ctx.viewHandler.onSaveContinueBtnClick
+        }, {
+          default: withCtx(() => _cache[5] || (_cache[5] = [
+            createTextVNode("保存并继续")
+          ])),
+          _: 1
+        }, 8, ["disabled", "onClick"])) : createCommentVNode("", true),
+        createVNode(_component_el_button, {
+          disabled: _ctx.viewHandler.saveEditorDataLoadStatus,
+          icon: "Close",
+          onClick: _ctx.viewHandler.onCloseEditorBtnClick
+        }, {
+          default: withCtx(() => _cache[6] || (_cache[6] = [
+            createTextVNode("关闭")
+          ])),
+          _: 1
+        }, 8, ["disabled", "onClick"])
+      ]);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "SelectView",
   props: {
     options: {},
-    primaryKeyConfig: {},
-    nameKeyConfig: {},
+    primaryKey: {},
+    nameKey: {},
     modelValue: {}
   },
   emits: ["update:modelValue", "change"],
@@ -10274,9 +10999,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
             return openBlock(), createBlock(_component_el_option, {
-              key: item[_ctx.primaryKeyConfig.propertyKey],
-              label: item[_ctx.nameKeyConfig.propertyKey],
-              value: item[_ctx.primaryKeyConfig.propertyKey]
+              key: item[_ctx.primaryKey],
+              label: item[_ctx.nameKey],
+              value: item[_ctx.primaryKey]
             }, null, 8, ["label", "value"]);
           }), 128))
         ]),
@@ -10285,7 +11010,57 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "MyInputView",
+  props: {
+    prepend: {},
+    append: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const prependComputed = computed(() => props.prepend);
+    const appendComputed = computed(() => props.append);
+    const modelValueBridgeComputed = useModelValueBridgeWithoutChangeComputed(props, emit);
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(_component_el_input, {
+        modelValue: unref(modelValueBridgeComputed),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValueBridgeComputed) ? modelValueBridgeComputed.value = $event : null)
+      }, createSlots({ _: 2 }, [
+        prependComputed.value ? {
+          name: "prepend",
+          fn: withCtx(() => [
+            typeof prependComputed.value === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(prependComputed.value), 1)
+            ], 64)) : (openBlock(), createBlock(_sfc_main$e, mergeProps({
+              key: 1,
+              modelValue: prependComputed.value.modelValue,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => prependComputed.value.modelValue = $event)
+            }, prependComputed.value.props), null, 16, ["modelValue"]))
+          ]),
+          key: "0"
+        } : void 0,
+        appendComputed.value ? {
+          name: "append",
+          fn: withCtx(() => [
+            typeof appendComputed.value === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(appendComputed.value), 1)
+            ], 64)) : (openBlock(), createBlock(_sfc_main$e, mergeProps({
+              key: 1,
+              modelValue: appendComputed.value.modelValue,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => appendComputed.value.modelValue = $event)
+            }, appendComputed.value.props), null, 16, ["modelValue"]))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "VModelView",
   props: {
     component: {},
@@ -10295,7 +11070,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const mappingComputed = useMappingOption(props, _sfc_main$6, ElInput);
+    const mappingComputed = useMappingOption(props, _sfc_main$e, _sfc_main$d);
     const modelValueBridgeComputed = computed({
       get: () => props.model[props.prop],
       set: (value) => {
@@ -10311,12 +11086,225 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "CurdFormView",
+  props: {
+    viewHandler: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { editorFormElRef } = props.viewHandler;
+    return (_ctx, _cache) => {
+      var _a2;
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, mergeProps({
+        ref_key: "editorFormElRef",
+        ref: editorFormElRef,
+        model: _ctx.viewHandler.editorData,
+        disabled: (_ctx.viewHandler.editType.id & unref(ZDecorators).CurdKey.EditTypeEnum.CREATE) === 0 || _ctx.viewHandler.formDisabled
+      }, ((_a2 = _ctx.viewHandler.formParam) == null ? void 0 : _a2.props) || unref(ZUtils).empty.object, {
+        class: "z-form",
+        onKeydown: withKeys(withModifiers(_ctx.viewHandler.onFormKeyEnter, ["prevent"]), ["enter"])
+      }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewHandler.displayStepFormItemsGroup[_ctx.viewHandler.formStepIndex].formItemsGroup, (formItems, rowIndex) => {
+            return openBlock(), createBlock(_component_el_row, {
+              key: rowIndex,
+              gutter: 20
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(formItems, (formItem, colIndex) => {
+                  return openBlock(), createBlock(_component_el_col, {
+                    key: `${rowIndex}-${colIndex}`,
+                    span: formItem.colSpan || 24
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_form_item, mergeProps({
+                        prop: formItem.propertyKey,
+                        label: formItem.label,
+                        ref_for: true
+                      }, formItem.formItemProps || unref(ZUtils).empty.object), {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(formItem.component || _sfc_main$c), mergeProps({
+                            "view-handler": _ctx.viewHandler,
+                            model: _ctx.viewHandler.editorData,
+                            prop: formItem.propertyKey,
+                            ref_for: true
+                          }, formItem.componentProps, toHandlers(formItem.componentOn || unref(ZUtils).empty.object)), null, 16, ["view-handler", "model", "prop"]))
+                        ]),
+                        _: 2
+                      }, 1040, ["prop", "label"])
+                    ]),
+                    _: 2
+                  }, 1032, ["span"]);
+                }), 128))
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["model", "disabled", "onKeydown"]);
+    };
+  }
+});
+const _hoisted_1$6 = {
+  key: 1,
+  class: "wrapper z-form"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "DialogEditorView",
+  props: {
+    formHeight: {},
+    viewHandler: {}
+  },
+  setup(__props) {
+    const skeletonRow = useSkeletonRow(16, 21);
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_skeleton = resolveComponent("el-skeleton");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(_component_el_dialog, {
+        title: `${_ctx.viewHandler.editType.label}·${_ctx.viewHandler.label}`,
+        modelValue: _ctx.viewHandler.editorVisible,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.viewHandler.editorVisible = $event),
+        class: "z-dialog",
+        onOpened: _ctx.viewHandler.onEditorOpened,
+        onClosed: _ctx.viewHandler.onEditorClosed
+      }, {
+        header: withCtx(() => [
+          renderSlot(_ctx.$slots, "header")
+        ]),
+        footer: withCtx(() => [
+          createVNode(_sfc_main$f, {
+            "view-handler": _ctx.viewHandler,
+            class: "align-right"
+          }, null, 8, ["view-handler"])
+        ]),
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            style: normalizeStyle({ height: _ctx.formHeight })
+          }, [
+            _ctx.viewHandler.editorData ? (openBlock(), createBlock(_component_el_scrollbar, {
+              key: 0,
+              "view-class": "dialog-editor-form-scrollbar-view"
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$b, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
+              ]),
+              _: 1
+            })) : (openBlock(), createElementBlock("div", _hoisted_1$6, [
+              createElementVNode("div", {
+                ref: unref(skeletonRow).setSkeletonContainer,
+                class: "wrapper"
+              }, [
+                createVNode(_component_el_skeleton, {
+                  rows: unref(skeletonRow).rows,
+                  animated: ""
+                }, null, 8, ["rows"])
+              ], 512)
+            ]))
+          ], 4)), [
+            [_directive_loading, _ctx.viewHandler.saveEditorDataLoadStatus]
+          ])
+        ]),
+        _: 3
+      }, 8, ["title", "modelValue", "onOpened", "onClosed"]);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  key: 1,
+  class: "wrapper z-form"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "DrawerEditorView",
+  props: {
+    viewHandler: {}
+  },
+  setup(__props) {
+    const skeletonRow = useSkeletonRow(16, 21);
+    return (_ctx, _cache) => {
+      const _component_el_skeleton = resolveComponent("el-skeleton");
+      const _component_el_drawer = resolveComponent("el-drawer");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(_component_el_drawer, {
+        title: `${_ctx.viewHandler.editType.label}·${_ctx.viewHandler.label}`,
+        modelValue: _ctx.viewHandler.editorVisible,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.viewHandler.editorVisible = $event),
+        class: "z-drawer",
+        onOpened: _ctx.viewHandler.onEditorOpened,
+        onClosed: _ctx.viewHandler.onEditorClosed
+      }, {
+        footer: withCtx(() => [
+          createVNode(_sfc_main$f, {
+            "view-handler": _ctx.viewHandler,
+            class: "align-left"
+          }, null, 8, ["view-handler"])
+        ]),
+        default: withCtx(() => [
+          _ctx.viewHandler.editorData ? withDirectives((openBlock(), createBlock(_sfc_main$b, {
+            key: 0,
+            "view-handler": _ctx.viewHandler
+          }, null, 8, ["view-handler"])), [
+            [_directive_loading, _ctx.viewHandler.saveEditorDataLoadStatus]
+          ]) : (openBlock(), createElementBlock("div", _hoisted_1$5, [
+            createElementVNode("div", {
+              ref: unref(skeletonRow).setSkeletonContainer,
+              class: "wrapper"
+            }, [
+              createVNode(_component_el_skeleton, {
+                rows: unref(skeletonRow).rows,
+                animated: ""
+              }, null, 8, ["rows"])
+            ], 512)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "modelValue", "onOpened", "onClosed"]);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SearchBtnView",
+  props: {
+    viewHandler: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(_component_el_button, {
+        title: "查询",
+        disabled: _ctx.viewHandler.queryLoadStatus || _ctx.viewHandler.listLoadStatus,
+        type: "primary",
+        icon: "Search",
+        circle: "",
+        onClick: _ctx.viewHandler.onSearchBtnClick
+      }, null, 8, ["disabled", "onClick"]);
+    };
+  }
+});
+const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CreateBtnView: _sfc_main$l,
+  CurdView: _sfc_main$h,
+  CurdViewHandler,
+  DialogEditorView: _sfc_main$a,
+  DrawerEditorView: _sfc_main$9,
+  FormOperatorView: _sfc_main$f,
+  SearchBtnView: _sfc_main$8,
+  TableOperatorView: _sfc_main$g
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "RadioButtonGroupView",
   props: {
     options: {},
-    primaryKeyConfig: {},
-    nameKeyConfig: {},
+    primaryKey: {},
+    nameKey: {},
     modelValue: {}
   },
   emits: ["update:modelValue", "change"],
@@ -10334,9 +11322,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
             return openBlock(), createBlock(_component_el_radio_button, {
-              key: item[_ctx.primaryKeyConfig.propertyKey],
-              label: item[_ctx.nameKeyConfig.propertyKey],
-              value: item[_ctx.primaryKeyConfig.propertyKey]
+              key: item[_ctx.primaryKey],
+              label: item[_ctx.nameKey],
+              value: item[_ctx.primaryKey]
             }, null, 8, ["label", "value"]);
           }), 128))
         ]),
@@ -10345,12 +11333,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupView",
   props: {
     options: {},
-    primaryKeyConfig: {},
-    nameKeyConfig: {},
+    primaryKey: {},
+    nameKey: {},
     modelValue: {}
   },
   emits: ["update:modelValue", "change"],
@@ -10368,9 +11356,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
             return openBlock(), createBlock(_component_el_radio, {
-              key: item[_ctx.primaryKeyConfig.propertyKey],
-              label: item[_ctx.nameKeyConfig.propertyKey],
-              value: item[_ctx.primaryKeyConfig.propertyKey]
+              key: item[_ctx.primaryKey],
+              label: item[_ctx.nameKey],
+              value: item[_ctx.primaryKey]
             }, null, 8, ["label", "value"]);
           }), 128))
         ]),
@@ -10379,12 +11367,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroupView",
   props: {
     options: {},
-    primaryKeyConfig: {},
-    nameKeyConfig: {},
+    primaryKey: {},
+    nameKey: {},
     modelValue: {}
   },
   emits: ["update:modelValue", "change"],
@@ -10402,9 +11390,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
             return openBlock(), createBlock(_component_el_checkbox, {
-              key: item[_ctx.primaryKeyConfig.propertyKey],
-              label: item[_ctx.nameKeyConfig.propertyKey],
-              value: item[_ctx.primaryKeyConfig.propertyKey]
+              key: item[_ctx.primaryKey],
+              label: item[_ctx.nameKey],
+              value: item[_ctx.primaryKey]
             }, null, 8, ["label", "value"]);
           }), 128))
         ]),
@@ -10415,45 +11403,408 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CheckboxGroupView: _sfc_main$2,
-  RadioButtonGroupView: _sfc_main$4,
-  RadioGroupView: _sfc_main$3,
-  SelectView: _sfc_main$6,
-  VModelView: _sfc_main$5
+  CheckboxGroupView: _sfc_main$5,
+  MyInputView: _sfc_main$d,
+  RadioButtonGroupView: _sfc_main$7,
+  RadioGroupView: _sfc_main$6,
+  SelectView: _sfc_main$e,
+  VModelView: _sfc_main$c
 }, Symbol.toStringTag, { value: "Module" }));
 const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VSlotView: _sfc_main$a
+  VSlotView: _sfc_main$k
 }, Symbol.toStringTag, { value: "Module" }));
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key2, val] of props) {
-    target[key2] = val;
+const LayoutViewDeclare = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
+const _hoisted_1$4 = ["href"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutNavView",
+  props: {
+    navs: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_LayoutNavView = resolveComponent("LayoutNavView", true);
+      const _component_el_sub_menu = resolveComponent("el-sub-menu");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navs, (nav) => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: nav.id
+        }, [
+          nav.type === unref(ZWebUtils).ZNavTypeEnum.DIR ? (openBlock(), createBlock(_component_el_sub_menu, {
+            key: 0,
+            index: nav.id,
+            class: "flex center"
+          }, {
+            title: withCtx(() => [
+              nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
+                key: 0,
+                class: "layout-nav-icon"
+              })) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(nav.title), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_LayoutNavView, {
+                navs: nav.children
+              }, null, 8, ["navs"])
+            ]),
+            _: 2
+          }, 1032, ["index"])) : nav instanceof unref(ZWebUtils).ZNavLink ? (openBlock(), createBlock(_component_el_menu_item, {
+            key: 1,
+            index: nav.outLink
+          }, {
+            default: withCtx(() => [
+              createElementVNode("a", {
+                href: nav.outLink,
+                target: "_blank",
+                class: "flex center layout-nav-link"
+              }, [
+                nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
+                  key: 0,
+                  class: "layout-nav-icon"
+                })) : createCommentVNode("", true),
+                createElementVNode("span", null, toDisplayString(nav.title), 1)
+              ], 8, _hoisted_1$4)
+            ]),
+            _: 2
+          }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
+            key: 2,
+            index: nav.path
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_router_link, {
+                to: { name: nav.name },
+                class: "flex center layout-nav-link"
+              }, {
+                default: withCtx(() => [
+                  nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
+                    key: 0,
+                    class: "layout-nav-icon"
+                  })) : createCommentVNode("", true),
+                  createElementVNode("span", null, toDisplayString(nav.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["to"])
+            ]),
+            _: 2
+          }, 1032, ["index"]))
+        ], 64);
+      }), 128);
+    };
   }
-  return target;
+});
+const _hoisted_1$3 = { class: "flex valign-center gap-5 layout-profile" };
+const _hoisted_2$3 = {
+  key: 1,
+  class: "layout-profile-nickname"
 };
-const _sfc_main$1 = {};
-const _hoisted_1$1 = { class: "relative flex layout-header" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createElementVNode("div", { class: "flex" }, null, -1),
-    createElementVNode("div", { class: "flex-1 fit-size" }, null, -1),
-    createElementVNode("div", null, null, -1),
-    createElementVNode("div", null, null, -1)
-  ]));
-}
-const LayoutHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _hoisted_1 = { class: "flex column wrapper" };
-const _hoisted_2 = { class: "flex flex-1 fit-size" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutProfileView",
+  props: {
+    profile: {},
+    showArrow: { type: Boolean },
+    arrowRotate: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_arrow_down = resolveComponent("arrow-down");
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        _ctx.profile.avatar ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.profile.avatar), {
+          key: 0,
+          class: "layout-profile-icon"
+        })) : createCommentVNode("", true),
+        _ctx.profile.nickname ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.profile.nickname), 1)) : createCommentVNode("", true),
+        _ctx.showArrow ? (openBlock(), createBlock(_component_el_icon, {
+          key: 2,
+          class: normalizeClass(["layout-profile-arrow", {
+            opened: _ctx.arrowRotate
+          }])
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_arrow_down)
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "flex valign-center gap-layout layout-header" };
+const _hoisted_2$2 = {
+  key: 0,
+  class: "flex valign-center gap-10 layout-header-system-info"
+};
+const _hoisted_3$2 = {
+  key: 1,
+  class: "layout-header-system-info-title"
+};
+const _hoisted_4$1 = { class: "flex-1 fit-size layout-nav-scrollbar-container" };
+const _hoisted_5$1 = {
+  key: 1,
+  class: "flex valign-center gap-8 layout-header-toolbar"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutHeaderView",
+  props: {
+    systemInfo: {},
+    toolbarComponent: {},
+    profile: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const route = useRoute();
+    const navStore = useNavStore();
+    const profileDropdownVisibleRef = shallowRef(false);
+    const onProfileDropdownVisibleChange = (visible) => {
+      profileDropdownVisibleRef.value = visible;
+    };
+    const onProfileMenuItemClick = (index2) => {
+      props.profile.menus[index2].handler();
+    };
+    return (_ctx, _cache) => {
+      const _component_el_menu = resolveComponent("el-menu");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        _ctx.systemInfo ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+          _ctx.systemInfo.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.systemInfo.icon), {
+            key: 0,
+            class: "layout-header-system-info-icon"
+          })) : createCommentVNode("", true),
+          _ctx.systemInfo.title ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(_ctx.systemInfo.title), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4$1, [
+          createVNode(_component_el_scrollbar, { "view-class": "flex layout-header-scrollbar-view" }, {
+            default: withCtx(() => [
+              createVNode(_component_el_menu, {
+                "default-active": unref(route).path,
+                mode: "horizontal",
+                "unique-opened": "",
+                class: normalizeClass({
+                  "layout-main-nav-center": _ctx.systemInfo
+                })
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$4, {
+                    navs: unref(navStore).navTree
+                  }, null, 8, ["navs"])
+                ]),
+                _: 1
+              }, 8, ["default-active", "class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _ctx.toolbarComponent ? (openBlock(), createElementBlock("div", _hoisted_5$1)) : createCommentVNode("", true),
+        _ctx.profile ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          Array.isArray(_ctx.profile.menus) && _ctx.profile.menus.length ? (openBlock(), createBlock(_component_el_dropdown, {
+            key: 0,
+            trigger: "click",
+            class: "layout-profile-dropdown",
+            onCommand: onProfileMenuItemClick,
+            onVisibleChange: onProfileDropdownVisibleChange
+          }, {
+            dropdown: withCtx(() => [
+              createVNode(_component_el_dropdown_menu, null, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.profile.menus, (profileMenu, index2) => {
+                    return openBlock(), createBlock(_component_el_dropdown_item, {
+                      key: index2,
+                      icon: profileMenu.icon,
+                      command: index2
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(profileMenu.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["icon", "command"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                profile: _ctx.profile,
+                "show-arrow": "",
+                "arrow-rotate": profileDropdownVisibleRef.value
+              }, null, 8, ["profile", "arrow-rotate"])
+            ]),
+            _: 1
+          })) : (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            profile: _ctx.profile
+          }, null, 8, ["profile"]))
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "relative layout-tab" };
+const _hoisted_2$1 = ["data-id", "onClick"];
+const _hoisted_3$1 = { class: "flex valign-center" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex center layout-tab-item-icon"
+};
+const _hoisted_5 = { class: "layout-tab-item-text" };
+const _hoisted_6 = { class: "flex valign-center" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutTabView",
+  setup(__props) {
+    const route = useRoute();
+    const router2 = useRouter();
+    const navStore = useNavStore();
+    const onTabItemClick = (tab) => {
+      router2.push({
+        name: tab.id
+      });
+    };
+    const onRefreshBtnClick = (tab) => {
+      navStore.refreshTab(tab);
+    };
+    const onRemoveBtnClick = (tab) => {
+      navStore.removeTab(tab);
+    };
+    let tabSortable = void 0;
+    let sortElContainer = void 0;
+    const onSortEnd = () => {
+      navStore.sortTabs(sortElContainer, "id");
+    };
+    const setSortable = (container) => {
+      if (container) {
+        sortElContainer = container;
+        tabSortable = new Sortable(container, {
+          // 当排序结束时调用 onSortEnd 函数
+          onEnd: onSortEnd
+        });
+      } else if (tabSortable) {
+        tabSortable.destroy();
+        tabSortable = sortElContainer = void 0;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_refresh_right = resolveComponent("refresh-right");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_close = resolveComponent("close");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(_component_el_scrollbar, {
+          "wrap-class": "layout-tab-scrollbar-wrap",
+          "view-class": "layout-tab-scrollbar-view"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              ref: setSortable,
+              class: "flex valign-bottom layout-tab-list"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(navStore).tabs, (tab, index2) => {
+                return openBlock(), createElementBlock("div", {
+                  key: `${tab.id}|${index2}`,
+                  "data-id": tab.id,
+                  class: normalizeClass(["flex valign-center layout-tab-item", {
+                    affix: tab.isAffix,
+                    active: unref(route).name === tab.id
+                  }]),
+                  onClick: ($event) => onTabItemClick(tab)
+                }, [
+                  createElementVNode("div", _hoisted_3$1, [
+                    tab.icon ? (openBlock(), createElementBlock("span", _hoisted_4, [
+                      (openBlock(), createBlock(resolveDynamicComponent(tab.icon)))
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("span", _hoisted_5, toDisplayString(tab.title), 1)
+                  ]),
+                  createElementVNode("div", _hoisted_6, [
+                    unref(route).name === tab.id ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "flex center layout-tab-item-icon layout-tab-item-icon-btn",
+                      onClick: withModifiers(($event) => onRefreshBtnClick(tab), ["stop"])
+                    }, [
+                      createVNode(_component_el_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_refresh_right)
+                        ]),
+                        _: 1
+                      })
+                    ], 8, _hoisted_7)) : createCommentVNode("", true),
+                    !tab.isAffix && unref(navStore).tabs.length > 1 ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: "flex center layout-tab-item-icon layout-tab-item-icon-btn",
+                      onClick: withModifiers(($event) => onRemoveBtnClick(tab), ["stop"])
+                    }, [
+                      createVNode(_component_el_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_close)
+                        ]),
+                        _: 1
+                      })
+                    ], 8, _hoisted_8)) : createCommentVNode("", true)
+                  ])
+                ], 10, _hoisted_2$1);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex column wrapper layout-main" };
+const _hoisted_2 = { class: "flex column flex-1 fit-size" };
+const _hoisted_3 = { class: "flex-1 fit-size" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LayoutMainView",
+  props: {
+    headerProps: {},
+    showTabs: { type: Boolean },
+    keepAliveView: { type: Boolean }
+  },
   setup(__props) {
+    const route = useRoute();
+    const navStore = useNavStore();
+    const keepAlivePropsComputed = computed(() => {
+      const { tabs } = navStore;
+      return {
+        // 计算需要缓存的组件名称数组
+        include: tabs.reduce((viewNames, tab) => {
+          if (tab.keepAliveView) {
+            viewNames.push(tab.id);
+          }
+          return viewNames;
+        }, [])
+      };
+    });
     return (_ctx, _cache) => {
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(LayoutHeader),
+        createVNode(_sfc_main$2, normalizeProps(guardReactiveProps(_ctx.headerProps)), null, 16),
         createElementVNode("div", _hoisted_2, [
-          createVNode(_component_router_view)
+          _ctx.showTabs ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_router_view, null, {
+              default: withCtx(({ Component }) => [
+                createVNode(Transition, { name: "fadeLeft" }, {
+                  default: withCtx(() => [
+                    _ctx.keepAliveView ? (openBlock(), createBlock(KeepAlive, normalizeProps(mergeProps({ key: 0 }, keepAlivePropsComputed.value)), [
+                      (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                        key: `${unref(route).name}-${(unref(navStore).tabMap[unref(route).name] || {}).count}`
+                      }))
+                    ], 1040)) : (openBlock(), createBlock(resolveDynamicComponent(Component), { key: 1 }))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ])
         ])
       ]);
     };
@@ -10461,7 +11812,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DataWrapper: _sfc_main$b,
+  DataWrapper: _sfc_main$m,
+  LayoutViewDeclare,
   Main: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -10471,7 +11823,8 @@ const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   forms: index$4,
   slots: index$3,
   useMappingOption,
-  useModelValueBridgeComputed
+  useModelValueBridgeComputed,
+  useModelValueBridgeWithoutChangeComputed
 }, Symbol.toStringTag, { value: "Module" }));
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -10479,14 +11832,29 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 }, Symbol.toStringTag, { value: "Module" }));
 const indexPcViews = {
   install(app, param) {
+    const navStore = useNavStore();
+    navStore.setRouter(param.router);
     app.config.globalProperties.$ZUtils = ZUtils;
+    app.config.globalProperties.$ZWebUtils = ZWebUtils;
     app.config.globalProperties.$ZDecorators = ZDecorators;
     setApi(param.api);
     app.use(directiveInstaller);
     app.use(ElementPlus, {
       locale: zhCn
     });
-    for (const [key2, component] of Object.entries(ElementPlusIconsVue)) {
+    const elPlusIconEntries = Object.entries(ElementPlusIconsVue);
+    for (const [key2, component] of elPlusIconEntries) {
+      app.component(key2, component);
+    }
+    const { iconMap } = param;
+    if (iconMap) {
+      const iconEntries = Object.entries(iconMap);
+      for (const [key2, component] of iconEntries) {
+        app.component(key2, component);
+      }
+    }
+    const webUtilsIconEntries = Object.entries(webUtilsIconMap);
+    for (const [key2, component] of webUtilsIconEntries) {
       app.component(key2, component);
     }
   }
@@ -10495,6 +11863,6 @@ export {
   index as PcViews,
   ZDecorators,
   ZUtils,
-  index$b as ZWebUtils,
+  ZWebUtils,
   indexPcViews as default
 };